@getparallel/parx 0.4.0 → 0.4.2

package/dist/tui.js

@@ -24,6 +24,33 @@ export function bloqueDeTexto(texto, sangria = '') {
         return out;
     };
 }
+export function bloqueDeTabla(filas, o = {}) {
+    return (ancho) => {
+        const util = anchoUtil(ancho);
+        const sangria = ' '.repeat(o.sangria ?? 0);
+        const dentro = util - sangria.length;
+        const col = Math.min(Math.max(0, ...filas.map(([k]) => anchoDe(k))) + 3, Math.floor(dentro / 2));
+        const out = [];
+        if (o.titulo)
+            out.push(`${m}${c.negrita(o.titulo)}`);
+        for (const [k, d] of filas) {
+            const resto = dentro - col;
+            if (resto < 12) {
+                out.push(`${m}${sangria}${c.marca(recortar(k, dentro))}`);
+                for (const l of envolver(d, dentro - 2))
+                    out.push(`${m}${sangria}  ${l}`);
+                continue;
+            }
+            envolver(d, resto).forEach((l, i) => out.push(`${m}${sangria}${i === 0 ? c.marca(rellenar(recortar(k, col - 1), col)) : ' '.repeat(col)}${l}`));
+        }
+        if (o.pie) {
+            out.push('');
+            for (const l of envolver(o.pie, util))
+                out.push(`${m}${c.gris(l)}`);
+        }
+        return out;
+    };
+}
 export function bloqueDeLinea(linea) {
     return (ancho) => [`${m}${recortar(linea, anchoUtil(ancho))}`];
 }
@@ -108,6 +135,26 @@ export function bloqueDeCierre(texto, marca) {
         return [`${m}${izq}${resto > 0 ? ` ${c.tenue(c.gris((capacidades().unicode ? '─' : '-').repeat(resto)))}` : ''}`];
     };
 }
