primocode 7.14.0 → 7.15.0

package/bin/primocode.js

@@ -19,7 +19,7 @@ const { escolherModo } = require('../lib/modo.js');
 const api = require('../lib/api');
 const tools = require('../lib/tools');
 const cfg = require('../lib/config');
-const { runAct } = require('../lib/act');
+const { runAct, interromper } = require('../lib/act');
 const pasta = require('../lib/pasta');
 const catalogo = require('../lib/catalogo');
 const streaming = require('../lib/streaming');
@@ -758,6 +758,56 @@ async function main() {
     let closed = false;
     let saidBye = false;
 
+    // ── Sugestão fantasma: o autopreenchimento VISÍVEL enquanto digita ──
+    // "/str" mostra "eaming" esmaecido na frente do cursor, como o Claude
+    // Code. Seta → (ou Tab) aceita; Enter com o pedaço já executa. Desenhada
+    // DEPOIS de o readline processar a tecla (setImmediate), por cima do que
+    // sobrou da linha (\\x1b[0K limpa), e o cursor volta para o lugar.
+    if (process.stdin.isTTY && process.stdout.isTTY) {
+        let fantasma = '';
+        const desenharFantasma = () => {
+            if (busy || pendingAsk || !rl) return;
+            const linha = rl.line;
+            const noFim = rl.cursor === linha.length;
+            fantasma = '';
+            if (noFim && linha.startsWith('/') && !/\s/.test(linha) && linha.length > 1) {
+                const baixa = linha.toLowerCase();
+                const hit = SLASH_COMANDOS.map(([n]) => n).find((n) => n.startsWith(baixa) && n.length > linha.length);
+                if (hit) fantasma = hit.slice(linha.length);
+            }
+            if (!noFim) return;   // cursor no meio: não mexe no que vem depois dele
+            // Limpa resto da linha (fantasma antigo) e desenha o novo, voltando o cursor.
+            process.stdout.write('\x1b[0K' + (fantasma ? `\x1b[2m${fantasma}\x1b[0m\x1b[${fantasma.length}D` : ''));
+        };
+        // ── Esc Esc: parar o agente no meio do trabalho ──
+        // Um Esc avisa; o segundo (em até 2s) manda parar. Dois Escs tão
+        // rápidos que chegam colados num chunk só viram UMA tecla com
+        // sequence "\x1b\x1b" — vale como os dois.
+        let ultimoEsc = 0;
+        process.stdin.on('keypress', (ch, key) => {
+            if (key && (key.name === 'escape' || key.sequence === '\x1b\x1b')) {
+                if (!busy) { ultimoEsc = 0; return; }   // sem agente rodando, Esc é só Esc
+                const agora = Date.now();
+                if (key.sequence === '\x1b\x1b' || agora - ultimoEsc < 2000) {
+                    ultimoEsc = 0;
+                    interromper();
+                    process.stdout.write('\n' + c.warn('  ⏹ parando o agente…') + '\n');
+                } else {
+                    ultimoEsc = agora;
+                    process.stdout.write('\n' + c.dim('  Esc de novo para parar o agente') + '\n');
+                }
+                return;
+            }
+            // Seta → no fim da linha aceita a sugestão inteira.
+            if (key && key.name === 'right' && fantasma && rl && rl.cursor === rl.line.length) {
+                const resto = fantasma;
+                fantasma = '';
+                rl.write(resto);
+            }
+            setImmediate(desenharFantasma);
+        });
+    }
+
     function sayBye() {
         if (saidBye) return;
         saidBye = true;

package/lib/act.js

@@ -23,6 +23,14 @@ const painel = require('./streaming');
 const MAX_ITERATIONS = 15;
 const MAX_PROFUNDIDADE = 2; // principal + 1 nível de subagente
 
+// ── Interrupção (Esc Esc) ─────────────────────────────────────────────────
+// O usuário aperta Esc duas vezes e o agente PARA — entre uma rodada e outra
+// e entre uma tool e a seguinte (uma tool já em execução termina; o que ela
+// fez, ficou feito). A flag é do módulo de propósito: parar o principal para
+// os subagentes junto.
+let PARAR = false;
+function interromper() { PARAR = true; }
+
 function ident(profundidade) {
     return '  '.repeat(profundidade);
 }
@@ -190,7 +198,10 @@ async function runAct(userPrompt, opts) {
     // instrução de gente.
     if (!subagent) { try { painel.instrucao(userPrompt); } catch {} }
 
-    for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {
+    // Pedido novo zera o pedido de parada anterior.
+    if (!subagent) PARAR = false;
+
+    for (let iteration = 0; iteration < MAX_ITERATIONS && !PARAR; iteration++) {
         const sp = new Spinner(subagent ? 'subagente trabalhando' : 'Primo Code pensando').start();
 
         const toolCalls = [];
@@ -251,6 +262,7 @@ async function runAct(userPrompt, opts) {
 
         let finished = null;
         for (const tc of toolCalls) {
+            if (PARAR) break;
             if (tc.name === 'finish') {
                 // Encerrar com falha pendente é como o agente dizia "pronto!"
                 // sem ter mudado nada. Devolvemos a tarefa para ele.
@@ -306,6 +318,11 @@ async function runAct(userPrompt, opts) {
         }
     }
 
+    if (PARAR && !finalText) {
+        finalText = 'Parado por você (Esc Esc). O que já foi feito, ficou feito.';
+        if (!subagent) console.log('\n' + c.warn('⏹ ' + finalText));
+    }
+
     // Nunca terminar em silêncio. Quando o modelo devolvia resposta vazia sem
     // chamar tool, o usuário via a tela parar e mais nada — pior que erro, porque
     // não dá nem para saber que acabou. Medido: um pedido de navegador morria assim
@@ -353,4 +370,4 @@ async function runSubagent(args, ctx) {
     return resumo;
 }
 
-module.exports = { runAct };
+module.exports = { runAct, interromper };

package/lib/streaming.js

@@ -50,6 +50,8 @@ const state = {
     liveAt: 0,         // quando o último frame de vídeo foi capturado
     viewerAt: 0,       // último sinal de que alguém está com a página aberta
     liveTimer: null,
+    liveBusy: false,   // uma captura em voo por vez — sem isso cada poll da página
+                       // abria OUTRA cadeia de captura e elas se multiplicavam
 };
 
 const LIVE = () => path.join(DIR, 'live.png');
@@ -69,25 +71,30 @@ function viuAgora() {
 }
 
 function agendarVideo(ms) {
-    if (!state.on || state.liveTimer) return;
+    if (!state.on || state.liveTimer || state.liveBusy) return;
     state.liveTimer = setTimeout(cicloVideo, ms);
     state.liveTimer.unref();
 }
 
 function cicloVideo() {
     state.liveTimer = null;
-    if (!state.on) return;
+    if (!state.on || state.liveBusy) return;
     if (Date.now() - state.viewerAt > 8000) return;   // ninguém olhando — o próximo /state religa
 
     const cmd = desktop.screenshotCommand(LIVE_TMP());
     if (!cmd) { if (!state.erroFoto) state.erroFoto = 'screenshot indisponível nesta máquina'; return; }
 
     const t0 = Date.now();
+    state.liveBusy = true;
     exec(cmd, { timeout: 8000 }, (err) => {
+        state.liveBusy = false;
         const dur = Date.now() - t0;
         if (!err) {
             try {
-                fs.renameSync(LIVE_TMP(), LIVE());
+                // Rename é atômico; no Windows ele pode falhar se o navegador
+                // estiver lendo o arquivo NAQUELE instante — aí copia por cima.
+                try { fs.renameSync(LIVE_TMP(), LIVE()); }
+                catch { fs.copyFileSync(LIVE_TMP(), LIVE()); try { fs.unlinkSync(LIVE_TMP()); } catch {} }
                 state.liveSeq++;
                 state.liveAt = Date.now();
                 state.erroFoto = null;
@@ -267,10 +274,11 @@ function capturar(entrada) {
 
 // O mascote do CLI (▐▛███▜▌ …) redesenhado em SVG, célula a célula, na mesma
 // paleta: bloco cheio na cor viva, contorno na apagada.
+// Olhos e pés têm classe própria: a página anima (piscada e passinhos) por CSS.
 const MASCOTE_SVG = `<svg viewBox="0 0 9 3.6" aria-hidden="true">
 <g fill="#0891b2"><rect x="1" y="0" width="1" height="1"/><rect x="7" y="0" width="1" height="1"/><rect x="0" y="1" width="1" height="1" opacity=".7"/><rect x="8" y="1" width="1" height="1" opacity=".7"/><rect x="1" y="1" width="1" height="1"/><rect x="7" y="1" width="1" height="1"/></g>
-<g fill="#22d3ee"><rect x="2" y="0" width="5" height="1" rx=".12"/><rect x="2" y="1" width="5" height="1"/><rect x="1.9" y="2.2" width=".9" height=".5" rx=".1"/><rect x="3.4" y="2.2" width=".9" height=".5" rx=".1"/><rect x="4.9" y="2.2" width=".9" height=".5" rx=".1"/><rect x="6.4" y="2.2" width=".9" height=".5" rx=".1"/></g>
-<g fill="#0b1220"><rect x="3" y=".35" width=".8" height=".5" rx=".1"/><rect x="5.2" y=".35" width=".8" height=".5" rx=".1"/><rect x="3.9" y="1.25" width="1.2" height=".28" rx=".14"/></g>
+<g fill="#22d3ee"><rect x="2" y="0" width="5" height="1" rx=".12"/><rect x="2" y="1" width="5" height="1"/><rect class="pe pe1" x="1.9" y="2.2" width=".9" height=".5" rx=".1"/><rect class="pe pe2" x="3.4" y="2.2" width=".9" height=".5" rx=".1"/><rect class="pe pe1" x="4.9" y="2.2" width=".9" height=".5" rx=".1"/><rect class="pe pe2" x="6.4" y="2.2" width=".9" height=".5" rx=".1"/></g>
+<g fill="#0b1220"><rect class="olho" x="3" y=".35" width=".8" height=".5" rx=".1"/><rect class="olho" x="5.2" y=".35" width=".8" height=".5" rx=".1"/><rect x="3.9" y="1.25" width="1.2" height=".28" rx=".14"/></g>
 </svg>`;
 
 // A tela do painel, na identidade do app — a MESMA paleta do design system do
@@ -300,9 +308,16 @@ const PAGINA = `<!doctype html>
 
   /* ── Cabeçalho: mascote inclinado + nome, como no desenho ── */
   #topo { position: relative; width: min(1120px, 100%); padding: 44px 0 26px; text-align: center; }
-  #topo .mascote { position: absolute; left: 4px; top: 26px; width: 100px; height: 42px; transform: rotate(-32deg); filter: drop-shadow(0 8px 20px rgba(34,211,238,.4)); animation: flutua 3.2s ease-in-out infinite alternate; }
-  @keyframes flutua { from { translate: 0 0 } to { translate: 0 5px } }
-  #topo .mascote svg { width: 100%; height: 100%; display: block; }
+  #topo .mascote { position: absolute; left: 4px; top: 24px; width: 104px; height: 44px; filter: drop-shadow(0 8px 20px rgba(34,211,238,.4)); animation: flutua 2.8s ease-in-out infinite; }
+  @keyframes flutua { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(6px) } }
+  #topo .mascote svg { width: 100%; height: 100%; display: block; overflow: visible; }
+  /* vivo: pisca os olhos de vez em quando e dá passinhos com os pés */
+  .mascote .olho { transform-box: fill-box; transform-origin: center; animation: piscaOlho 3.6s infinite; }
+  @keyframes piscaOlho { 0%, 89%, 100% { transform: scaleY(1) } 93%, 95% { transform: scaleY(.12) } }
+  .mascote .pe { transform-box: fill-box; transform-origin: center; }
+  .mascote .pe1 { animation: passinho 1.4s ease-in-out infinite; }
+  .mascote .pe2 { animation: passinho 1.4s ease-in-out infinite; animation-delay: .7s; }
+  @keyframes passinho { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-.14px) } }
   #topo h1 { font-size: clamp(34px, 5.6vw, 54px); font-weight: 650; letter-spacing: .4px; color: #f1f5f9; text-shadow: 0 4px 28px rgba(34,211,238,.22); }
   #topo h1 span { color: #22d3ee; }
   #topo .vivo { position: absolute; right: 2px; top: 48px; display: inline-flex; align-items: center; gap: 8px; color: #94a3b8; font-size: 12.5px; background: rgba(15,23,42,.85); border: 1px solid #1e293b; border-radius: 999px; padding: 6px 14px; }
@@ -424,25 +439,35 @@ let ultimoEstado = '';
 
 function esc(s) { return String(s ?? '').replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c])); }
 
-// ── o vídeo: troca o quadro assim que um novo existe, sem piscar ──
-let quadroNaTela = -1;
+// ── o vídeo: busca o quadro direto, desde o primeiro segundo ──
+// Não espera o /state confirmar nada: enquanto não há seq, tenta com
+// timestamp (um 404 só significa "primeiro quadro ainda não saiu" — tenta de
+// novo). Assim a tela aparece assim que o painel abre, sem depender de o
+// agente ter feito qualquer coisa.
+let quadroNaTela = '';
+let buscandoQuadro = false;
 function modoVideo() { return abaSel === VIVO && fotoSel == null; }
 function videoTick() {
-  if (modoVideo() && dados.liveSeq > 0 && dados.liveSeq !== quadroNaTela) {
-    const seq = dados.liveSeq;
-    const pre = new Image();                       // pré-carrega fora da tela:
-    pre.onload = () => {                           // o quadro só entra inteiro
-      if (!modoVideo()) return;
-      const img = document.getElementById('frame');
-      img.src = pre.src; img.style.display = 'block';
-      document.getElementById('aviso').style.display = 'none';
-      document.getElementById('badge').style.display = 'flex';
-      document.getElementById('carimbo').style.display = 'none';
-      quadroNaTela = seq;
-    };
-    pre.src = '/live?' + seq;
+  if (modoVideo() && !buscandoQuadro) {
+    const marca = dados.liveSeq > 0 ? 's' + dados.liveSeq : 't' + Date.now();
+    if (marca !== quadroNaTela) {
+      buscandoQuadro = true;
+      const pre = new Image();                     // pré-carrega fora da tela:
+      pre.onload = () => {                         // o quadro só entra inteiro
+        buscandoQuadro = false;
+        if (!modoVideo()) return;
+        const img = document.getElementById('frame');
+        img.src = pre.src; img.style.display = 'block';
+        document.getElementById('aviso').style.display = 'none';
+        document.getElementById('badge').style.display = 'flex';
+        document.getElementById('carimbo').style.display = 'none';
+        quadroNaTela = marca;
+      };
+      pre.onerror = () => { buscandoQuadro = false; };
+      pre.src = '/live?' + marca;
+    }
   }
-  setTimeout(videoTick, 280);
+  setTimeout(videoTick, 300);
 }
 
 // ── a instrução autopreenchendo, letra por letra ──
@@ -616,6 +641,10 @@ function start() {
             state.server = server;
             state.on = true;
             state.url = `http://127.0.0.1:${server.address().port}`;
+            // O vídeo começa JÁ: quando o navegador terminar de abrir, o
+            // primeiro quadro está no ar — nada de tela vazia esperando ação.
+            state.viewerAt = Date.now();
+            agendarVideo(50);
             resolve(state.url);
         });
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primocode",
-  "version": "7.14.0",
+  "version": "7.15.0",
   "description": "PrimoCode — agente de engenharia com IA e cursor próprio. Modelos grátis. Cria arquivos, roda comandos, controla navegador e desktop: abre apps, clica em botões e ícones pelo nome, digita e usa atalhos.",
   "main": "bin/primocode.js",
   "bin": {