primocode 7.3.0 → 7.4.0

package/lib/ui.js

@@ -1,166 +1,237 @@
-/**
- * UI components — estilo Claude Code
- */
-
-'use strict';
-
-const readline = require('readline');
-
-const PALETTE = {
-    brand:      '\x1b[38;5;183m',
-    brandDim:   '\x1b[38;5;146m',
-    white:      '\x1b[38;5;253m',
-    muted:      '\x1b[38;5;245m',
-    dim:        '\x1b[38;5;240m',
-    ok:         '\x1b[38;5;114m',
-    warn:       '\x1b[38;5;180m',
-    err:        '\x1b[38;5;174m',
-    magenta:    '\x1b[38;5;176m',
-    cyan:       '\x1b[38;5;152m',
-    bold:       '\x1b[1m',
-    reset:      '\x1b[0m',
-};
-
-const c = {
-    ...PALETTE,
-    brand: (s) => `${PALETTE.brand}${s}${PALETTE.reset}`,
-    brandDim: (s) => `${PALETTE.brandDim}${s}${PALETTE.reset}`,
-    white: (s) => `${PALETTE.white}${s}${PALETTE.reset}`,
-    muted: (s) => `${PALETTE.muted}${s}${PALETTE.reset}`,
-    dim: (s) => `${PALETTE.dim}${s}${PALETTE.reset}`,
-    ok: (s) => `${PALETTE.ok}${s}${PALETTE.reset}`,
-    warn: (s) => `${PALETTE.warn}${s}${PALETTE.reset}`,
-    err: (s) => `${PALETTE.err}${s}${PALETTE.reset}`,
-    magenta: (s) => `${PALETTE.magenta}${s}${PALETTE.reset}`,
-    cyan: (s) => `${PALETTE.cyan}${s}${PALETTE.reset}`,
-    bold: (s) => `${PALETTE.bold}${s}${PALETTE.reset}`,
-};
-
-// Primo — o mascote. Antena que brilha, olhos acesos, sorriso discreto.
-function mascot() {
-    return [
-        `  ${c.dim('·')} ${c.magenta('✦')} ${c.dim('·')}  `,
-        ` ${c.brand('╭─────╮')} `,
-        `${c.brandDim('─')}${c.brand('┤')} ${c.cyan('◉')} ${c.cyan('◉')} ${c.brand('├')}${c.brandDim('─')}`,
-        ` ${c.brand('│')}  ${c.magenta('‿')}  ${c.brand('│')} `,
-        ` ${c.brand('╰─┬─┬─╯')} `,
-    ];
-}
-
-function welcomeBox(version, contexto) {
-    const side = [
-        '',
-        `${c.bold(c.brand('P R I M O C O D E'))}`,
-        `${c.muted('agente de engenharia')}  ${c.dim('v' + version)}`,
-        contexto ? c.brandDim(contexto) : c.dim('nenhuma pasta ativa'),
-        '',
-    ];
-    const rows = mascot().map((art, i) => `  ${art}   ${side[i] || ''}`);
-    return [
-        '',
-        ...rows,
-        '',
-        `  ${c.magenta('●')} ${c.muted('Primo Code')}   ${c.brand('●')} ${c.muted('Chat')}   ${c.dim('/help')}`,
-        '',
-    ].join('\n');
-}
-
-class Spinner {
-    constructor(text='pensando') {
-        this.text = text;
-        this.frames = ['⠋','⠙','⠹','⠸','⠼','⠴','⠦','⠧','⠇','⠏'];
-        this.i = 0; this.timer = null;
-    }
-    start() {
-        // Fora de um terminal (pipe, CI) a animação só sujaria a saída.
-        if (!process.stdout.isTTY) return this;
-        this.timer = setInterval(() => {
-            process.stdout.write(`\r  ${c.muted(this.frames[this.i])} ${c.muted(this.text)}`);
-            this.i = (this.i+1) % this.frames.length;
-        }, 80);
-        return this;
-    }
-    stop() {
-        if (this.timer) { clearInterval(this.timer); this.timer = null; process.stdout.write(`\r${' '.repeat(80)}\r`); }
-    }
-}
-
-// Barra de progresso estilo Claude Code — silenciosa, elegante
-class ProgressBar {
-    constructor(label = 'Instalando') {
-        this.label = label;
-        this.width = 30;
-        this.progress = 0;
-        this.timer = null;
-        this.done = false;
-    }
-    start() {
-        process.stdout.write(`  ${c.muted(this.label)} [`);
-        this.timer = setInterval(() => {
-            if (this.done) return;
-            this.progress = Math.min(this.progress + 1, this.width);
-            const filled = '█'.repeat(this.progress);
-            const empty = '░'.repeat(this.width - this.progress);
-            process.stdout.write(`\r  ${c.muted(this.label)} [${c.brand(filled)}${c.dim(empty)}] ${c.muted(Math.round((this.progress/this.width)*100) + '%')}`);
-        }, 200);
-        return this;
-    }
-    tick() {
-        this.progress = Math.min(this.progress + 2, this.width);
-        const filled = '█'.repeat(this.progress);
-        const empty = '░'.repeat(this.width - this.progress);
-        process.stdout.write(`\r  ${c.muted(this.label)} [${c.brand(filled)}${c.dim(empty)}] ${c.muted(Math.round((this.progress/this.width)*100) + '%')}`);
-    }
-    stop() {
-        this.done = true;
-        if (this.timer) { clearInterval(this.timer); this.timer = null; }
-        process.stdout.write(`\r  ${c.muted(this.label)} [${c.ok('██████████ DONE ██████████')}] ${c.ok('100%')}\n`);
-    }
-}
-
-function actionHeader(name, args) {
+/**
+ * UI components — estilo Claude Code
+ */
+
+'use strict';
+
+const readline = require('readline');
+
+const PALETTE = {
+    brand:      '\x1b[38;5;183m',
+    brandDim:   '\x1b[38;5;146m',
+    white:      '\x1b[38;5;253m',
+    muted:      '\x1b[38;5;245m',
+    dim:        '\x1b[38;5;240m',
+    ok:         '\x1b[38;5;114m',
+    warn:       '\x1b[38;5;180m',
+    err:        '\x1b[38;5;174m',
+    magenta:    '\x1b[38;5;176m',
+    cyan:       '\x1b[38;5;152m',
+    bold:       '\x1b[1m',
+    reset:      '\x1b[0m',
+};
+
+const c = {
+    ...PALETTE,
+    brand: (s) => `${PALETTE.brand}${s}${PALETTE.reset}`,
+    brandDim: (s) => `${PALETTE.brandDim}${s}${PALETTE.reset}`,
+    white: (s) => `${PALETTE.white}${s}${PALETTE.reset}`,
+    muted: (s) => `${PALETTE.muted}${s}${PALETTE.reset}`,
+    dim: (s) => `${PALETTE.dim}${s}${PALETTE.reset}`,
+    ok: (s) => `${PALETTE.ok}${s}${PALETTE.reset}`,
+    warn: (s) => `${PALETTE.warn}${s}${PALETTE.reset}`,
+    err: (s) => `${PALETTE.err}${s}${PALETTE.reset}`,
+    magenta: (s) => `${PALETTE.magenta}${s}${PALETTE.reset}`,
+    cyan: (s) => `${PALETTE.cyan}${s}${PALETTE.reset}`,
+    bold: (s) => `${PALETTE.bold}${s}${PALETTE.reset}`,
+};
+
+// ── Mascotes ─────────────────────────────────────────────────────────────
+// Primo, o mascote — expressivo e personalizável. Fones de "coach", antena
+// que brilha, olhos acesos. Escolha o estilo com /mascot.
+// Sem emoji — só formas geométricas de largura 1, alinhadas em qualquer
+// terminal monospace (Windows, Linux e Mac). Cada linha tem 9 colunas.
+const MASCOTS = {
+    // Padrão: robô-coach — antena que brilha, headset lateral, olhar vivo,
+    // sorriso e pezinhos. Limpo e simétrico, 11 colunas por linha.
+    primo: () => [
+        `    ${c.magenta('╭')}${c.magenta('◠')}${c.magenta('╮')}    `,
+        `  ${c.brand('╭─┴─┴─╮')}  `,
+        ` ${c.cyan('◖')}${c.brand('┫')} ${c.cyan('●')} ${c.cyan('●')} ${c.brand('┣')}${c.cyan('◗')} `,
+        `  ${c.brand('┃')}  ${c.magenta('‿')}  ${c.brand('┃')}  `,
+        `  ${c.brand('╰──┬──╯')}  `,
+        `   ${c.brandDim('╰─┴─╯')}   `,
+    ],
+    // Raposa — carismática e simétrica.
+    fox: () => [
+        ` ${c.warn('╱╲')}   ${c.warn('╱╲')} `,
+        `${c.warn('╱')}  ${c.warn('╲_╱')}  ${c.warn('╲')}`,
+        `${c.warn('▏')} ${c.cyan('◕')}   ${c.cyan('◕')} ${c.warn('▕')}`,
+        `${c.warn('╲')}   ${c.magenta('▾')}   ${c.warn('╱')}`,
+        ` ${c.warn('╲__')}${c.magenta('ᵕ')}${c.warn('__╱')} `,
+    ],
+    // Gato — minimalista e fofo.
+    cat: () => [
+        ` ${c.brand('╱╲_╱╲')}   `,
+        `${c.brand('│')} ${c.cyan('◕')} ${c.magenta('◡')} ${c.cyan('◕')} ${c.brand('│')}`,
+        ` ${c.brand('╲')}  ${c.magenta('▿')}  ${c.brand('╱')} `,
+        `  ${c.brand('╲───╯')}  `,
+    ],
+};
+
+function mascot(style) {
+    const fn = MASCOTS[style] || MASCOTS.primo;
+    return fn();
+}
+
+function welcomeBox(version, contexto, opts = {}) {
+    const { mascot: style, userName } = opts;
+    const art = mascot(style);
+    const saudacao = userName ? `${c.white('Olá, ')}${c.bold(c.brand(userName))}` : c.muted('agente de engenharia');
+    const side = [
+        '',
+        `${c.bold(c.brand('P R I M O C O D E'))}`,
+        `${saudacao}  ${c.dim('v' + version)}`,
+        contexto ? c.brandDim('▸ ' + contexto) : c.dim('nenhuma pasta ativa'),
+        c.dim('cria arquivos · roda comandos · controla navegador e desktop'),
+        '',
+    ];
+    const rows = art.map((linha, i) => `  ${linha}   ${side[i] || ''}`);
+    return [
+        '',
+        ...rows,
+        '',
+        `  ${c.magenta('●')} ${c.muted('Primo Code')}   ${c.brand('●')} ${c.muted('Chat')}   ${c.dim('/help')} ${c.dim('para tudo')}`,
+        '',
+    ].join('\n');
+}
+
+class Spinner {
+    constructor(text='pensando') {
+        this.text = text;
+        this.frames = ['⠋','⠙','⠹','⠸','⠼','⠴','⠦','⠧','⠇','⠏'];
+        this.i = 0; this.timer = null;
+    }
+    start() {
+        // Fora de um terminal (pipe, CI) a animação só sujaria a saída.
+        if (!process.stdout.isTTY) return this;
+        this.timer = setInterval(() => {
+            process.stdout.write(`\r  ${c.muted(this.frames[this.i])} ${c.muted(this.text)}`);
+            this.i = (this.i+1) % this.frames.length;
+        }, 80);
+        return this;
+    }
+    stop() {
+        if (this.timer) { clearInterval(this.timer); this.timer = null; process.stdout.write(`\r${' '.repeat(80)}\r`); }
+    }
+}
+
+// Barra de progresso estilo Claude Code — silenciosa, elegante
+class ProgressBar {
+    constructor(label = 'Instalando') {
+        this.label = label;
+        this.width = 30;
+        this.progress = 0;
+        this.timer = null;
+        this.done = false;
+    }
+    start() {
+        process.stdout.write(`  ${c.muted(this.label)} [`);
+        this.timer = setInterval(() => {
+            if (this.done) return;
+            this.progress = Math.min(this.progress + 1, this.width);
+            const filled = '█'.repeat(this.progress);
+            const empty = '░'.repeat(this.width - this.progress);
+            process.stdout.write(`\r  ${c.muted(this.label)} [${c.brand(filled)}${c.dim(empty)}] ${c.muted(Math.round((this.progress/this.width)*100) + '%')}`);
+        }, 200);
+        return this;
+    }
+    tick() {
+        this.progress = Math.min(this.progress + 2, this.width);
+        const filled = '█'.repeat(this.progress);
+        const empty = '░'.repeat(this.width - this.progress);
+        process.stdout.write(`\r  ${c.muted(this.label)} [${c.brand(filled)}${c.dim(empty)}] ${c.muted(Math.round((this.progress/this.width)*100) + '%')}`);
+    }
+    stop() {
+        this.done = true;
+        if (this.timer) { clearInterval(this.timer); this.timer = null; }
+        process.stdout.write(`\r  ${c.muted(this.label)} [${c.ok('██████████ DONE ██████████')}] ${c.ok('100%')}\n`);
+    }
+}
+
+function actionHeader(name, args) {
     const nice = {
-        read_file:'Read', write_file:'Write', edit_file:'Edit', list_dir:'List',
-        glob:'Glob', grep:'Grep', run_shell:'Bash', run_in_new_terminal:'Terminal',
-        open_in_browser:'Open', spawn_agent:'Agent', finish:'Finish',
-    };
-    const label = nice[name] || name;
-    const argStr = args ? (args.path || args.pattern || args.command || args.target || args.description || JSON.stringify(args).slice(0,60)) : '';
-    return `  ${c.dim('⎿')} ${c.brand(label)}${argStr ? ' '+c.muted(argStr) : ''}`;
-}
-
-function toolLine(text) { return `  ${c.dim('⎿')} ${c.muted(text)}`; }
-
-function toolResult(result) {
-    if (!result) return '';
-    if (result.ok === false) return c.err(`  ✗ ${result.error || 'failed'}`);
-    if (result.created !== undefined) return c.ok(`  ${result.created?'created':'updated'} · ${fmtBytes(result.bytes||0)}`);
-    return '';
-}
-
-function fmtBytes(n) {
-    if (n < 1024) return `${n} B`;
-    if (n < 1024*1024) return `${(n/1024).toFixed(1)} KB`;
-    return `${(n/(1024*1024)).toFixed(1)} MB`;
-}
-
-function renderMarkdown(text) {
-    return text.replace(/\*\*([^*]+)\*\*/g,'$1').replace(/__([^_]+)__/g,'$1').replace(/`([^`]+)`/g,'$1').replace(/^#{1,6}\s+/gm,'');
-}
-
-// Pergunta Yes/No — aguarda resposta real do usuário
-function askYesNo(question) {
-    return new Promise((resolve) => {
-        const rl = readline.createInterface({
-            input: process.stdin,
-            output: process.stdout,
-        });
-        rl.question(`${c.brand('?')} ${question} ${c.muted('(Y/n)')} `, (answer) => {
-            rl.close();
-            const a = (answer || '').trim().toLowerCase();
-            resolve(a === 'y' || a === 'yes' || a === '');
-        });
-    });
-}
-
-module.exports = { c, welcomeBox, Spinner, ProgressBar, actionHeader, toolLine, toolResult, fmtBytes, renderMarkdown, askYesNo };
+        read_file:'Read', write_file:'Write', edit_file:'Edit', multi_edit:'MultiEdit',
+        list_dir:'List', glob:'Glob', grep:'Grep', run_shell:'Bash',
+        run_in_new_terminal:'Terminal', open_in_browser:'Open', spawn_agent:'Agent',
+        write_todos:'Plano', finish:'Finish',
+        browser_open:'Browser', browser_click:'Browser·click', browser_type:'Browser·type',
+        browser_key:'Browser·key', browser_read:'Browser·read', browser_screenshot:'Browser·shot',
+        browser_scroll:'Browser·scroll', browser_wait:'Browser·wait', browser_eval:'Browser·eval',
+        desktop_screenshot:'Desktop·shot', desktop_click:'Desktop·click', desktop_move:'Desktop·move',
+        desktop_drag:'Desktop·drag', desktop_type:'Desktop·type', desktop_key:'Desktop·key',
+        desktop_scroll:'Desktop·scroll', desktop_size:'Desktop·size',
+    };
+    const label = nice[name] || name;
+    const argStr = args ? (args.path || args.pattern || args.command || args.target || args.url || args.selector || args.text || args.description || (args.todos ? `${args.todos.length} tarefas` : '') || (args.x != null ? `${args.x},${args.y}` : '') || args.key || JSON.stringify(args).slice(0,60)) : '';
+    return `  ${c.dim('⎿')} ${c.brand(label)}${argStr ? ' '+c.muted(argStr) : ''}`;
+}
+
+// Transforma erro cru (JSON do Groq, código HTTP, erro de rede) numa frase
+// humana. O usuário nunca deveria ver um paredão de JSON.
+function friendlyError(raw) {
+    const s = String(raw && raw.message ? raw.message : raw || '').trim();
+    const low = s.toLowerCase();
+    // Muitas vezes o texto útil vem dentro de um JSON: {"error":{"message":"..."}}
+    let inner = s;
+    try {
+        const m = s.match(/\{[\s\S]*\}/);
+        if (m) {
+            const j = JSON.parse(m[0]);
+            inner = (j.error && (j.error.message || j.error)) || j.erro || j.message || s;
+            if (typeof inner !== 'string') inner = s;
+        }
+    } catch {}
+
+    if (/rate.?limit|tokens per minute|tpm|request too large|too many requests|\b429\b|\b413\b/i.test(low)) {
+        return '⏳ O servidor está no limite de uso agora. Espere alguns segundos e tente de novo.';
+    }
+    if (/\b401\b|unauthorized|token/i.test(low)) {
+        return '🔒 Este servidor pede um token. Configure PRIMOCODE_TOKEN ou "token" em ~/.primocode/config.json.';
+    }
+    if (/econnrefused|enotfound|etimedout|timeout|socket hang up|network|getaddrinfo|econnreset/i.test(low)) {
+        return '📡 Não consegui falar com o servidor. Verifique sua conexão e tente de novo.';
+    }
+    if (/\b5\d\d\b|internal server|bad gateway|service unavailable|gateway timeout/i.test(low)) {
+        return '🔧 O servidor está fora do ar no momento. Tente de novo em instantes.';
+    }
+    // Sobrou algo específico: mostra só a mensagem interna, sem o JSON gigante.
+    const clean = inner.replace(/\s+/g, ' ').trim();
+    return clean.length > 200 ? clean.slice(0, 200) + '…' : clean || 'Algo deu errado.';
+}
+
+function toolLine(text) { return `  ${c.dim('⎿')} ${c.muted(text)}`; }
+
+function toolResult(result) {
+    if (!result) return '';
+    if (result.ok === false) return c.err(`  ✗ ${result.error || 'failed'}`);
+    if (result.created !== undefined) return c.ok(`  ${result.created?'created':'updated'} · ${fmtBytes(result.bytes||0)}`);
+    return '';
+}
+
+function fmtBytes(n) {
+    if (n < 1024) return `${n} B`;
+    if (n < 1024*1024) return `${(n/1024).toFixed(1)} KB`;
+    return `${(n/(1024*1024)).toFixed(1)} MB`;
+}
+
+function renderMarkdown(text) {
+    return text.replace(/\*\*([^*]+)\*\*/g,'$1').replace(/__([^_]+)__/g,'$1').replace(/`([^`]+)`/g,'$1').replace(/^#{1,6}\s+/gm,'');
+}
+
+// Pergunta Yes/No — aguarda resposta real do usuário
+function askYesNo(question) {
+    return new Promise((resolve) => {
+        const rl = readline.createInterface({
+            input: process.stdin,
+            output: process.stdout,
+        });
+        rl.question(`${c.brand('?')} ${question} ${c.muted('(Y/n)')} `, (answer) => {
+            rl.close();
+            const a = (answer || '').trim().toLowerCase();
+            resolve(a === 'y' || a === 'yes' || a === '');
+        });
+    });
+}
+
+module.exports = { c, mascot, welcomeBox, Spinner, ProgressBar, actionHeader, toolLine, toolResult, fmtBytes, renderMarkdown, askYesNo, friendlyError };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primocode",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "description": "PrimoCode — agente de engenharia com IA e cursor próprio. Modo primocode cria arquivos, controla o desktop e navegador. Modo chat é conversa pura.",
   "main": "bin/primocode.js",
   "bin": {