+export function bloqueDeBash(comando) {
+    return (ancho) => {
+        const util = anchoUtil(ancho);
+        return ['', ...envolver(comando, util - 2).map((l, i) => `${m}${i === 0 ? c.aviso(c.negrita('!')) : ' '} ${l}`)];
+    };
+}
+export function bloqueDeSalidaDeBash(lineas) {
+    return (ancho) => {
+        const util = anchoUtil(ancho);
+        const raya = c.tenue(c.aviso(capacidades().unicode ? '│' : '|'));
+        return lineas.map((l) => `${m}${raya} ${recortar(l.replace(/\t/g, '  '), util - 2)}`);
+    };
+}
+export function bloqueDeFinDeBash(bien, texto) {
+    return (ancho) => {
+        const u = capacidades().unicode;
+        const marca = bien ? c.ok(u ? '✓' : 'v') : c.error(u ? '✗' : 'x');
+        return [`${m}${c.tenue(c.aviso(u ? '╰' : '`'))} ${marca} ${recortar(c.gris(texto), anchoUtil(ancho) - 4)}`];
+    };
+}
 export function trocearTeclas(datos, estado) {
     const out = [];
     let i = 0;
@@ -125,6 +172,20 @@ export function trocearTeclas(datos, estado) {
         }
         const ch = datos[i];
         if (ch === '\x1b') {
+            const sgr = /^\x1b\[<(\d+);(\d+);(\d+)([Mm])/.exec(datos.slice(i));
+            if (sgr) {
+                i += sgr[0].length;
+                out.push(teclaDeRaton(Number(sgr[1]), Number(sgr[2]), Number(sgr[3]), sgr[4] === 'm'));
+                continue;
+            }
+            if (datos.startsWith('\x1b[M', i) && datos.length >= i + 6) {
+                const b = datos.charCodeAt(i + 3) - 32;
+                const x = datos.charCodeAt(i + 4) - 32;
+                const y = datos.charCodeAt(i + 5) - 32;
+                i += 6;
+                out.push(teclaDeRaton(b, x, y, (b & 3) === 3 && (b & 64) === 0 && (b & 32) === 0, b & 64 ? 3 : b & 3));
+                continue;
+            }
             const r = /^\x1b(?:\[([0-9;?]*)([ -/]*[@-~])|O([@-~])|([\s\S]))?/.exec(datos.slice(i));
             const seq = r[0];
             i += Math.max(1, seq.length);
@@ -147,10 +208,16 @@ export function trocearTeclas(datos, estado) {
                 out.push({ t: 'abajo' });
             else if (fin === 'H' || (fin === '~' && (params === '1' || params === '7')))
                 out.push({ t: 'inicio' });
+            else if ((fin === 'F' && /;5$/.test(params)) || (fin === '~' && /^[48];5$/.test(params)))
+                out.push({ t: 'fondo' });
             else if (fin === 'F' || (fin === '~' && (params === '4' || params === '8')))
                 out.push({ t: 'fin' });
             else if (fin === '~' && params === '3')
                 out.push({ t: 'suprimir' });
+            else if (fin === '~' && params === '5')
+                out.push({ t: 'pagina_arriba' });
+            else if (fin === '~' && params === '6')
+                out.push({ t: 'pagina_abajo' });
             else if (fin === 'Z')
                 out.push({ t: 'cambiar' });
             else if (fin === 'I' && params === '')
@@ -194,6 +261,8 @@ export function trocearTeclas(datos, estado) {
             out.push({ t: 'borrar_palabra' });
         else if (ch === '\x0c')
             out.push({ t: 'limpiar' });
+        else if (ch === '\x1a')
+            out.push({ t: 'suspender' });
         else if (ch === '\x10')
             out.push({ t: 'arriba' });
         else if (ch === '\x0e')
@@ -210,8 +279,17 @@ export function trocearTeclas(datos, estado) {
     }
     return out;
 }
-const CON_VALOR = new Set(['mode', 'model', 'tips', 'notify', 'teach']);
+function teclaDeRaton(b, x, y, soltar, botonX10) {
+    const rueda = b & 64 ? ((b & 1) === 0 ? -1 : 1) : 0;
+    const mover = Boolean(b & 32);
+    const boton = botonX10 ?? (rueda ? 3 : b & 3);
+    return { t: 'raton', boton, x, y, soltar, mover, rueda: rueda };
+}
+export const RATON_SI = '\x1b[?1000h\x1b[?1002h\x1b[?1003h\x1b[?1006h';
+export const RATON_NO = '\x1b[?1003l\x1b[?1002l\x1b[?1000l\x1b[?1006l';
+const CON_VALOR = new Set(['mode', 'model', 'tips', 'notify', 'teach', 'mouse']);
 const CON_TEXTO = new Set(['folder']);
+const SE_MANDAN_SOLOS = new Set(['teach', 'notify', 'tips', 'folder', 'mouse']);
 const MODOS_DEL_MENU = ['ask', 'auto', 'read', 'bypass'];
 export function opcionesDelMenu(valor) {
     if (!valor.startsWith('/') || valor.includes('\n'))
@@ -226,7 +304,8 @@ export function opcionesDelMenu(valor) {
             if (!casa)
                 continue;
             const conAlgo = CON_VALOR.has(cmd) || CON_TEXTO.has(cmd);
-            out.push({ nombre: `/${cmd}`, descripcion, completar: `/${cmd}${conAlgo ? ' ' : ''}`, enviar: !conAlgo });
+            const entero = q === cmd || ALIAS_COMANDO[q] === cmd;
+            out.push({ nombre: `/${cmd}`, descripcion, completar: `/${cmd}${conAlgo ? ' ' : ''}`, enviar: !conAlgo || (entero && SE_MANDAN_SOLOS.has(cmd)) });
         }
         return out;
     }
@@ -242,31 +321,51 @@ export function opcionesDelMenu(valor) {
         : cmd === 'model'
             ? ORDEN_DE_MODELOS.map((k) => [k, `${MODELOS[k].nombre} ${MODELOS[k].version}: ${MODELOS[k].descripcion}`])
             : [
-                ['on', cmd === 'teach' ? 'Explain each step as it codes' : cmd === 'notify' ? 'Notify me when it finishes or needs me' : 'Show them when parx opens'],
-                ['off', cmd === 'teach' ? 'Back to normal' : cmd === 'notify' ? 'No desktop notifications' : 'Don’t show them again'],
+                ['on', cmd === 'teach' ? 'Explain each step as it codes' : cmd === 'notify' ? 'Notify me when it finishes or needs me' : cmd === 'mouse' ? 'Click options, scroll with the wheel' : 'Show them when parx opens'],
+                ['off', cmd === 'teach' ? 'Back to normal' : cmd === 'notify' ? 'No desktop notifications' : cmd === 'mouse' ? 'The terminal selects and scrolls as usual' : 'Don’t show them again'],
             ];
     return valores
         .filter(([v]) => v.startsWith(q))
         .map(([v, d]) => ({ nombre: v, descripcion: d, completar: `${base}${v}`, enviar: true, ...(cmd === 'mode' && v === 'bypass' ? { peligro: true } : {}) }));
 }
 export function componerBarra(e, util) {
+    return componerBarraConZonas(e, util).texto;
+}
+export function componerBarraConZonas(e, util) {
+    const u = capacidades().unicode;
     const punto = c.gris(sep());
-    const modo = e.peligro ? c.aviso(c.negrita(`${capacidades().unicode ? '▲' : '!'} ${e.modo}`)) : c.gris(e.modo);
+    const modo = e.peligro ? c.aviso(c.negrita(`${u ? '▲' : '!'} ${e.modo}`)) : c.gris(e.modo);
     const extra = e.extra ? `${punto}${c.marca(e.extra)}` : '';
+    const n = e.esperando ?? 0;
+    const espera = n ? c.aviso(`${u ? '●' : '*'} ${tt('bandeja.esperando', { n })}`) : '';
+    const esperaCorta = n ? c.aviso(`${u ? '●' : '*'} ${n}`) : '';
+    const conEspera = (base, e2) => (e2 ? [...base, { t: punto }, { t: e2, id: 'bandeja' }] : base);
+    const m = { t: modo, id: 'modo' };
     const opciones = [
-        [`${modo}${punto}${c.gris(e.modelo)}${extra}`, e.saldo],
-        [`${modo}${punto}${c.gris(e.modelo)}${extra}`, e.saldoCorto ?? e.saldo],
-        [`${modo}${punto}${c.gris(e.modelo)}`, e.saldoCorto ?? e.saldo],
-        [modo, e.saldoCorto ?? e.saldo],
+        [conEspera([m, { t: `${punto}${c.gris(e.modelo)}${extra}` }], espera), e.saldo],
+        [conEspera([m, { t: `${punto}${c.gris(e.modelo)}${extra}` }], espera), e.saldoCorto ?? e.saldo],
+        [conEspera([m, { t: `${punto}${c.gris(e.modelo)}` }], esperaCorta), e.saldoCorto ?? e.saldo],
+        [conEspera([m], esperaCorta), e.saldoCorto ?? e.saldo],
+        [[m], e.saldoCorto ?? e.saldo],
     ];
-    for (const [izq, der] of opciones) {
+    for (const [trozos, der] of opciones) {
+        const izq = trozos.map((x) => x.t).join('');
         const hueco = util - anchoDe(izq) - anchoDe(der);
-        if (hueco >= 2)
-            return `${izq}${' '.repeat(hueco)}${c.gris(der)}`;
+        if (hueco < 2)
+            continue;
+        const zonas = [];
+        let col = 0;
+        for (const x of trozos) {
+            const w = anchoDe(x.t);
+            if (x.id)
+                zonas.push({ desde: col, hasta: col + w, id: x.id });
+            col += w;
+        }
+        return { texto: `${izq}${' '.repeat(hueco)}${c.gris(der)}`, zonas };
     }
     const der = e.saldoCorto ?? '';
     const izq = recortar(modo, Math.max(1, util - anchoDe(der) - 2));
-    return rellenar(`${izq}${' '.repeat(Math.max(0, util - anchoDe(izq) - anchoDe(der)))}${c.gris(der)}`, util);
+    return { texto: rellenar(`${izq}${' '.repeat(Math.max(0, util - anchoDe(izq) - anchoDe(der)))}${c.gris(der)}`, util), zonas: [{ desde: 0, hasta: anchoDe(izq), id: 'modo' }] };
 }
 export function duracion(ms) {
     const s = Math.max(0, Math.floor(ms / 1000));
@@ -308,11 +407,16 @@ export function textoDeTrabajo(w, ahora) {
         return { texto: w.texto, anim: w.anim };
     return { texto: fraseDeEspera(ahora - w.esperaDesde, w.semilla), anim: 'ruta' };
 }
-export function filaDeTrabajo(w, ahora) {
+export function filaDeTrabajo(w, ahora, ancho = Infinity) {
     const { texto, anim } = textoDeTrabajo(w, ahora);
     const tiempo = duracion(ahora - w.desde);
     const gasto = w.acciones ? `${sep()}${acciones(w.acciones)}` : '';
-    return `${animacion(anim, w.paso)} ${texto}${c.gris(`${sep()}${tiempo}${gasto}`)}`;
+    for (const cola of [`${sep()}${tiempo}${gasto}`, `${sep()}${tiempo}${w.acciones ? `${sep()}${w.acciones.toLocaleString('en-US')}` : ''}`, `${sep()}${tiempo}`]) {
+        const fila = `${animacion(anim, w.paso)} ${texto}${c.gris(cola)}`;
+        if (anchoDe(fila) <= ancho)
+            return fila;
+    }
+    return recortar(`${animacion(anim, w.paso)} ${texto}`, ancho);
 }
 export function filaDeCarril(k, util, ahora) {
     const fin = k.hasta ?? ahora;
@@ -333,8 +437,11 @@ export function filaDeCarril(k, util, ahora) {
     }
     const anchoTarea = Math.max(8, Math.floor(util * 0.32));
     const tarea = recortar(k.tarea.replace(/\s+/g, ' '), anchoTarea);
-    const izq = `${numero} ${señal} ${c.negrita(tarea)}${c.gris(sep())}${c.gris(texto)}`;
-    return izquierdaYDerecha(recortar(izq, util - (anchoDe(derecha) + 2 <= util / 2 ? anchoDe(derecha) + 2 : 0)), derecha, util);
+    const sitio = util - (anchoDe(derecha) + 2 <= util / 2 ? anchoDe(derecha) + 2 : 0);
+    const base = `${numero} ${señal} ${c.negrita(tarea)}`;
+    const libre = sitio - anchoDe(base) - anchoDe(sep());
+    const izq = libre >= 8 ? `${base}${c.gris(sep())}${c.gris(recortar(texto, libre))}` : base;
+    return izquierdaYDerecha(recortar(izq, sitio), derecha, util);
 }
 function izquierdaYDerecha(izq, der, util) {
     if (anchoDe(izq) + anchoDe(der) + 2 <= util)
@@ -367,77 +474,163 @@ export function ventanaDeEntrada(unidades, cursor, ancho) {
 export function cabePar(ancho) {
     return ancho >= 56;
 }
+export function esBash(unidades) {
+    return unidades[0] === '!';
+}
+export function boton(etiqueta, numero, o = {}) {
+    const u = capacidades().unicode;
+    const n = numero === null ? '' : `${numero} `;
+    if (o.elegido)
+        return c.boton(`[${u ? '▸' : '>'}${n}${etiqueta} ]`, o.peligro);
+    const pinta = o.peligro ? c.peligro : (x) => x;
+    if (o.sobre)
+        return `${c.claro('[')} ${c.marca(`${n}${etiqueta}`)} ${c.claro(']')}`;
+    return `${c.gris('[')} ${numero === null ? '' : c.claro(n)}${pinta(etiqueta)} ${c.gris(']')}`;
+}
+function filaDeBotones(etiquetas, p, sobre, ancho) {
+    const partes = etiquetas.map((e, i) => boton(e, i + 1, { elegido: i === p.elegida, sobre: sobre === `opcion:${i}`, peligro: p.peligro || p.notas?.[i]?.peligro }));
+    const total = partes.reduce((n, x) => n + anchoDe(x), 0) + 2 * (partes.length - 1);
+    if (total > ancho)
+        return null;
+    const zonas = [];
+    let col = 0;
+    partes.forEach((x, i) => {
+        zonas.push({ desde: col, hasta: col + anchoDe(x), id: `opcion:${i}` });
+        col += anchoDe(x) + 2;
+    });
+    return { texto: partes.join('  '), zonas };
+}
 export function componerCarril(d, ancho, alto) {
     const util = anchoUtil(ancho);
     const conPar = cabePar(ancho);
     const huecoPar = conPar ? ANCHO_DE_PAR + 2 : 0;
-    const signoW = 3;
+    const u = capacidades().unicode;
+    const bash = !d.pregunta && esBash(d.unidades);
+    const signoW = bash ? 2 : 3;
+    const holgado = alto >= 14;
+    const medio = alto >= 9;
+    const vacia = `${m}${' '.repeat(util)}`;
     let filaEscribir;
     let cursor = null;
     const anchoEscribir = util - (conPar ? huecoPar + 1 : 0);
-    if (d.pregunta) {
-        const p = d.pregunta;
-        const pinta = (etiquetas) => etiquetas
-            .map((e, i) => {
-            const txt = `${i + 1} ${e}`;
-            return i === p.elegida ? `${c.claro(capacidades().unicode ? '▸' : '>')} ${c.negrita(txt)}` : `  ${c.gris(txt)}`;
-        })
-            .join('  ');
-        let opciones = pinta(p.opciones);
-        if (anchoDe(opciones) > anchoEscribir - signoW)
-            opciones = pinta(p.cortas);
-        filaEscribir = rellenar(`${(p.peligro ? c.peligro : c.aviso)(signo())} ${opciones}`, anchoEscribir);
-    }
-    else {
+    {
         const libre = Math.max(4, anchoEscribir - signoW);
-        const color = d.trabajo ? c.gris : c.claro;
-        if (!d.unidades.length) {
-            filaEscribir = rellenar(`${color(signo())} ${c.gris(recortar(d.ejemplo, libre))}`, anchoEscribir);
+        const color = d.trabajo || d.pregunta ? c.gris : c.claro;
+        const marca = bash ? c.aviso(c.negrita('!')) : color(signo());
+        const unidades = bash ? d.unidades.slice(1) : d.unidades;
+        const enCursor = bash ? Math.max(0, d.cursor - 1) : d.cursor;
+        if (!unidades.length) {
+            const ejemplo = bash ? tt('bash.ejemplo') : d.pregunta ? '' : d.ejemplo;
+            filaEscribir = rellenar(`${marca} ${c.gris(recortar(ejemplo, libre))}`, anchoEscribir);
             cursor = { fila: 0, col: MARGEN + signoW };
         }
         else {
-            const v = ventanaDeEntrada(d.unidades, d.cursor, libre);
-            filaEscribir = rellenar(`${color(signo())} ${v.texto}`, anchoEscribir);
+            const v = ventanaDeEntrada(unidades, enCursor, libre);
+            filaEscribir = rellenar(`${marca} ${d.pregunta ? c.gris(v.texto) : v.texto}`, anchoEscribir);
             cursor = { fila: 0, col: MARGEN + signoW + v.col };
         }
+        if (d.pregunta)
+            cursor = null;
     }
     if (conPar)
         filaEscribir += ` ${cabezaDePar()}  `;
-    const tinta = (t) => c.violeta(t);
+    const tinta = (t) => (bash ? c.aviso(t) : c.violeta(t));
     const linea = conPar ? `${tinta(carril(util - ANCHO_DE_PAR - 2))}${caraDePar(d.gesto)}${tinta(carril(2))}` : tinta(carril(util));
     let barra;
+    let zonasBarra = [];
     const enCarriles = (d.carriles ?? []).filter((k) => k.estado === 'trabaja').length;
     if (d.trabajo && !d.pregunta && d.carriles?.length) {
         const gasto = d.carriles.reduce((n, k) => n + (k.trabajo.acciones ?? 0), 0);
-        const izq = `${animacion('tren', d.trabajo.paso)} ${tt('carriles.en_marcha', { n: enCarriles, total: d.carriles.length })}${c.gris(`${sep()}${duracion(d.ahora - d.trabajo.desde)}${gasto ? `${sep()}${acciones(gasto)}` : ''}`)}`;
-        barra = izquierdaYDerecha(recortar(izq, util), c.tenue(c.gris(d.aviso ?? tt('tui.parar'))), util);
+        const base = `${animacion('tren', d.trabajo.paso)} ${tt('carriles.en_marcha', { n: enCarriles, total: d.carriles.length })}`;
+        const tiempo = `${sep()}${duracion(d.ahora - d.trabajo.desde)}`;
+        const izq = [`${base}${c.gris(`${tiempo}${gasto ? `${sep()}${acciones(gasto)}` : ''}`)}`, `${base}${c.gris(tiempo)}`, base].find((x) => anchoDe(x) <= util) ?? recortar(base, util);
+        barra = izquierdaYDerecha(izq, c.tenue(c.gris(d.aviso ?? tt('tui.parar'))), util);
     }
     else if (d.trabajo && !d.pregunta) {
-        barra = izquierdaYDerecha(recortar(filaDeTrabajo(d.trabajo, d.ahora), util), c.tenue(c.gris(d.aviso ?? tt('tui.parar'))), util);
+        barra = izquierdaYDerecha(filaDeTrabajo(d.trabajo, d.ahora, util), c.tenue(c.gris(d.aviso ?? tt('tui.parar'))), util);
     }
     else if (d.aviso) {
         barra = izquierdaYDerecha(c.aviso(recortar(d.aviso, util)), '', util);
     }
+    else if (bash) {
+        const etiqueta = c.aviso(c.negrita(tt('bash.etiqueta')));
+        const largo = `${etiqueta}${c.gris(`${sep()}${tt('bash.intro')}`)}`;
+        barra = izquierdaYDerecha(anchoDe(largo) + anchoDe(d.estado.saldoCorto ?? '') + 2 <= util ? largo : etiqueta, c.gris(d.estado.saldoCorto ?? ''), util);
+    }
     else {
-        barra = componerBarra(d.estado, util);
+        const b = componerBarraConZonas(d.estado, util);
+        barra = b.texto;
+        zonasBarra = b.zonas;
     }
-    const base = [filaEscribir, linea, barra].map((f) => `${m}${f}`);
-    let filas = alto >= 3 ? base : alto === 2 ? [base[0], base[2]] : [base[0]];
-    const carriles = (d.carriles ?? []).slice(0, Math.max(0, alto - filas.length - 2));
+    const filas = [filaEscribir, linea, ...(holgado ? [''] : []), barra].map((f) => (f ? `${m}${f}` : vacia));
+    const zonas = [];
+    const filaBarra = filas.length - 1;
+    for (const z of zonasBarra)
+        zonas.push({ fila: filaBarra, desde: MARGEN + z.desde, hasta: MARGEN + z.hasta, id: z.id });
+    let abajo = alto >= 3 ? filas : alto === 2 ? [filas[0], filas[filas.length - 1]] : [filas[0]];
+    if (abajo !== filas)
+        zonas.length = 0;
+    const carriles = (d.carriles ?? []).slice(0, Math.max(0, alto - abajo.length - 2));
     const filasDeCarriles = carriles.map((k) => `${m}${rellenar(filaDeCarril(k, util, d.ahora), util)}`);
-    filas = [...filasDeCarriles, ...filas];
-    if (cursor)
-        cursor = { fila: cursor.fila + filasDeCarriles.length, col: cursor.col };
-    const hueco = Math.max(0, alto - filas.length);
-    let encima = [];
-    if (d.pregunta) {
+    let arriba = [...filasDeCarriles];
+    const zonasPregunta = [];
+    if (d.pregunta && alto >= 3) {
         const p = d.pregunta;
-        const marca = p.peligro ? c.peligro(capacidades().unicode ? '▲' : '!') : c.aviso('?');
-        encima = envolver(p.texto, util - 2).map((l, i) => `${m}${rellenar(`${i === 0 ? marca : ' '} ${c.negrita(p.peligro ? c.peligro(l) : l)}`, util)}`);
-        if (encima.length > hueco)
-            encima = [`${m}${rellenar(`${marca} ${c.negrita(p.texto)}`, util)}`];
+        const marca = p.peligro ? c.peligro(u ? '▲' : '!') : c.aviso('?');
+        const bloque = [];
+        const sitio = Math.max(1, alto - abajo.length - arriba.length - 2);
+        const titulo = envolver(p.texto, util - 2);
+        bloque.push(...titulo.map((l, i) => `${m}${rellenar(`${i === 0 ? marca : ' '} ${c.negrita(p.peligro ? c.peligro(l) : l)}`, util)}`));
+        if (p.detalle)
+            bloque.push(...envolver(p.detalle, util - 2).slice(0, 3).map((l) => `${m}  ${rellenar(c.gris(l), util - 2)}`));
+        if (holgado)
+            bloque.push(vacia);
+        const enFila = !p.vertical ? (filaDeBotones(p.opciones, p, d.sobre, util - 2) ?? filaDeBotones(p.cortas, p, d.sobre, util - 2)) : null;
+        const filasBotones = [];
+        const zonasBotones = [];
+        if (enFila) {
+            filasBotones.push(`${m}  ${rellenar(enFila.texto, util - 2)}`);
+            for (const z of enFila.zonas)
+                zonasBotones.push({ fila: 0, desde: MARGEN + 2 + z.desde, hasta: MARGEN + 2 + z.hasta, id: z.id });
+        }
+        else {
+            const lista = filasDeLista(p, d.sobre, util, Math.max(1, sitio - bloque.length - (holgado ? 1 : 0)));
+            filasBotones.push(...lista.filas);
+            zonasBotones.push(...lista.zonas);
+        }
+        if (holgado)
+            filasBotones.push(vacia);
+        let todo = [...bloque, ...filasBotones];
+        let inicioBotones = bloque.length;
+        if (todo.length > sitio) {
+            const una = `${m}${rellenar(`${marca} ${c.negrita(recortar(p.texto, util - 2))}`, util)}`;
+            todo = [una, ...filasBotones.filter((x) => x !== vacia)];
+            inicioBotones = 1;
+        }
+        for (const z of zonasBotones)
+            zonasPregunta.push({ ...z, fila: inicioBotones + z.fila });
+        arriba = [...todo, ...arriba];
     }
-    else if (d.menu && d.menu.opciones.length) {
+    let separacion = medio || d.fondo ? vacia : null;
+    const zonaFondo = [];
+    if (separacion !== null && d.fondo) {
+        const texto = `${u ? '↓' : 'v'} ${tt('tui.al_fondo')}${d.fondo.nuevas ? `${sep()}${tt('tui.nuevas', { n: d.fondo.nuevas.toLocaleString('en-US') })}` : ''}`;
+        const b = d.sobre === 'fondo' ? c.boton(` ${texto} `) : boton(texto, null);
+        separacion = `${m}${rellenar(b, util)}`;
+        zonaFondo.push({ fila: 0, desde: MARGEN, hasta: MARGEN + anchoDe(b), id: 'fondo' });
+    }
+    const cabeza = separacion === null ? [] : [separacion];
+    const todas = [...cabeza, ...arriba, ...abajo];
+    const desplazar = cabeza.length + arriba.length;
+    for (const z of zonas)
+        z.fila += desplazar;
+    const zonasFinales = [...zonaFondo, ...zonasPregunta.map((z) => ({ ...z, fila: z.fila + cabeza.length })), ...zonas];
+    if (cursor)
+        cursor = { fila: cursor.fila + desplazar, col: cursor.col };
+    const hueco = Math.max(0, alto - todas.length);
+    let encima = [];
+    const zonasEncima = [];
+    if (!d.pregunta && d.menu && d.menu.opciones.length) {
         const ops = d.menu.opciones;
         const visibles = Math.min(6, ops.length, hueco);
         if (visibles > 0) {
@@ -446,20 +639,58 @@ export function componerCarril(d, ancho, alto) {
             encima = ops.slice(ini, ini + visibles).map((o, k) => {
                 const i = ini + k;
                 const sel = i === d.menu.elegida;
-                const marca = sel ? (o.peligro ? c.peligro : c.claro)(capacidades().unicode ? '▌' : '>') : ' ';
+                const sobre = d.sobre === `menu:${i}`;
+                zonasEncima.push({ fila: k, desde: MARGEN, hasta: MARGEN + util, id: `menu:${i}` });
+                const marca = sel ? (o.peligro ? c.peligro : c.claro)(u ? '▌' : '>') : ' ';
                 const resto = Math.max(0, util - 2 - anchoNombre);
                 const desc = recortar(o.descripcion, resto);
                 if (o.peligro) {
-                    const nombre = rellenar(recortar(`${capacidades().unicode ? '▲' : '!'} ${o.nombre}`, anchoNombre - 1), anchoNombre);
-                    return `${m}${rellenar(`${marca} ${sel ? c.negrita(c.peligro(nombre)) : c.peligro(nombre)}${sel ? c.peligro(desc) : c.tenue(c.peligro(desc))}`, util)}`;
+                    const nombre = rellenar(recortar(`${u ? '▲' : '!'} ${o.nombre}`, anchoNombre - 1), anchoNombre);
+                    return `${m}${rellenar(`${marca} ${sel || sobre ? c.negrita(c.peligro(nombre)) : c.peligro(nombre)}${sel ? c.peligro(desc) : c.tenue(c.peligro(desc))}`, util)}`;
                 }
                 const nombre = rellenar(recortar(o.nombre, anchoNombre - 1), anchoNombre);
-                return `${m}${rellenar(`${marca} ${sel ? c.negrita(c.marca(nombre)) : c.gris(nombre)}${sel ? desc : c.tenue(c.gris(desc))}`, util)}`;
+                return `${m}${rellenar(`${marca} ${sel ? c.negrita(c.marca(nombre)) : sobre ? c.marca(nombre) : c.gris(nombre)}${sel || sobre ? desc : c.tenue(c.gris(desc))}`, util)}`;
             });
         }
     }
-    encima = encima.slice(Math.max(0, encima.length - hueco));
-    return { encima, carril: filas, cursor: cursor && filas.length ? cursor : null };
+    const fuera = Math.max(0, encima.length - hueco);
+    encima = encima.slice(fuera);
+    return {
+        encima,
+        carril: todas,
+        cursor: cursor && todas.length ? cursor : null,
+        zonas: zonasFinales,
+        zonasEncima: zonasEncima.filter((z) => z.fila >= fuera).map((z) => ({ ...z, fila: z.fila - fuera })),
+    };
+}
+function filasDeLista(p, sobre, util, max) {
+    const u = capacidades().unicode;
+    const n = p.opciones.length;
+    const visibles = Math.max(1, Math.min(n, max, 8));
+    const ini = Math.max(0, Math.min(p.elegida - visibles + 1, n - visibles));
+    const filas = [];
+    const zonas = [];
+    const recom = anchoDe(tt('bandeja.recomendada')) + 2;
+    const anchoEtiqueta = Math.max(...p.opciones.map((o, i) => anchoDe(o) + (p.notas?.[i]?.recomendada ? recom : 0))) + 2;
+    const conNotas = anchoEtiqueta <= Math.floor(util * 0.65);
+    for (let k = 0; k < visibles; k++) {
+        const i = ini + k;
+        const sel = i === p.elegida;
+        const enc = sobre === `opcion:${i}`;
+        const nota = p.notas?.[i];
+        const peligro = p.peligro || nota?.peligro;
+        const marca = sel ? (peligro ? c.peligro : c.claro)(u ? '▌' : '>') : ' ';
+        const num = i < 9 ? `${i + 1}` : ' ';
+        const recomendada = nota?.recomendada ? `  ${c.marca(tt('bandeja.recomendada'))}` : '';
+        const etiqueta = sel ? c.negrita(peligro ? c.peligro(p.opciones[i]) : p.opciones[i]) : enc ? c.marca(p.opciones[i]) : peligro ? c.peligro(p.opciones[i]) : p.opciones[i];
+        const cabeza = `${marca} ${c.claro(num)}  `;
+        const base = conNotas ? `${cabeza}${rellenar(`${etiqueta}${recomendada}`, anchoEtiqueta)}` : `${cabeza}${recortar(`${etiqueta}${recomendada}`, Math.max(4, util - anchoDe(cabeza)))}`;
+        const resto = util - anchoDe(base);
+        const extra = conNotas && nota?.nota && resto >= 6 ? c.gris(recortar(nota.nota, resto)) : '';
+        filas.push(`${m}${rellenar(`${base}${extra}`, util)}`);
+        zonas.push({ fila: k, desde: MARGEN, hasta: MARGEN + util, id: `opcion:${i}` });
+    }
+    return { filas, zonas };
 }
 export function opcionesDePregunta(tipo) {
     switch (tipo) {
@@ -495,20 +726,37 @@ export function rutaDeImagenPegada(texto) {
         v = decodeURIComponent(v.slice(7));
     return IMAGEN.test(v) && /^(\/|~|[A-Za-z]:\\|\.)/.test(v) ? v : null;
 }
+function sinBlancoDoble(lineas, previaEnBlanco) {
+    let i = 0;
+    if (previaEnBlanco)
+        while (i < lineas.length && lineas[i].trim() === '')
+            i++;
+    return i ? lineas.slice(i) : lineas;
+}
 export class Superficie {
     o;
     bloques = [];
     lineas = [];
+    volcadas = 0;
+    subidas = 0;
+    vistaSucia = false;
     anchoCompuesto = 0;
+    ultimoAlto = 0;
+    ultimoTrasBlanco = false;
     encimaPintadas = 0;
     carrilPintadas = 0;
     activa = false;
     oyente = null;
     alRedimensionar = null;
+    alReanudar = null;
     relojResize = null;
     relojAnim = null;
     relojAviso = null;
     pegando = { pegando: false };
+    raton;
+    zonas = [];
+    sobre = null;
+    pulsado = null;
     unidades = [];
     cursor = 0;
     pegados = [];
@@ -518,7 +766,7 @@ export class Superficie {
     borrador = [];
     menuCerradoPara = null;
     menuElegida = 0;
-    cola = null;
+    cola = [];
     ctrlC = 0;
     ejemplo = null;
     resolverLectura = null;
@@ -535,6 +783,7 @@ export class Superficie {
     peligroPintado = false;
     constructor(o) {
         this.o = o;
+        this.raton = o.raton !== false;
     }
     get ancho() {
         return Math.max(20, this.o.salida.columns || 80);
@@ -545,6 +794,9 @@ export class Superficie {
     get enfocada() {
         return this.foco;
     }
+    get conRaton() {
+        return this.raton;
+    }
     escribir(s) {
         this.o.salida.write(s);
     }
@@ -553,6 +805,7 @@ export class Superficie {
         const ops = this.menuCerradoPara === valor ? null : opcionesDelMenu(valor);
         if (ops && this.menuElegida >= ops.length)
             this.menuElegida = Math.max(0, ops.length - 1);
+        const pendientes = this.lineas.length - this.volcadas;
         return {
             unidades: this.unidades.map((u) => this.vistaDeUnidad(u)),
             cursor: this.cursor,
@@ -565,6 +818,8 @@ export class Superficie {
             carriles: this.carriles,
             gesto: this.pregunta ? 'pregunta' : this.trabajo || this.carriles.some((k) => k.estado === 'trabaja') ? (((this.trabajo?.paso ?? this.carriles[0]?.trabajo.paso ?? 0) >> 1) % 4) : this.gesto,
             ahora: Date.now(),
+            sobre: this.raton ? this.sobre : null,
+            fondo: this.subidas > 0 || pendientes > 0 ? { nuevas: pendientes } : null,
         };
     }
     vistaDeUnidad(u) {
@@ -584,14 +839,31 @@ export class Superficie {
         return this.alto - n + 1;
     }
     desplazadas(altoCarril) {
-        return Math.max(0, this.lineas.length - (this.alto - altoCarril));
+        return Math.max(0, this.volcadas - (this.alto - altoCarril));
     }
     filaTrasLaConversacion(altoCarril) {
-        return Math.min(this.lineas.length, Math.max(0, this.alto - altoCarril)) + 1;
+        return Math.min(this.volcadas, Math.max(0, this.alto - altoCarril)) + 1;
     }
     lineaDeFila(fila, altoCarril) {
-        const indice = this.desplazadas(altoCarril) + (fila - 1);
-        return indice >= 0 ? (this.lineas[indice] ?? '') : '';
+        const indice = this.desplazadas(altoCarril) - this.subidas + (fila - 1);
+        return indice >= 0 && indice < this.volcadas ? (this.lineas[indice] ?? '') : '';
+    }
+    componerTodo() {
+        const out = [];
+        for (const b of this.bloques) {
+            this.ultimoTrasBlanco = out.length === 0 || out[out.length - 1].trim() === '';
+            const l = sinBlancoDoble(b(this.ancho), this.ultimoTrasBlanco);
+            this.ultimoAlto = l.length;
+            out.push(...l);
+        }
+        this.lineas = out;
+    }
+    recortarMemoria() {
+        const sobran = this.lineas.length - MAX_LINEAS;
+        if (sobran <= 0)
+            return;
+        this.lineas.splice(0, sobran);
+        this.volcadas = Math.max(0, this.volcadas - sobran);
     }
     pintar() {
         if (!this.activa)
@@ -607,21 +879,34 @@ export class Superficie {
         const k = componerCarril(this.datos(), this.ancho, this.alto);
         const n = k.carril.length;
         let s = '\x1b[?2026h\x1b[?25l';
-        if (this.carrilPintadas && n > this.carrilPintadas) {
-            s += this.destapar();
-            const ocupadas = Math.min(this.lineas.length, Math.max(0, this.alto - this.carrilPintadas));
-            const subir = Math.max(0, ocupadas - Math.max(0, this.alto - n));
-            if (subir)
-                s += `\x1b[${this.alto};1H${'\r\n'.repeat(subir)}`;
+        const subido = this.subidas > 0 || this.volcadas < this.lineas.length;
+        if (this.carrilPintadas && n !== this.carrilPintadas && subido) {
+            this.vistaSucia = true;
+            this.encimaPintadas = 0;
         }
-        if (this.carrilPintadas && n < this.carrilPintadas) {
-            s += this.destapar();
-            const topNuevo = this.filaDelCarril(n);
-            for (let fila = 1; fila < topNuevo; fila++)
-                s += `\x1b[${fila};1H\x1b[2K${this.lineaDeFila(fila, n)}`;
+        else {
+            if (this.carrilPintadas && n > this.carrilPintadas) {
+                s += this.destapar();
+                const ocupadas = Math.min(this.volcadas, Math.max(0, this.alto - this.carrilPintadas));
+                const subir = Math.max(0, ocupadas - Math.max(0, this.alto - n));
+                if (subir)
+                    s += `\x1b[${this.alto};1H${'\r\n'.repeat(subir)}`;
+            }
+            if (this.carrilPintadas && n < this.carrilPintadas) {
+                s += this.destapar();
+                const topNuevo = this.filaDelCarril(n);
+                for (let fila = 1; fila < topNuevo; fila++)
+                    s += `\x1b[${fila};1H\x1b[2K${this.lineaDeFila(fila, n)}`;
+            }
         }
         this.carrilPintadas = n;
         const top = this.filaDelCarril(n);
+        if (this.vistaSucia) {
+            for (let fila = 1; fila < top; fila++)
+                s += `\x1b[${fila};1H\x1b[2K${this.lineaDeFila(fila, n)}`;
+            this.vistaSucia = false;
+            this.encimaPintadas = 0;
+        }
         for (let i = k.encima.length; i < this.encimaPintadas; i++) {
             const fila = top - 1 - i;
             if (fila >= 1)
@@ -636,6 +921,12 @@ export class Superficie {
         k.carril.forEach((l, i) => {
             s += `\x1b[${top + i};1H\x1b[2K${l}`;
         });
+        this.zonas = [
+            ...k.zonasEncima.map((z) => ({ ...z, fila: top - k.encima.length + z.fila })),
+            ...k.zonas.map((z) => ({ ...z, fila: top + z.fila })),
+        ];
+        if (this.sobre && !this.zonas.some((z) => z.id === this.sobre))
+            this.sobre = null;
         if (k.cursor)
             s += `\x1b[${top + k.cursor.fila};${k.cursor.col + 1}H\x1b[?25h`;
         s += '\x1b[?2026l';
@@ -659,9 +950,13 @@ export class Superficie {
         this.consejosVisibles = false;
         if (!this.activa)
             return;
-        this.lineas = this.bloques.flatMap((b) => b(this.ancho));
-        if (this.lineas.length > MAX_LINEAS)
-            this.lineas.splice(0, this.lineas.length - MAX_LINEAS);
+        if (this.subidas > 0 || this.volcadas < this.lineas.length) {
+            this.recomponer();
+            return;
+        }
+        this.componerTodo();
+        this.volcadas = this.lineas.length;
+        this.recortarMemoria();
         const n = componerCarril(this.datos(), this.ancho, this.alto).carril.length;
         const top = this.filaDelCarril(n);
         let s = '\x1b[?2026h\x1b[?25l';
@@ -672,41 +967,68 @@ export class Superficie {
         this.escribir(s);
         this.pintar();
     }
+    terminaEnBlanco() {
+        const ultima = this.lineas[this.lineas.length - 1];
+        return ultima === undefined || ultima.trim() === '';
+    }
     anadir(b) {
         this.ocultarConsejos();
-        const destapado = this.activa ? this.destapar() : '';
-        const n = this.activa ? this.carrilPintadas || componerCarril(this.datos(), this.ancho, this.alto).carril.length : 0;
-        const desde = this.activa ? this.filaTrasLaConversacion(n) : 0;
         this.bloques.push(b);
         if (this.bloques.length > MAX_BLOQUES)
             this.bloques.splice(0, this.bloques.length - MAX_BLOQUES);
-        const nuevas = b(this.ancho);
+        this.ultimoTrasBlanco = this.terminaEnBlanco();
+        const nuevas = sinBlancoDoble(b(this.ancho), this.ultimoTrasBlanco);
+        this.ultimoAlto = nuevas.length;
+        if (this.activa && (this.subidas > 0 || this.volcadas < this.lineas.length)) {
+            this.lineas.push(...nuevas);
+            this.recortarMemoria();
+            this.pintar();
+            return;
+        }
+        const destapado = this.activa ? this.destapar() : '';
         this.lineas.push(...nuevas);
-        if (this.lineas.length > MAX_LINEAS)
-            this.lineas.splice(0, this.lineas.length - MAX_LINEAS);
-        if (!this.activa)
+        if (!this.activa) {
+            this.volcadas = this.lineas.length;
+            this.recortarMemoria();
+            return;
+        }
+        this.escribir(destapado);
+        this.volcar();
+        this.pintar();
+    }
+    volcar() {
+        const nuevas = this.lineas.slice(this.volcadas);
+        if (!nuevas.length)
             return;
-        let s = `\x1b[?2026h\x1b[?25l${destapado}`;
-        s += `\x1b[${desde};1H\x1b[J`;
+        const n = this.carrilPintadas || componerCarril(this.datos(), this.ancho, this.alto).carril.length;
+        const desde = this.filaTrasLaConversacion(n);
+        let s = `\x1b[?2026h\x1b[?25l\x1b[${desde};1H\x1b[J`;
         s += nuevas.map((l) => `${l}\x1b[K\r\n`).join('');
         s += '\r\n'.repeat(Math.max(0, n - 1));
         s += '\x1b[?2026l';
+        this.volcadas = this.lineas.length;
+        this.recortarMemoria();
+        this.encimaPintadas = 0;
         this.escribir(s);
-        this.pintar();
     }
     ultimoBloque() {
         return this.bloques[this.bloques.length - 1];
     }
     reemplazarUltimo(b) {
         const viejo = this.ultimoBloque();
-        const k = viejo ? viejo(this.ancho).length : -1;
-        const nuevas = b(this.ancho);
+        const k = viejo ? this.ultimoAlto : -1;
+        const nuevas = sinBlancoDoble(b(this.ancho), this.ultimoTrasBlanco);
         if (!viejo || !this.activa || nuevas.length !== k || this.encimaPintadas > 0 || this.lineas.length < k) {
             this.anadir(b);
             return;
         }
         this.bloques[this.bloques.length - 1] = b;
         this.lineas.splice(this.lineas.length - k, k, ...nuevas);
+        if (this.subidas > 0 || this.volcadas < this.lineas.length) {
+            this.vistaSucia = true;
+            this.pintar();
+            return;
+        }
         const n = this.carrilPintadas || componerCarril(this.datos(), this.ancho, this.alto).carril.length;
         const primera = this.lineas.length - k - this.desplazadas(n) + 1;
         let s = '\x1b[?2026h\x1b[?25l';
@@ -724,9 +1046,10 @@ export class Superficie {
             return;
         fijarCapacidades({ ancho: this.ancho });
         this.anchoCompuesto = this.ancho;
-        this.lineas = this.bloques.flatMap((b) => b(this.ancho));
-        if (this.lineas.length > MAX_LINEAS)
-            this.lineas.splice(0, this.lineas.length - MAX_LINEAS);
+        this.componerTodo();
+        this.volcadas = this.lineas.length;
+        this.subidas = 0;
+        this.recortarMemoria();
         const n = componerCarril(this.datos(), this.ancho, this.alto).carril.length;
         let s = alEmpezar ? `\x1b[?2026h\x1b[?25l${'\r\n'.repeat(this.alto)}\x1b[H` : '\x1b[?2026h\x1b[?25l\x1b[H\x1b[2J\x1b[3J\x1b[H';
         s += this.lineas.map((l) => `${l}\x1b[K\r\n`).join('');
@@ -737,6 +1060,113 @@ export class Superficie {
         this.escribir(s);
         this.pintar();
     }
+    filasDeVista() {
+        return Math.max(1, this.filaDelCarril(this.carrilPintadas || 3) - 1);
+    }
+    desplazar(n) {
+        if (!this.activa)
+            return;
+        const max = this.desplazadas(this.carrilPintadas || componerCarril(this.datos(), this.ancho, this.alto).carril.length);
+        const nuevo = Math.max(0, Math.min(max, this.subidas + n));
+        if (nuevo === 0) {
+            if (this.subidas > 0 || this.volcadas < this.lineas.length)
+                this.irAlFondo();
+            return;
+        }
+        if (nuevo === this.subidas)
+            return;
+        this.subidas = nuevo;
+        this.vistaSucia = true;
+        this.pintar();
+    }
+    irAlFondo() {
+        if (!this.activa || (this.subidas === 0 && this.volcadas === this.lineas.length))
+            return;
+        this.subidas = 0;
+        const n = this.carrilPintadas || componerCarril(this.datos(), this.ancho, this.alto).carril.length;
+        const top = this.filaDelCarril(n);
+        let s = '\x1b[?2026h\x1b[?25l';
+        for (let fila = 1; fila < top; fila++)
+            s += `\x1b[${fila};1H\x1b[2K${this.lineaDeFila(fila, n)}`;
+        s += '\x1b[?2026l';
+        this.encimaPintadas = 0;
+        this.escribir(s);
+        this.volcar();
+        this.pintar();
+    }
+    get _vista() {
+        return { subidas: this.subidas, pendientes: this.lineas.length - this.volcadas };
+    }
+    fijarRaton(si) {
+        this.raton = si;
+        this.sobre = null;
+        this.pulsado = null;
+        if (this.activa)
+            this.escribir(si ? RATON_SI : RATON_NO);
+        if (!si)
+            this.irAlFondo();
+        this.pintar();
+    }
+    zonaEn(x, y) {
+        const col = x - 1;
+        for (const z of this.zonas)
+            if (z.fila === y && col >= z.desde && col < z.hasta)
+                return z.id;
+        return null;
+    }
+    alRaton(k) {
+        if (!this.raton)
+            return;
+        if (k.rueda) {
+            this.desplazar(-k.rueda * 3);
+            return;
+        }
+        const zona = this.zonaEn(k.x, k.y);
+        if (k.mover && k.boton === 3) {
+            if (zona !== this.sobre) {
+                this.sobre = zona;
+                this.pintar();
+            }
+            return;
+        }
+        if (k.boton !== 0 && !(k.soltar && k.boton === 3))
+            return;
+        if (!k.soltar) {
+            if (!k.mover)
+                this.pulsado = zona;
+            return;
+        }
+        const pulsado = this.pulsado;
+        this.pulsado = null;
+        if (pulsado && zona === pulsado)
+            this.activar(pulsado);
+    }
+    activar(id) {
+        if (id === 'fondo')
+            return this.irAlFondo();
+        if (id === 'bandeja') {
+            if (this.resolverLectura && !this.trabajo && !this.pregunta)
+                this.o.alBandeja?.();
+            return;
+        }
+        if (id === 'modo') {
+            if (!this.pregunta)
+                this.o.alCambiarModo?.();
+            return;
+        }
+        const opcion = /^opcion:(\d+)$/.exec(id);
+        if (opcion && this.pregunta)
+            return this.responder(Number(opcion[1]));
+        const menu = /^menu:(\d+)$/.exec(id);
+        if (menu && !this.pregunta) {
+            this.menuElegida = Number(menu[1]);
+            this.tecla({ t: 'intro' });
+        }
+    }
+    modosSi() {
+        return `\x1b[?2004h\x1b[?1004h${this.raton ? RATON_SI : ''}`;
+    }
+    static MODOS_NO = `${RATON_NO}\x1b[?2004l\x1b[?1004l\x1b[?25h`;
     iniciar(bienvenida, consejos = []) {
         if (this.activa)
             return;
@@ -744,7 +1174,7 @@ export class Superficie {
         if (bienvenida)
             this.bloques.push(bienvenida);
         if (consejos.length) {
-            const ocupado = (bienvenida ? bienvenida(this.ancho).length : 0) + 3;
+            const ocupado = (bienvenida ? bienvenida(this.ancho).length : 0) + componerCarril(this.datos(), this.ancho, this.alto).carril.length;
             let n = consejos.length;
             while (n > 0 && ocupado + bloqueDeConsejos(() => consejos.slice(0, n))(this.ancho).length > this.alto)
                 n--;
@@ -753,7 +1183,7 @@ export class Superficie {
             if (n > 0)
                 this.bloques.push(bloqueDeConsejos(() => (this.consejosVisibles ? this.consejos : [])));
         }
-        this.escribir('\x1b[?2004h\x1b[?1004h');
+        this.escribir(this.modosSi());
         try {
             this.o.entrada.setRawMode?.(true);
         }
@@ -799,12 +1229,13 @@ export class Superficie {
     terminar(despedida) {
         if (!this.activa)
             return;
+        this.irAlFondo();
         const n = this.carrilPintadas || componerCarril(this.datos(), this.ancho, this.alto).carril.length;
         let s = this.destapar();
         s += `\x1b[${this.filaTrasLaConversacion(n)};1H\x1b[J`;
         if (despedida)
-            s += `${m}${despedida}\r\n`;
-        s += '\x1b[?2004l\x1b[?1004l\x1b[?25h';
+            s += `${this.terminaEnBlanco() ? '' : '\r\n'}${m}${despedida}\r\n`;
+        s += Superficie.MODOS_NO;
         this.escribir(s);
         this.activa = false;
         if (this.relojAnim)
@@ -817,6 +1248,8 @@ export class Superficie {
             this.o.entrada.removeListener('data', this.oyente);
         if (this.alRedimensionar)
             this.o.salida.removeListener('resize', this.alRedimensionar);
+        if (this.alReanudar)
+            process.removeListener('SIGCONT', this.alReanudar);
         try {
             this.o.entrada.setRawMode?.(false);
         }
@@ -827,21 +1260,65 @@ export class Superficie {
     restaurarDeUrgencia() {
         if (!this.activa)
             return;
-        this.o.salida.write('\x1b[?2004l\x1b[?1004l\x1b[?25h\x1b[?2026l');
+        this.o.salida.write(`${Superficie.MODOS_NO}\x1b[?2026l`);
         try {
             this.o.entrada.setRawMode?.(false);
         }
         catch {
         }
     }
+    suspender() {
+        if (process.platform === 'win32' && !this.o.suspenderProceso)
+            return;
+        this.irAlFondo();
+        const n = this.carrilPintadas || componerCarril(this.datos(), this.ancho, this.alto).carril.length;
+        let s = this.destapar();
+        s += `\x1b[${this.filaTrasLaConversacion(n)};1H\x1b[J`;
+        s += Superficie.MODOS_NO;
+        this.escribir(s);
+        try {
+            this.o.entrada.setRawMode?.(false);
+        }
+        catch {
+        }
+        if (!this.alReanudar) {
+            this.alReanudar = () => this.reanudar();
+            if (!this.o.suspenderProceso)
+                process.on('SIGCONT', this.alReanudar);
+        }
+        if (this.o.suspenderProceso)
+            this.o.suspenderProceso();
+        else
+            process.kill(process.pid, 'SIGTSTP');
+    }
+    reanudar() {
+        if (!this.activa)
+            return;
+        try {
+            this.o.entrada.setRawMode?.(true);
+        }
+        catch {
+        }
+        this.o.entrada.resume();
+        const n = componerCarril(this.datos(), this.ancho, this.alto).carril.length;
+        let s = `\x1b[?2026h\x1b[?25l${this.modosSi()}${'\r\n'.repeat(this.alto)}`;
+        for (let fila = 1; fila < this.filaDelCarril(n); fila++)
+            s += `\x1b[${fila};1H\x1b[2K${this.lineaDeFila(fila, n)}`;
+        s += '\x1b[?2026l';
+        this.carrilPintadas = n;
+        this.encimaPintadas = 0;
+        this.escribir(s);
+        this.pintar();
+    }
     leer(ejemplo = null) {
         this.ejemplo = ejemplo;
-        if (this.cola !== null) {
-            const r = this.cola;
-            this.cola = null;
+        const enCola = this.cola.shift();
+        if (enCola !== undefined) {
+            const r = enCola;
             this.ejemplo = null;
-            this.mostrarAviso(null);
-            this.anadir(bloqueDeLaPersona(this.vistaDeEnvio(r)));
+            this.mostrarAviso(this.cola.length ? tt('tui.en_cola_n', { n: this.cola.length }) : null);
+            if (r.trim() && r.trim() !== '!')
+                this.anadir(this.bloqueDeEnvio(r));
             return Promise.resolve(this.expandir(r));
         }
         return new Promise((resolver) => {
@@ -852,6 +1329,15 @@ export class Superficie {
             this.pintar();
         });
     }
+    escribirYMandar(texto) {
+        if (!this.libre)
+            return;
+        this.ponerValor(texto);
+        this.enviar();
+    }
+    get libre() {
+        return Boolean(this.resolverLectura) && !this.trabajo && !this.pregunta;
+    }
     trabajar(alParar) {
         if (this.trabajo)
             this.trabajo.alParar = alParar;
@@ -885,31 +1371,55 @@ export class Superficie {
         this.pintar();
     }
     preguntar(texto, tipo = 'normal') {
+        const o = opcionesDePregunta(tipo);
+        const peligro = tipo === 'bypass';
         return new Promise((resolver) => {
-            const mostrar = () => {
-                const o = opcionesDePregunta(tipo);
-                this.pregunta = { texto, ...o, ...(tipo === 'bypass' ? { peligro: true } : {}), resolver };
-                this.o.alPreguntar?.(texto);
-                this.pintar();
-            };
-            if (this.pregunta)
-                this.esperando.push(mostrar);
-            else
-                mostrar();
+            this.mostrarPregunta({
+                texto,
+                opciones: o.opciones,
+                cortas: o.cortas,
+                elegida: o.elegida,
+                ...(peligro ? { peligro: true } : {}),
+                indiceNo: o.valores.indexOf('no'),
+                siConY: o.valores[o.elegida] !== 'no' || peligro,
+            }, (i) => resolver(i === null ? 'no' : (o.valores[i] ?? 'no')));
+        });
+    }
+    elegir(texto, opciones, o = {}) {
+        return new Promise((resolver) => {
+            this.mostrarPregunta({
+                texto,
+                ...(o.detalle ? { detalle: o.detalle } : {}),
+                opciones: opciones.map((x) => x.etiqueta),
+                cortas: opciones.map((x) => x.corta ?? x.etiqueta),
+                notas: opciones.map((x) => ({ nota: x.nota, recomendada: x.recomendada, peligro: x.peligro })),
+                elegida: Math.max(0, Math.min(opciones.length - 1, o.elegida ?? 0)),
+                ...(o.vertical ? { vertical: true } : {}),
+                indiceNo: null,
+                siConY: false,
+            }, resolver);
         });
     }
+    mostrarPregunta(p, resolver) {
+        const mostrar = () => {
+            this.pregunta = { ...p, resolver, sordaHasta: Date.now() + this.guardaDePregunta };
+            this.o.alPreguntar?.(p.texto);
+            this.pintar();
+        };
+        if (this.pregunta)
+            this.esperando.push(mostrar);
+        else
+            mostrar();
+    }
     responder(i) {
         const p = this.pregunta;
         if (!p)
             return;
-        const r = p.valores[i] ?? 'no';
         this.pregunta = null;
-        const etiqueta = p.opciones[i] ?? tt('tui.no');
-        if (r !== 'si' && !p.peligro)
-            this.anadir(bloqueDeLinea(`${c.gris('?')} ${p.texto} ${c.gris('→')} ${r === 'no' ? c.gris(etiqueta) : c.marca(etiqueta)}`));
-        else
-            this.pintar();
-        p.resolver(r);
+        this.sobre = null;
+        this.pulsado = null;
+        this.pintar();
+        p.resolver(i);
         this.esperando.shift()?.();
     }
     mostrarAviso(texto, ms = 0) {
@@ -933,14 +1443,18 @@ export class Superficie {
     }
     expandir(v) {
         return v
-            .replace(/\uE000(\d+)/g, (_x, i) => this.pegados[Number(i)] ?? '')
-            .replace(/\uE003(\d+)/g, (_x, i) => `\uE001${this.imagenes[Number(i)] ?? ''}\uE002`);
+            .replace(/(\d+)/g, (_x, i) => this.pegados[Number(i)] ?? '')
+            .replace(/(\d+)/g, (_x, i) => `${this.imagenes[Number(i)] ?? ''}`);
+    }
+    bloqueDeEnvio(crudo) {
+        const v = crudo.trim();
+        return v.startsWith('!') ? bloqueDeBash(this.vistaDeEnvio(v.slice(1).trim())) : bloqueDeLaPersona(this.vistaDeEnvio(v));
     }
     vistaDeEnvio(v) {
-        return v.replace(/[\uE000\uE003]\d+/g, (x) => sinColorSimple(this.vistaDeUnidad(x)));
+        return v.replace(/[]\d+/g, (x) => sinColorSimple(this.vistaDeUnidad(x)));
     }
     ponerValor(v) {
-        this.unidades = v.match(/[\uE000\uE003]\d+|[\s\S]/gu) ?? [];
+        this.unidades = v.match(/[]\d+|[\s\S]/gu) ?? [];
         this.cursor = this.unidades.length;
     }
     insertar(texto) {
@@ -959,17 +1473,18 @@ export class Superficie {
         if (v && this.historial[this.historial.length - 1] !== crudo)
             this.historial.push(crudo);
         this.posHistorial = this.historial.length;
+        this.irAlFondo();
         if (this.trabajo || !this.resolverLectura) {
             if (v) {
-                this.cola = crudo;
-                this.mostrarAviso(tt('tui.en_cola'));
+                this.cola.push(crudo);
+                this.mostrarAviso(this.cola.length > 1 ? tt('tui.en_cola_n', { n: this.cola.length }) : tt('tui.en_cola'));
             }
             return;
         }
         const r = this.resolverLectura;
         this.resolverLectura = null;
-        if (v)
-            this.anadir(bloqueDeLaPersona(this.vistaDeEnvio(crudo.trim())));
+        if (v && v !== '!')
+            this.anadir(this.bloqueDeEnvio(crudo));
         else
             this.pintar();
         r(this.expandir(crudo));
@@ -986,6 +1501,14 @@ export class Superficie {
             this.foco = k.t === 'foco_si';
             return;
         }
+        if (k.t === 'raton')
+            return this.alRaton(k);
+        if (k.t === 'pagina_arriba' || k.t === 'pagina_abajo')
+            return this.desplazar((k.t === 'pagina_arriba' ? 1 : -1) * Math.max(1, this.filasDeVista() - 2));
+        if (k.t === 'fondo')
+            return this.irAlFondo();
+        if (k.t === 'suspender')
+            return this.suspender();
         if (this.pregunta)
             return this.teclaDePregunta(k);
         if (k.t !== 'ctrlc' && this.ctrlC && !this.trabajo) {
@@ -1007,13 +1530,13 @@ export class Superficie {
                 const imagen = rutaDeImagenPegada(v);
                 if (imagen) {
                     this.imagenes.push(imagen);
-                    this.unidades.splice(this.cursor, 0, `\uE003${this.imagenes.length - 1}`, ' ');
+                    this.unidades.splice(this.cursor, 0, `${this.imagenes.length - 1}`, ' ');
                     this.cursor += 2;
                     break;
                 }
                 if (v.includes('\n') || v.length > PEGADO_LARGO) {
                     this.pegados.push(v);
-                    this.unidades.splice(this.cursor, 0, `\uE000${this.pegados.length - 1}`);
+                    this.unidades.splice(this.cursor, 0, `${this.pegados.length - 1}`);
                     this.cursor++;
                 }
                 else
@@ -1042,6 +1565,8 @@ export class Superficie {
                     this.menuCerradoPara = valor;
                 else if (this.trabajo)
                     this.trabajo.alParar();
+                else if (this.subidas > 0 || this.volcadas < this.lineas.length)
+                    this.irAlFondo();
                 break;
             case 'borrar':
                 if (this.cursor > 0) {
@@ -1083,6 +1608,8 @@ export class Superficie {
                 this.cursor = 0;
                 break;
             case 'fin':
+                if (this.cursor >= this.unidades.length && (this.subidas > 0 || this.volcadas < this.lineas.length))
+                    this.irAlFondo();
                 this.cursor = this.unidades.length;
                 break;
             case 'borrar_linea':
@@ -1157,17 +1684,38 @@ export class Superficie {
                 break;
         }
     }
+    get guardaDePregunta() {
+        return this.o.guardaDePreguntaMs ?? (this.o.quieta ? 0 : 600);
+    }
     teclaDePregunta(k) {
         const p = this.pregunta;
         const n = p.opciones.length;
+        const ahora = Date.now();
+        if (k.t === 'esc' || k.t === 'ctrlc')
+            return this.responder(p.indiceNo);
+        const r0 = k.t === 'texto' ? k.v.trim().toLowerCase() : '';
+        const esRespuesta = k.t === 'texto' && (/^[1-9]$/.test(r0) || ((r0 === 'y' || r0 === 'n') && p.indiceNo !== null));
+        if (k.t === 'texto' && !esRespuesta) {
+            this.insertar(k.v);
+            p.escribiendo = true;
+            p.sordaHasta = Math.max(p.sordaHasta, ahora + this.guardaDePregunta);
+            return;
+        }
+        if (ahora < p.sordaHasta) {
+            if (k.t === 'texto' && p.escribiendo) {
+                this.insertar(k.v);
+                p.sordaHasta = ahora + this.guardaDePregunta;
+            }
+            return;
+        }
         if (k.t === 'texto') {
             const r = k.v.trim().toLowerCase();
             const num = Number(r);
             if (Number.isInteger(num) && num >= 1 && num <= n)
                 return this.responder(num - 1);
-            if (r === 'n')
-                return this.responder(p.valores.indexOf('no'));
-            if (r === 'y' && (p.valores[p.elegida] !== 'no' || p.peligro))
+            if (r === 'n' && p.indiceNo !== null)
+                return this.responder(p.indiceNo);
+            if (r === 'y' && p.siConY)
                 return this.responder(0);
             return;
         }
@@ -1177,8 +1725,6 @@ export class Superficie {
             p.elegida = (p.elegida + 1) % n;
         else if (k.t === 'intro')
             this.responder(p.elegida);
-        else if (k.t === 'esc' || k.t === 'ctrlc')
-            this.responder(p.valores.indexOf('no'));
     }
     get _lineas() {
         return this.lineas;
@@ -1192,6 +1738,9 @@ export class Superficie {
     get _trabajo() {
         return this.trabajo;
     }
+    get _zonas() {
+        return this.zonas;
+    }
 }
 function sinColorSimple(t) {
     return t.replace(/\x1b\[[0-9;]*m/g, '');