helix-assistant-cli 0.2.14 → 0.6.0

package/dist/ui/autocomplete.js

@@ -12,16 +12,19 @@ exports.SLASH_COMMANDS = [
     { command: '/skill', description: 'Listar o inspeccionar skills registradas', usage: '/skill [nombre]' },
     { command: '/mcp', description: 'Listar servidores MCP y sus herramientas', usage: '/mcp [defaults]' },
     { command: '/create-mcp', description: 'Registrar y configurar un nuevo servidor MCP' },
-    { command: '/browser', description: 'Ver estado del navegador web o abrir URLs', usage: '/browser [open <url>]' },
+    { command: '/browser', description: 'Ver estado, abrir URLs o alternar la vista ASCII', usage: '/browser [open <url>|live [on|off]]' },
+    { command: '/subagents', description: 'Ver el panel ASCII o chatear con un subagente', usage: '/subagents [list|chat <id> <mensaje>]' },
     { command: '/config-apikey', description: 'Configurador interactivo de API Keys (OpenAI, Anthropic, Gemini, etc.)' },
     { command: '/show-apikey', description: 'Ver estado y validez de las API Keys configuradas' },
-    { command: '/microphone', description: 'Ver o alternar estado del micrófono', usage: '/microphone [enable|disable]' },
+    { command: '/microphone', description: 'Ver o alternar estado del micrófono', usage: '/microphone [enable|disable]' },
     { command: '/tasks', description: 'Ver tareas activas y recientes del agente' },
+    { command: '/model', description: 'Ver o cambiar el modelo activo (free/local/cloud)', usage: '/model [list|set <id>|effort <low|medium|high>]' },
     { command: '/models', description: 'Listar modelos disponibles de proveedores configurados' },
+    { command: '/memory', description: 'Ver estadísticas del harness de aprendizaje adaptativo', usage: '/memory [stats|rules|reset]' },
     { command: '/status', description: 'Mostrar resumen del estado del sistema' },
     { command: '/providers', description: 'Ver proveedores configurados y salud de sus claves' },
     { command: '/capabilities', description: 'Ver capacidades activas: sandbox, subagentes, voz y browser' },
-    { command: '/settings', description: 'Ver configuración efectiva sin exponer secretos' },
+    { command: '/settings', description: 'Ver configuración efectiva sin exponer secretos' },
     { command: '/clear', description: 'Limpiar pantalla y restaurar el banner de HELIX' },
     { command: '/stop', description: 'Parada de emergencia de todas las tareas activas' },
     { command: '/help', description: 'Mostrar ayuda de comandos y atajos' },
@@ -107,7 +110,19 @@ class Autocompleter {
             const hits = options.filter((o) => o.toLowerCase().startsWith(trimmed.toLowerCase()));
             return [hits.length ? hits : options, line];
         }
-        // 3. Browser sub-arguments
+        // 3. Model sub-arguments
+        if (trimmed.startsWith('/model ')) {
+            const options = ['/model list', '/model set ', '/model effort low', '/model effort medium', '/model effort high'];
+            const hits = options.filter((o) => o.toLowerCase().startsWith(trimmed.toLowerCase()));
+            return [hits.length ? hits : options, line];
+        }
+        // 3b. Memory sub-arguments
+        if (trimmed.startsWith('/memory ')) {
+            const options = ['/memory stats', '/memory rules', '/memory reset'];
+            const hits = options.filter((o) => o.toLowerCase().startsWith(trimmed.toLowerCase()));
+            return [hits.length ? hits : options, line];
+        }
+        // 4. Browser sub-arguments
         if (trimmed.startsWith('/browser ')) {
             const options = ['/browser open https://'];
             return [options, line];
@@ -144,15 +159,15 @@ class Autocompleter {
      */
     renderHelp() {
         console.log('');
-        console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ Comandos Disponibles')}  ${chalk_1.default.gray('(/ + [Tab] para autocompletar)')}`);
-        console.log(`  ${chalk_1.default.gray('─'.repeat(50))}`);
+        console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ Comandos Disponibles')}  ${chalk_1.default.gray('(/ + [Tab] para autocompletar)')}`);
+        console.log(`  ${chalk_1.default.gray('─'.repeat(50))}`);
         for (const cmd of exports.SLASH_COMMANDS) {
             const usage = cmd.usage ? `  ${chalk_1.default.gray(cmd.usage)}` : '';
             console.log(`  ${chalk_1.default.magenta(cmd.command.padEnd(16))} ${chalk_1.default.gray(cmd.description)}${usage}`);
         }
         console.log('');
-        console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ Prefijos Especiales')}`);
-        console.log(`  ${chalk_1.default.gray('─'.repeat(50))}`);
+        console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ Prefijos Especiales')}`);
+        console.log(`  ${chalk_1.default.gray('─'.repeat(50))}`);
         console.log(`  ${(0, colors_1.formatSkill)('nombre')}            ${chalk_1.default.gray('Invoca una skill registrada')}`);
         console.log(`  ${(0, colors_1.formatMcp)('herramienta')}       ${chalk_1.default.gray('Invoca herramientas MCP')}`);
         console.log('');

package/dist/ui/browser-ascii.d.ts

@@ -0,0 +1,2 @@
+export declare function grayscaleToAscii(pixels: number[][], width?: number): string;
+export declare function renderJpegAsAscii(base64: string, width?: number): string;

package/dist/ui/browser-ascii.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.grayscaleToAscii = grayscaleToAscii;
+exports.renderJpegAsAscii = renderJpegAsAscii;
+const jpeg_js_1 = __importDefault(require("jpeg-js"));
+const ASCII_RAMP = ' .:-=+*#%@';
+const MAX_FRAME_WIDTH = 76;
+const MAX_FRAME_HEIGHT = 34;
+const MAX_JPEG_BYTES = 560_000;
+function grayscaleToAscii(pixels, width = MAX_FRAME_WIDTH) {
+    if (!pixels.length || !pixels[0]?.length) {
+        throw new Error('Browser frame has no pixels to render.');
+    }
+    const boundedWidth = Math.max(1, Math.min(MAX_FRAME_WIDTH, Math.floor(width)));
+    const sourceHeight = pixels.length;
+    const sourceWidth = pixels[0].length;
+    const outputHeight = Math.max(1, Math.min(MAX_FRAME_HEIGHT, Math.round((sourceHeight / sourceWidth) * boundedWidth * 0.5)));
+    const lines = [];
+    for (let y = 0; y < outputHeight; y += 1) {
+        const sourceY = Math.min(sourceHeight - 1, Math.floor((y / outputHeight) * sourceHeight));
+        let line = '';
+        for (let x = 0; x < boundedWidth; x += 1) {
+            const sourceX = Math.min(sourceWidth - 1, Math.floor((x / boundedWidth) * sourceWidth));
+            const value = Math.max(0, Math.min(255, pixels[sourceY][sourceX]));
+            const index = Math.round(((255 - value) / 255) * (ASCII_RAMP.length - 1));
+            line += ASCII_RAMP[index];
+        }
+        lines.push(line);
+    }
+    return lines.join('\n');
+}
+function renderJpegAsAscii(base64, width = MAX_FRAME_WIDTH) {
+    if (typeof base64 !== 'string'
+        || !/^[A-Za-z0-9+/]+={0,2}$/.test(base64)
+        || base64.length > Math.ceil(MAX_JPEG_BYTES * 4 / 3)) {
+        throw new Error('Browser frame is not a valid, bounded Base64 JPEG.');
+    }
+    const bytes = Buffer.from(base64, 'base64');
+    if (bytes.length === 0 || bytes.length > MAX_JPEG_BYTES) {
+        throw new Error('Browser frame exceeds the supported JPEG size.');
+    }
+    const image = jpeg_js_1.default.decode(bytes, {
+        useTArray: true,
+        formatAsRGBA: true,
+        maxResolutionInMP: 4,
+        maxMemoryUsageInMB: 128,
+    });
+    const pixels = [];
+    const outputWidth = Math.min(MAX_FRAME_WIDTH, image.width);
+    const outputHeight = Math.max(1, Math.min(MAX_FRAME_HEIGHT, Math.round((image.height / image.width) * outputWidth * 0.5)));
+    for (let y = 0; y < outputHeight; y += 1) {
+        const row = [];
+        const sourceY = Math.min(image.height - 1, Math.floor((y / outputHeight) * image.height));
+        for (let x = 0; x < outputWidth; x += 1) {
+            const sourceX = Math.min(image.width - 1, Math.floor((x / outputWidth) * image.width));
+            const offset = (sourceY * image.width + sourceX) * 4;
+            row.push(image.data[offset] * 0.299
+                + image.data[offset + 1] * 0.587
+                + image.data[offset + 2] * 0.114);
+        }
+        pixels.push(row);
+    }
+    return grayscaleToAscii(pixels, Math.min(width, outputWidth));
+}

package/dist/ui/repl.d.ts

@@ -17,6 +17,7 @@ export declare class HelixRepl {
     private activeTasksCount;
     private isProcessingPrompt;
     private plain;
+    private browserLiveViewEnabled;
     constructor(options: ReplOptions);
     start(): Promise<void>;
     private _syncSettings;

package/dist/ui/repl.js

@@ -16,8 +16,12 @@ const skills_1 = require("../commands/skills");
 const mcp_1 = require("../commands/mcp");
 const mic_1 = require("../commands/mic");
 const browser_1 = require("../commands/browser");
+const subagents_1 = require("../commands/subagents");
 const markdown_1 = require("./markdown");
 const diagnostics_1 = require("../commands/diagnostics");
+const browser_ascii_1 = require("./browser-ascii");
+const model_1 = require("../commands/model");
+const memory_1 = require("../commands/memory");
 class HelixRepl {
     options;
     rl = null;
@@ -32,6 +36,7 @@ class HelixRepl {
     activeTasksCount = 0;
     isProcessingPrompt = false;
     plain = false;
+    browserLiveViewEnabled = false;
     constructor(options) {
         this.options = options;
         this.conversationId = `cli_conv_${Date.now()}_${Math.random().toString(36).substring(2, 7)}`;
@@ -95,7 +100,7 @@ class HelixRepl {
             this.waitingLogged = false;
             await this._syncSettings();
             await this.autocompleter.refreshSuggestions();
-            process.stdout.write(`\r\x1b[K${chalk_1.default.green('●')} ${chalk_1.default.greenBright.bold('Conectado al agente HELIX')}  \n`);
+            process.stdout.write(`\r\x1b[K${chalk_1.default.green('●')} ${chalk_1.default.greenBright.bold('Conectado al agente HELIX')}  \n`);
             this._promptUser();
         });
         this.client.on('disconnected', () => {
@@ -104,40 +109,40 @@ class HelixRepl {
             }
             if (!this.waitingLogged) {
                 this.waitingLogged = true;
-                console.log(`\n${(0, colors_1.RED)('●')} ${chalk_1.default.yellowBright('Esperando al servicio del agente HELIX en ws://127.0.0.1:8765...')}`);
-                console.log(`${(0, colors_1.GRAY)('  (Si no responde tras 3 reintentos, el CLI lo iniciará automáticamente en segundo plano)')}\n`);
+                console.log(`\n${(0, colors_1.RED)('●')} ${chalk_1.default.yellowBright('Esperando al servicio del agente HELIX en ws://127.0.0.1:8765...')}`);
+                console.log(`${(0, colors_1.GRAY)('  (Si no responde tras 3 reintentos, el CLI lo iniciará automáticamente en segundo plano)')}\n`);
             }
             this._promptUser();
         });
         this.client.on('auto_spawning_agent', () => {
-            process.stdout.write(`\n${(0, colors_1.CYAN_BOLD)('⚙️')} ${chalk_1.default.hex('#FF9F1C').bold('[AUTO-START]:')} Iniciando el servicio del agente HELIX en segundo plano...\n`);
-            process.stdout.write(`${(0, colors_1.GRAY)('  Por favor espere mientras termina de inicializarse (no se realizarán reintentos hasta que esté listo).')}\n`);
+            process.stdout.write(`\n${(0, colors_1.CYAN_BOLD)('⚙️')} ${chalk_1.default.hex('#FF9F1C').bold('[AUTO-START]:')} Iniciando el servicio del agente HELIX en segundo plano...\n`);
+            process.stdout.write(`${(0, colors_1.GRAY)('  Por favor espere mientras termina de inicializarse (no se realizarán reintentos hasta que esté listo).')}\n`);
         });
         this.client.on('agent_starting_progress', (data) => {
-            process.stdout.write(`\r  ${chalk_1.default.hex('#FF9F1C')('⏳')} ${chalk_1.default.gray(`Inicializando subsistemas de HELIX en segundo plano... (${data.elapsedSec}s)`)}`);
+            process.stdout.write(`\r  ${chalk_1.default.hex('#FF9F1C')('⏳')} ${chalk_1.default.gray(`Inicializando subsistemas de HELIX en segundo plano... (${data.elapsedSec}s)`)}`);
         });
         this.client.on('agent_ready', () => {
-            process.stdout.write(`\r\x1b[K  ${chalk_1.default.green('✔')} ${chalk_1.default.greenBright('Servicio de HELIX listo. Conectando...')}\n\n`);
+            process.stdout.write(`\r\x1b[K  ${chalk_1.default.green('✔')} ${chalk_1.default.greenBright('Servicio de HELIX listo. Conectando...')}\n\n`);
         });
         this.client.on('agent_start_failed', (data) => {
-            process.stdout.write(`\r\x1b[K\n  ${chalk_1.default.red('✖')} ${chalk_1.default.redBright('No se pudo iniciar el servicio automáticamente:')} ${chalk_1.default.gray(data?.error || 'Tiempo agotado')}\n`);
+            process.stdout.write(`\r\x1b[K\n  ${chalk_1.default.red('✖')} ${chalk_1.default.redBright('No se pudo iniciar el servicio automáticamente:')} ${chalk_1.default.gray(data?.error || 'Tiempo agotado')}\n`);
             this._promptUser();
         });
         // Voice Capture indicator
         this.client.on('voice_capture_started', () => {
             this.isCapturingVoice = true;
-            process.stdout.write(`\n${chalk_1.default.bgRed.white.bold(' 🎙️   [VOZ DETECTADA - HEY HELIX]: Capturando audio... ')}\n`);
+            process.stdout.write(`\n${chalk_1.default.bgRed.white.bold(' 🎙️   [VOZ DETECTADA - HEY HELIX]: Capturando audio... ')}\n`);
         });
         this.client.on('voice_capture_stopped', () => {
             this.isCapturingVoice = false;
-            process.stdout.write(`\n${chalk_1.default.bgCyan.black.bold(' 🔊 [AUDIO RECIBIDO]: Procesando voz... ')}\n`);
+            process.stdout.write(`\n${chalk_1.default.bgCyan.black.bold(' 🔊 [AUDIO RECIBIDO]: Procesando voz... ')}\n`);
             this._promptUser();
         });
         // ReAct Step Progress
         this.client.on('react_step', (step) => {
             const iter = step?.iteration ?? 1;
             const role = step?.role ? chalk_1.default.gray(` (${step.role})`) : '';
-            process.stdout.write(`\r  ${chalk_1.default.hex('#FF9F1C')('◆')} ${chalk_1.default.gray(`Paso ${iter}${role} — Razonando...`)}`);
+            process.stdout.write(`\r  ${chalk_1.default.hex('#FF9F1C')('◆')} ${chalk_1.default.gray(`Paso ${iter}${role} — Razonando...`)}`);
         });
         // Agent assistant message
         this.client.on('agent_message', (payload) => {
@@ -153,12 +158,12 @@ class HelixRepl {
             process.stdout.write('\r\x1b[K');
             // Branded header
             console.log('');
-            console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ HELIX')}${modelBadge}`);
+            console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ HELIX')}${modelBadge}`);
             // Content with subtle left border and clean Markdown formatting
             const formatted = (0, markdown_1.formatTerminalMarkdown)(content, this.plain);
             const contentLines = formatted.trim().split('\n');
             for (const line of contentLines) {
-                console.log(`  ${chalk_1.default.gray('│')} ${line}`);
+                console.log(`  ${chalk_1.default.gray('│')} ${line}`);
             }
             console.log('');
             this.conversationHistory.push({ role: 'assistant', content });
@@ -174,32 +179,49 @@ class HelixRepl {
                 this.activeTaskId = task.task_id || null;
             }
         });
+        this.client.on('browser_frame', (payload) => {
+            if (!this.browserLiveViewEnabled
+                || !payload?.conversation_id?.startsWith('cli_')
+                || payload.mime_type !== 'image/jpeg'
+                || typeof payload.image_base64 !== 'string') {
+                return;
+            }
+            try {
+                process.stdout.write('\r\x1b[K');
+                console.log(`\n${(0, colors_1.CYAN_BOLD)('  HELIX LIVE BROWSER')}`);
+                console.log((0, browser_ascii_1.renderJpegAsAscii)(payload.image_base64));
+                this._promptUser();
+            }
+            catch (error) {
+                console.log((0, colors_1.RED)(`  No se pudo representar el cuadro del navegador: ${error.message}`));
+            }
+        });
     }
     async _handleConfirmationDialog(req) {
-        console.log(`\n${(0, colors_1.YELLOW_BOLD)('⚠️   CONFIRMACIÓN DE ACCIÓN REQUERIDA')}`);
-        console.log(`  Acción:      ${chalk_1.default.white.bold(req.action || req.tool || 'Acción del sistema')}`);
+        console.log(`\n${(0, colors_1.YELLOW_BOLD)('⚠️   CONFIRMACIÓN DE ACCIÓN REQUERIDA')}`);
+        console.log(`  Acción:      ${chalk_1.default.white.bold(req.action || req.tool || 'Acción del sistema')}`);
         if (req.description) {
-            console.log(`  Descripción: ${(0, colors_1.DIM)(req.description)}`);
+            console.log(`  Descripción: ${(0, colors_1.DIM)(req.description)}`);
         }
         if (req.arguments && Object.keys(req.arguments).length > 0) {
-            console.log(`  Parámetros:  ${(0, colors_1.GRAY)(JSON.stringify(req.arguments))}`);
+            console.log(`  Parámetros:  ${(0, colors_1.GRAY)(JSON.stringify(req.arguments))}`);
         }
         this.rl?.pause();
         try {
             const answer = await (0, prompts_1.default)({
                 type: 'confirm',
                 name: 'confirmed',
-                message: '¿Permitir al agente ejecutar esta acción?',
+                message: '¿Permitir al agente ejecutar esta acción?',
                 initial: true,
             });
             const reqId = req.request_id || req.id || '';
             if (answer && answer.confirmed) {
                 this.client.confirmAction(reqId);
-                console.log((0, colors_1.GREEN)('  ✔ Acción confirmada.\n'));
+                console.log((0, colors_1.GREEN)('  ✔ Acción confirmada.\n'));
             }
             else {
                 this.client.rejectAction(reqId);
-                console.log((0, colors_1.RED)('  ✖ Acción rechazada.\n'));
+                console.log((0, colors_1.RED)('  ✖ Acción rechazada.\n'));
             }
         }
         finally {
@@ -229,7 +251,7 @@ class HelixRepl {
             await this._handleInputLine(line.trim());
         });
         rl.on('close', () => {
-            console.log((0, colors_1.DIM)('\nCerrando sesión de HELIX CLI...'));
+            console.log((0, colors_1.DIM)('\nCerrando sesión de HELIX CLI...'));
             this.client.close();
             process.exit(0);
         });
@@ -243,7 +265,7 @@ class HelixRepl {
                 this._promptUser();
             }
             else {
-                console.log((0, colors_1.DIM)('\n¡Hasta pronto!'));
+                console.log((0, colors_1.DIM)('\n¡Hasta pronto!'));
                 this.client.close();
                 process.exit(0);
             }
@@ -253,7 +275,7 @@ class HelixRepl {
     _promptUser() {
         if (!this.rl)
             return;
-        const promptPrefix = `  ${chalk_1.default.hex('#FF8C00').bold('helix')} ${chalk_1.default.gray('❯')} `;
+        const promptPrefix = `  ${chalk_1.default.hex('#FF8C00').bold('helix')} ${chalk_1.default.gray('❯')} `;
         this.rl.setPrompt(promptPrefix);
         this.rl.prompt();
     }
@@ -263,7 +285,7 @@ class HelixRepl {
             return;
         }
         if (this.client.isStarting) {
-            console.log(`\n  ${chalk_1.default.yellow('⚠️')}  ${chalk_1.default.yellowBright('El servicio de HELIX se está iniciando en segundo plano. Espera a que termine antes de enviar comandos o reintentar.')}\n`);
+            console.log(`\n  ${chalk_1.default.yellow('⚠️')}  ${chalk_1.default.yellowBright('El servicio de HELIX se está iniciando en segundo plano. Espera a que termine antes de enviar comandos o reintentar.')}\n`);
             this._promptUser();
             return;
         }
@@ -343,15 +365,40 @@ class HelixRepl {
                     this.voiceEnabled = newState;
                     break;
                 }
-                case '/browser':
+                case '/browser': {
+                    const browserArgs = args.trim().split(/\s+/);
+                    if (browserArgs[0]?.toLowerCase() === 'live') {
+                        const requestedState = browserArgs[1]?.toLowerCase();
+                        if (requestedState && !['on', 'off'].includes(requestedState)) {
+                            console.log((0, colors_1.YELLOW)('  Uso: /browser live [on|off]\n'));
+                            break;
+                        }
+                        this.browserLiveViewEnabled = requestedState
+                            ? requestedState === 'on'
+                            : !this.browserLiveViewEnabled;
+                        console.log(this.browserLiveViewEnabled
+                            ? (0, colors_1.GREEN)('  Vista ASCII del navegador activada.\n')
+                            : (0, colors_1.YELLOW)('  Vista ASCII del navegador desactivada.\n'));
+                        break;
+                    }
                     await (0, browser_1.handleBrowserCommand)(this.client, args);
                     break;
+                }
+                case '/subagents':
+                    await (0, subagents_1.handleSubagentsCommand)(this.client, args);
+                    break;
                 case '/tasks':
                     await this._handleListTasks();
                     break;
+                case '/model':
+                    await (0, model_1.handleModelCommand)(this.client, args);
+                    break;
                 case '/models':
                     await this._handleListModels();
                     break;
+                case '/memory':
+                    await (0, memory_1.handleMemoryCommand)(this.client, args);
+                    break;
                 case '/status':
                     await this._handleStatus();
                     break;
@@ -369,7 +416,7 @@ class HelixRepl {
                     this.client.emergencyStop();
                     this.isProcessingPrompt = false;
                     this.activeTaskId = null;
-                    console.log((0, colors_1.GREEN)('✔ Todas las tareas han sido detenidas.\n'));
+                    console.log((0, colors_1.GREEN)('✔ Todas las tareas han sido detenidas.\n'));
                     break;
                 case '/exit':
                 case '/quit':
@@ -385,7 +432,7 @@ class HelixRepl {
         }
         // --- Direct chat message / @skill / #mcp ---
         if (!this.client.connected) {
-            console.log((0, colors_1.YELLOW)('⚠ El agente no está conectado actualmente. Intentando enviar de todos modos...'));
+            console.log((0, colors_1.YELLOW)('⚠ El agente no está conectado actualmente. Intentando enviar de todos modos...'));
         }
         // Highlight skills in strong orange (#FF8C00) and mcps in cyan
         const knownSkills = this.autocompleter.getSkills();
@@ -394,12 +441,12 @@ class HelixRepl {
         this.conversationHistory.push({ role: 'user', content: line });
         this.isProcessingPrompt = true;
         this.activeTasksCount++;
-        process.stdout.write(`  ${chalk_1.default.gray('→')} ${formattedEcho}\n`);
-        process.stdout.write(`  ${chalk_1.default.hex('#FF9F1C')('◆')} ${chalk_1.default.gray('Procesando...')}`);
+        process.stdout.write(`  ${chalk_1.default.gray('→')} ${formattedEcho}\n`);
+        process.stdout.write(`  ${chalk_1.default.hex('#FF9F1C')('â—†')} ${chalk_1.default.gray('Procesando...')}`);
         const sent = this.client.sendUserText(line, this.conversationId, this.conversationHistory.slice(-10));
         if (!sent) {
             process.stdout.write('\r\x1b[K');
-            console.log((0, colors_1.RED)('✖ Error: No se pudo enviar el mensaje (WebSocket desconectado).'));
+            console.log((0, colors_1.RED)('✖ Error: No se pudo enviar el mensaje (WebSocket desconectado).'));
             this.isProcessingPrompt = false;
             this.activeTasksCount = Math.max(0, this.activeTasksCount - 1);
             this._promptUser();
@@ -408,7 +455,7 @@ class HelixRepl {
     async _handleListTasks() {
         try {
             const tasks = await this.client.getTasks();
-            console.log(`\n${(0, colors_1.BOLD)('📋 Tareas Registradas en HELIX:')}\n`);
+            console.log(`\n${(0, colors_1.BOLD)('📋 Tareas Registradas en HELIX:')}\n`);
             if (!tasks || tasks.length === 0) {
                 console.log((0, colors_1.GRAY)('  No hay tareas recientes registradas.\n'));
                 return;
@@ -416,13 +463,13 @@ class HelixRepl {
             for (const t of tasks.slice(-10)) {
                 let statusBadge = chalk_1.default.gray(t.status);
                 if (t.status === 'COMPLETED')
-                    statusBadge = chalk_1.default.green('✔ Completada');
+                    statusBadge = chalk_1.default.green('✔ Completada');
                 if (t.status === 'RUNNING')
-                    statusBadge = chalk_1.default.yellow('⏳ En ejecución');
+                    statusBadge = chalk_1.default.yellow('⏳ En ejecución');
                 if (t.status === 'FAILED')
-                    statusBadge = chalk_1.default.red('✖ Fallida');
+                    statusBadge = chalk_1.default.red('✖ Fallida');
                 if (t.status === 'CANCELLED')
-                    statusBadge = chalk_1.default.gray('○ Cancelada');
+                    statusBadge = chalk_1.default.gray('â—‹ Cancelada');
                 console.log(`  ${statusBadge} ${(0, colors_1.DIM)(t.task_id)}`);
                 if (t.prompt)
                     console.log(`    ${chalk_1.default.white(t.prompt)}`);
@@ -436,13 +483,13 @@ class HelixRepl {
     async _handleListModels() {
         try {
             const models = await this.client.getModels();
-            console.log(`\n${(0, colors_1.BOLD)('🧠 Modelos Disponibles en Proveedores Configurados:')}\n`);
+            console.log(`\n${(0, colors_1.BOLD)('🧠 Modelos Disponibles en Proveedores Configurados:')}\n`);
             if (!models || models.length === 0) {
                 console.log((0, colors_1.GRAY)('  No hay modelos disponibles. Configura tus API Keys con /config-apikey.\n'));
                 return;
             }
             for (const m of models) {
-                console.log(`  ${(0, colors_1.CYAN)('•')} ${chalk_1.default.bold(m.id)} ${(0, colors_1.DIM)(`[${m.provider}]`)}`);
+                console.log(`  ${(0, colors_1.CYAN)('•')} ${chalk_1.default.bold(m.id)} ${(0, colors_1.DIM)(`[${m.provider}]`)}`);
             }
             console.log('');
         }
@@ -452,11 +499,11 @@ class HelixRepl {
     }
     async _handleStatus() {
         console.log('');
-        console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ Estado del Sistema')}`);
-        console.log(`  ${chalk_1.default.gray('─'.repeat(40))}`);
-        console.log(`  ${chalk_1.default.gray('Agente WS')}     ${this.client.connected ? chalk_1.default.green('● Conectado') : chalk_1.default.red('● Desconectado')} ${chalk_1.default.gray(this.client.url)}`);
-        console.log(`  ${chalk_1.default.gray('Micrófono')}     ${this.voiceEnabled ? chalk_1.default.green('● Activo') + chalk_1.default.gray(' (hey helix)') : chalk_1.default.red('● Inactivo')}`);
-        console.log(`  ${chalk_1.default.gray('Conversación')}  ${chalk_1.default.gray(this.conversationId)} ${chalk_1.default.gray(`(${this.conversationHistory.length} msgs)`)}`);
+        console.log(`  ${chalk_1.default.hex('#FF8C00').bold('⬡ Estado del Sistema')}`);
+        console.log(`  ${chalk_1.default.gray('─'.repeat(40))}`);
+        console.log(`  ${chalk_1.default.gray('Agente WS')}     ${this.client.connected ? chalk_1.default.green('● Conectado') : chalk_1.default.red('● Desconectado')} ${chalk_1.default.gray(this.client.url)}`);
+        console.log(`  ${chalk_1.default.gray('Micrófono')}     ${this.voiceEnabled ? chalk_1.default.green('● Activo') + chalk_1.default.gray(' (hey helix)') : chalk_1.default.red('● Inactivo')}`);
+        console.log(`  ${chalk_1.default.gray('Conversación')}  ${chalk_1.default.gray(this.conversationId)} ${chalk_1.default.gray(`(${this.conversationHistory.length} msgs)`)}`);
         console.log(`  ${chalk_1.default.gray('Skills')}        ${chalk_1.default.hex('#FF8C00').bold(this.autocompleter.getSkills().length.toString())} registradas`);
         console.log(`  ${chalk_1.default.gray('MCP Tools')}     ${chalk_1.default.cyan.bold(this.autocompleter.getMcpTools().length.toString())} disponibles`);
         console.log('');

package/package.json

@@ -1,6 +1,6 @@
-{
+{
   "name": "helix-assistant-cli",
-  "version": "0.2.14",
+  "version": "0.6.0",
   "description": "HELIX - Interactive Terminal CLI for Windows AI Desktop Agent",
   "private": false,
   "publishConfig": {
@@ -21,10 +21,12 @@
     "chalk": "^4.1.2",
     "commander": "^12.0.0",
     "dotenv": "^16.4.5",
+    "jpeg-js": "^0.4.4",
     "prompts": "^2.4.2",
     "ws": "^8.16.0"
   },
   "devDependencies": {
+    "@types/jpeg-js": "^0.3.0",
     "@types/node": "^20.11.0",
     "@types/prompts": "^2.4.9",
     "@types/ws": "^8.5.10",

package/src/commands/browser.ts

@@ -14,7 +14,7 @@ export async function handleBrowserCommand(
     console.log(CYAN(`\n  Solicitando al agente abrir en navegador: ${targetUrl}...`));
     client.sendUserText(
       `Por favor abre la siguiente URL en el navegador: ${targetUrl}`,
-      `browser_${Date.now()}`
+      `cli_browser_${Date.now()}`
     );
     console.log(GREEN(`  ✔ Comando enviado al agente.\n`));
     return;
@@ -32,7 +32,8 @@ export async function handleBrowserCommand(
     console.log(`  Dominios:    ${settings.block_untrusted_domains ? YELLOW('Filtrado Estricto') : GRAY('Abierto')}`);
     console.log(`\n  ${DIM('Comandos disponibles:')}`);
     console.log(`    ${CYAN('/browser')}              ${DIM('- Ver estado de navegación')}`);
-    console.log(`    ${CYAN('/browser open <url>')}   ${DIM('- Abrir URL con el agente')}\n`);
+    console.log(`    ${CYAN('/browser open <url>')}   ${DIM('- Abrir URL con el agente')}`);
+    console.log(`    ${CYAN('/browser live [on|off]')} ${DIM('- Alternar la vista ASCII de capturas')}\n`);
   } catch (err) {
     console.log(RED(`  Error al consultar estado del navegador: ${(err as Error).message}\n`));
   }