plazbot-cli 0.2.2 → 0.2.4

package/dist/commands/portal/get.js

@@ -19,39 +19,37 @@ exports.getCommand = new commander_1.Command('get')
             zone: credentials.zone,
             ...(options.dev && { customUrl: "http://localhost:5090" })
         });
-        logger_1.logger.info('\n🔄 Obteniendo detalles del portal...');
         const response = await portal.getPortal(portalId);
         const portalDetails = response.portal;
-        logger_1.logger.info('\n🌐 Detalles del portal:');
-        logger_1.logger.divider();
-        logger_1.logger.info(`ID: ${portalDetails.id}`);
-        logger_1.logger.info(`Nombre: ${portalDetails.name}`);
-        logger_1.logger.info(`URL: ${portalDetails.url}`);
-        logger_1.logger.info(`Acceso: ${portalDetails.access}`);
-        logger_1.logger.info(`Estado: ${portalDetails.disabled ? 'Deshabilitado' : 'Habilitado'}`);
+        logger_1.logger.title('Detalles del portal');
+        logger_1.logger.label('ID', portalDetails.id);
+        logger_1.logger.label('Nombre', portalDetails.name);
+        logger_1.logger.label('URL', portalDetails.url);
+        logger_1.logger.label('Acceso', portalDetails.access);
+        logger_1.logger.label('Estado', portalDetails.disabled ? 'Deshabilitado' : 'Habilitado');
         if (portalDetails.title) {
-            logger_1.logger.info(`Título: ${portalDetails.title}`);
+            logger_1.logger.label('Titulo', portalDetails.title);
         }
         if (portalDetails.subtitle) {
-            logger_1.logger.info(`Subtítulo: ${portalDetails.subtitle}`);
+            logger_1.logger.label('Subtitulo', portalDetails.subtitle);
         }
         if (portalDetails.logo) {
-            logger_1.logger.info(`\n🖼️ Recursos:`);
-            logger_1.logger.info(`Logo: ${portalDetails.logo}`);
+            logger_1.logger.title('Recursos');
+            logger_1.logger.label('Logo', portalDetails.logo);
             if (portalDetails.logodark) {
-                logger_1.logger.info(`Logo (modo oscuro): ${portalDetails.logodark}`);
+                logger_1.logger.label('Logo (modo oscuro)', portalDetails.logodark);
             }
         }
         if (portalDetails.links && portalDetails.links.length > 0) {
-            logger_1.logger.info('\n🔗 Enlaces:');
+            logger_1.logger.title('Enlaces');
             portalDetails.links.forEach((link) => {
-                logger_1.logger.info(`- ${link.value}: ${link.url}`);
+                logger_1.logger.label(link.value, link.url);
             });
         }
         if (portalDetails.agents && portalDetails.agents.length > 0) {
-            logger_1.logger.info('\n🤖 Agentes asociados:');
+            logger_1.logger.title('Agentes asociados');
             portalDetails.agents.forEach((agent) => {
-                logger_1.logger.info(`- ${agent.name} (${agent.id})`);
+                logger_1.logger.label(agent.name, agent.id);
             });
         }
         if (options.dev) {

package/dist/commands/portal/list.js

@@ -18,40 +18,38 @@ exports.listCommand = new commander_1.Command('list')
             zone: credentials.zone,
             ...(options.dev && { customUrl: "http://localhost:5090" })
         });
-        logger_1.logger.info('\n🔍 Buscando portal del workspace...');
         const response = await portal.getExistsPortal();
         const portalDetails = response.portal;
-        logger_1.logger.info('\n🌐 Portal encontrado:');
-        logger_1.logger.divider();
-        logger_1.logger.info(`ID: ${portalDetails.id}`);
-        logger_1.logger.info(`Nombre: ${portalDetails.name}`);
-        logger_1.logger.info(`URL: ${portalDetails.url}`);
-        logger_1.logger.info(`Acceso: ${portalDetails.access}`);
-        logger_1.logger.info(`Estado: ${portalDetails.disabled ? 'Deshabilitado' : 'Habilitado'}`);
+        logger_1.logger.title('Portal encontrado');
+        logger_1.logger.label('ID', portalDetails.id);
+        logger_1.logger.label('Nombre', portalDetails.name);
+        logger_1.logger.label('URL', portalDetails.url);
+        logger_1.logger.label('Acceso', portalDetails.access || 'N/A');
+        logger_1.logger.label('Estado', portalDetails.disabled ? 'Deshabilitado' : 'Habilitado');
         if (portalDetails.title) {
-            logger_1.logger.info(`Título: ${portalDetails.title}`);
+            logger_1.logger.label('Titulo', portalDetails.title);
         }
         if (portalDetails.subtitle) {
-            logger_1.logger.info(`Subtítulo: ${portalDetails.subtitle}`);
+            logger_1.logger.label('Subtitulo', portalDetails.subtitle);
         }
         if (portalDetails.logo) {
-            logger_1.logger.info('\n🖼️ Recursos:');
-            logger_1.logger.info(`Logo: ${portalDetails.logo}`);
+            logger_1.logger.title('Recursos');
+            logger_1.logger.label('Logo', portalDetails.logo);
             if (portalDetails.logodark) {
-                logger_1.logger.info(`Logo (modo oscuro): ${portalDetails.logodark}`);
+                logger_1.logger.label('Logo (modo oscuro)', portalDetails.logodark);
             }
         }
         const portalAny = portalDetails;
         if (portalAny.links && portalAny.links.length > 0) {
-            logger_1.logger.info('\n🔗 Enlaces:');
+            logger_1.logger.title('Enlaces');
             portalAny.links.forEach((link) => {
-                logger_1.logger.info(`- ${link.value}: ${link.url}`);
+                logger_1.logger.label(link.value, link.url);
             });
         }
         if (portalAny.agents && portalAny.agents.length > 0) {
-            logger_1.logger.info('\n🤖 Agentes asociados:');
+            logger_1.logger.title('Agentes asociados');
             portalAny.agents.forEach((agent) => {
-                logger_1.logger.info(`- ${agent.name} (${agent.id})`);
+                logger_1.logger.label(agent.name, agent.id);
             });
         }
         if (options.dev) {

package/dist/commands/portal/update.js

@@ -29,9 +29,8 @@ exports.updateCommand = new commander_1.Command('update')
         });
         // Obtener detalles actuales del portal
         const currentPortal = await portal.getPortal(portalId);
-        logger_1.logger.info('\n🌐 Actualizando portal...');
-        logger_1.logger.info('Portal actual:');
-        logger_1.logger.info(JSON.stringify(currentPortal.portal, null, 2));
+        logger_1.logger.title('Portal actual');
+        logger_1.logger.json(currentPortal.portal);
         // Construir objeto de actualización solo con los campos proporcionados
         const updateData = { id: portalId };
         if (options.name)
@@ -62,11 +61,11 @@ exports.updateCommand = new commander_1.Command('update')
             }
             updateData.brandOff = options.brandOff === 'true';
         }
-        logger_1.logger.info('\nCambios a aplicar:');
-        logger_1.logger.info(JSON.stringify(updateData, null, 2));
+        logger_1.logger.title('Cambios a aplicar');
+        logger_1.logger.json(updateData);
         const result = await portal.updatePortal(updateData);
         logger_1.logger.success('Portal actualizado exitosamente');
-        logger_1.logger.info(`Mensaje: ${result.message}`);
+        logger_1.logger.label('Mensaje', result.message);
         if (options.dev) {
             logger_1.logger.warning('\nAmbiente: desarrollo');
         }

package/dist/commands/whatsapp/delete-webhook.js

@@ -18,15 +18,15 @@ exports.deleteWebhookCommand = new commander_1.Command('delete-webhook')
             zone: credentials.zone,
             ...(options.dev && { customUrl: "http://localhost:5090" })
         });
-        logger_1.logger.info('\n🗑️ Eliminando webhook de WhatsApp...');
-        logger_1.logger.info(`Número: ${options.number}`);
+        logger_1.logger.title('Eliminando webhook de WhatsApp');
+        logger_1.logger.label('Numero', options.number);
         await messageClient.deleteWebhook({
             number: options.number
         });
         logger_1.logger.success('Webhook eliminado exitosamente');
     }
     catch (error) {
-        logger_1.logger.error(`❌ Error al eliminar webhook: ${error.message}`);
+        logger_1.logger.error(error.message);
         process.exit(1);
     }
 });

package/dist/commands/whatsapp/register-webhook.js

@@ -19,9 +19,9 @@ exports.registerWebhookCommand = new commander_1.Command('register-webhook')
             zone: credentials.zone,
             ...(options.dev && { customUrl: "http://localhost:5090" })
         });
-        logger_1.logger.info('\n🔗 Registrando webhook de WhatsApp...');
-        logger_1.logger.info(`Número: ${options.number}`);
-        logger_1.logger.info(`URL: ${options.url}`);
+        logger_1.logger.title('Registrando webhook de WhatsApp');
+        logger_1.logger.label('Numero', options.number);
+        logger_1.logger.label('URL', options.url);
         await messageClient.registerWebhook({
             number: options.number,
             webhookUrl: options.url
@@ -29,7 +29,7 @@ exports.registerWebhookCommand = new commander_1.Command('register-webhook')
         logger_1.logger.success('Webhook registrado exitosamente');
     }
     catch (error) {
-        logger_1.logger.error(`❌ Error al registrar webhook: ${error.message}`);
+        logger_1.logger.error(error.message);
         process.exit(1);
     }
 });

package/dist/utils/logger.js

@@ -10,14 +10,14 @@ exports.logger = {
         console.log(chalk_1.default.white(message));
     },
     success: (message) => {
-        console.log(chalk_1.default.hex('#66BB6A')(`\n  ✔ ${message}`));
+        console.log(chalk_1.default.hex('#66BB6A')(`\n  ${message}`));
     },
     warning: (message) => {
-        console.log(chalk_1.default.hex('#FFA726')(`\n  ⚠ ${message}`));
+        console.log(chalk_1.default.hex('#FFA726')(`\n  ${message}`));
     },
     error: (error) => {
         const message = error instanceof Error ? error.message : error;
-        console.error(chalk_1.default.hex('#EF5350')(`\n  ✖ Error: ${message}`));
+        console.error(chalk_1.default.hex('#EF5350')(`\n  Error: ${message}`));
     },
     divider: (length = 50) => {
         console.log(chalk_1.default.gray('─'.repeat(length)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plazbot-cli",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "CLI para Plazbot SDK",
   "main": "dist/cli.js",
   "bin": {
@@ -31,6 +31,7 @@
   "author": "Kristian Garcia <kristian@plazbot.com>",
   "license": "MIT",
   "dependencies": {
+    "@microsoft/signalr": "^10.0.0",
     "@types/inquirer": "^9.0.8",
     "axios": "^1.6.0",
     "boxen": "^5.1.2",

package/src/commands/agent/chat.ts

@@ -138,7 +138,7 @@ export const chatCommand = new Command('chat')
             // Mostrar tool calls si hay
             if (response.actionsExecuted && response.actionsExecuted.length > 0) {
               response.actionsExecuted.forEach((action: any) => {
-                console.log(chalk.hex('#FFA726')(`  ⚡ Tool: ${action.name || action.intent || 'action'}`));
+                console.log(chalk.hex('#FFA726')(`  Tool: ${action.name || action.intent || 'action'}`));
               });
             }
 

package/src/commands/agent/delete.ts

@@ -38,7 +38,7 @@ export const deleteCommand = new Command('delete')
       });
 
       // Preguntar por confirmación
-      rl.question('\n❗ ¿Estás seguro que deseas eliminar este agente? (y/N): ', async (answer) => {
+      rl.question('\nEstas seguro que deseas eliminar este agente? (y/N): ', async (answer) => {
         if (answer.toLowerCase() === 'y') {
           await agent.deleteAgent({
             id: agentId

package/src/commands/agent/enable-widget.ts

@@ -24,10 +24,8 @@ export const enableCommand = new Command('enable-widget')
       // Obtener estado actual del agente
       const agentDetails = await agent.getAgentById({ id: agentId });
       
-      logger.info('\n🔧 Estado actual del widget:');
-      logger.divider();
-      logger.info(`Agente: ${agentDetails.name}`);
-      logger.divider();
+      logger.title('Estado actual del widget');
+      logger.label('Agente', agentDetails.name);
 
       // Cambiar estado
       const newState = !options.disable; // Si --disable está presente, newState será false
@@ -38,15 +36,13 @@ export const enableCommand = new Command('enable-widget')
 
       logger.success(`Widget ${newState ? 'habilitado' : 'deshabilitado'} exitosamente`);
       
-      logger.info('\n🔧 Respuesta del servidor:');
-      logger.divider();
-      logger.info(`Estado: ${result.success ? '✅ Exitoso' : '❌ Fallido'}`);
-      logger.info(`Mensaje: ${result.message}`);
-      
+      logger.title('Respuesta del servidor');
+      logger.label('Estado', result.success ? 'Exitoso' : 'Fallido');
+      logger.label('Mensaje', result.message);
+
       if (newState && result.script) {
-        logger.info('\n📝 Instrucciones de instalación:');
-        logger.divider();
-        logger.info('Coloca este script debajo de la etiqueta <HEAD> en tu sitio web:');
+        logger.title('Instrucciones de instalacion');
+        logger.dim('Coloca este script debajo de la etiqueta <HEAD> en tu sitio web:');
         logger.info('\n' + result.script);
       }
       

package/src/commands/agent/get.ts

@@ -33,7 +33,7 @@ export const getCommand = new Command('get')
       logger.info(`ID: ${agentData.id}`);
       logger.info(`Nombre: ${agentData.name}`);
       logger.info(`Descripción: ${agentData.description}`);
-      logger.info(`Estado: ${agentData.enable ? '✅ Activo' : '❌ Inactivo'}`);
+      logger.info(`Estado: ${agentData.enable ? 'Activo' : 'Inactivo'}`);
       logger.info(`Zona: ${agentData.zone}`);
       logger.info(`Buffer: ${agentData.buffer}`);
       logger.info(`Color: ${agentData.color}`);

package/src/commands/agent/index.ts

@@ -13,6 +13,7 @@ import { templatesCommand } from './templates';
 import { copyCommand } from './copy';
 import { filesCommand } from './files';
 import { setCommand } from './set';
+import { monitorCommand } from './monitor';
 
 export const agentCommands = new Command('agent')
   .description('Comandos relacionados con agentes de IA')
@@ -29,4 +30,5 @@ export const agentCommands = new Command('agent')
   .addCommand(templatesCommand)
   .addCommand(copyCommand)
   .addCommand(filesCommand)
-  .addCommand(setCommand);
+  .addCommand(setCommand)
+  .addCommand(monitorCommand);

package/src/commands/agent/list.ts

@@ -34,7 +34,7 @@ export const listCommand = new Command('list')
       agents.forEach((a: any, index: number) => {
         logger.info(`${index + 1}. ID: ${a.id}`);
         logger.info(`   Nombre: ${a.name}`);
-        logger.info(`   Estado: ${a.enable ? '✅ Activo' : '❌ Inactivo'}`);
+        logger.info(`   Estado: ${a.enable ? 'Activo' : 'Inactivo'}`);
         logger.info(`   Descripción: ${a.description}`);
         logger.info(`   Creado: ${a.createdAt ? new Date(a.createdAt).toLocaleString() : 'N/A'}`);
         logger.divider();

package/src/commands/agent/monitor.ts

@@ -0,0 +1,346 @@
+import { Command } from 'commander';
+import { Agent } from 'plazbot';
+import { getStoredCredentials } from '../../utils/credentials';
+import { logger } from '../../utils/logger';
+import { theme } from '../../utils/ui';
+import chalk from 'chalk';
+import readline from 'readline';
+import { HubConnectionBuilder, HttpTransportType, HubConnectionState } from '@microsoft/signalr';
+
+// Colores por tipo de evento (mismos del MonitorTab frontend)
+const EVENT_COLORS: Record<string, { color: string; label: string }> = {
+  msg_in:        { color: '#22d3ee', label: 'msg_in' },
+  msg_out:       { color: '#4ade80', label: 'msg_out' },
+  tool_call:     { color: '#c084fc', label: 'tool_call' },
+  api_req:       { color: '#fbbf24', label: 'api_req' },
+  api_res:       { color: '#fbbf24', label: 'api_res' },
+  action:        { color: '#f97316', label: 'action' },
+  rag:           { color: '#60a5fa', label: 'rag' },
+  tokens:        { color: '#94a3b8', label: 'tokens' },
+  error:         { color: '#ef4444', label: 'error' },
+  model:         { color: '#a78bfa', label: 'model' },
+  intent:        { color: '#a78bfa', label: 'intent' },
+  bot_off:       { color: '#f97316', label: 'bot_off' },
+  session_field: { color: '#a78bfa', label: 'session_field' },
+};
+
+const DEFAULT_EVENT_COLOR = { color: '#94a3b8', label: 'unknown' };
+
+interface AgentLogEvent {
+  timestamp: string;
+  workspace_id: string;
+  agent_id: string;
+  contact_id: string;
+  contact_name: string;
+  session_id: string;
+  event_type: string;
+  event_title: string;
+  event_data: string;
+  duration_ms: number;
+  level: string;
+}
+
+function getBaseUrl(zone: string, dev: boolean): string {
+  if (dev) return 'http://localhost:5090';
+  return zone === 'EU' ? 'https://apieu.plazbot.com' : 'https://api.plazbot.com';
+}
+
+function formatTimestamp(ts: string): string {
+  try {
+    const d = new Date(ts);
+    return d.toLocaleTimeString('es-ES', { hour: '2-digit', minute: '2-digit', second: '2-digit' });
+  } catch {
+    return ts.substring(11, 19);
+  }
+}
+
+function truncate(text: string, maxLen: number): string {
+  if (!text) return '';
+  return text.length > maxLen ? text.substring(0, maxLen - 3) + '...' : text;
+}
+
+function shortSession(sessionId: string): string {
+  if (!sessionId) return '';
+  return sessionId.substring(0, 6);
+}
+
+function renderLogLine(
+  log: AgentLogEvent,
+  opts: { showSession: boolean; jsonMode: boolean },
+  lastSessionId: string
+): string {
+  // Modo JSON crudo
+  if (opts.jsonMode) {
+    return JSON.stringify(log);
+  }
+
+  const config = EVENT_COLORS[log.event_type] || DEFAULT_EVENT_COLOR;
+  const colorFn = chalk.hex(config.color);
+  const grayFn = chalk.hex('#71717a');
+  const dimFn = chalk.hex('#52525b');
+
+  let lines: string[] = [];
+
+  // Separador de sesion
+  if (lastSessionId && log.session_id && log.session_id !== lastSessionId) {
+    lines.push(dimFn('  ' + '─'.repeat(16) + ' nueva sesion ' + '─'.repeat(16)));
+  }
+
+  // Linea principal
+  const timestamp = grayFn(formatTimestamp(log.timestamp));
+  const dot = colorFn('●');
+  const eventType = colorFn(config.label.padEnd(14));
+  const title = chalk.white(truncate(log.event_title, 80));
+  const duration = log.duration_ms > 0 ? dimFn(` ${log.duration_ms}ms`) : '';
+  const session = opts.showSession && log.session_id
+    ? dimFn(` [${shortSession(log.session_id)}]`)
+    : '';
+
+  lines.push(`  ${timestamp}  ${dot} ${eventType} ${title}${duration}${session}`);
+
+  // Linea de contacto para mensajes
+  if (log.contact_name && (log.event_type === 'msg_in' || log.event_type === 'msg_out')) {
+    lines.push(dimFn('                     | contacto: ') + dimFn(log.contact_name));
+  }
+
+  return lines.join('\n');
+}
+
+function printHeader(agentName: string) {
+  console.log();
+  console.log(chalk.hex('#4CAF50')('  ┌' + '─'.repeat(62) + '┐'));
+  console.log(
+    chalk.hex('#4CAF50')('  │') +
+    chalk.bold(`  Monitor`) +
+    chalk.hex('#4ade80')('  ● En vivo') +
+    ' '.repeat(38) +
+    chalk.hex('#4CAF50')('│')
+  );
+  console.log(
+    chalk.hex('#4CAF50')('  │') +
+    chalk.gray(`  Agente: ${truncate(agentName, 44)}`) +
+    ' '.repeat(Math.max(0, 49 - agentName.length)) +
+    chalk.hex('#4CAF50')('│')
+  );
+  console.log(
+    chalk.hex('#4CAF50')('  │') +
+    chalk.gray('  Ctrl+C salir | /filter <tipo> | /clear | /help') +
+    ' '.repeat(12) +
+    chalk.hex('#4CAF50')('│')
+  );
+  console.log(chalk.hex('#4CAF50')('  └' + '─'.repeat(62) + '┘'));
+  console.log();
+}
+
+const COMMANDS_HELP = `
+  ${chalk.bold('Comandos disponibles:')}
+  ${chalk.hex('#4CAF50')('/filter <tipo>')}   Toggle filtro por tipo (ej: msg_in, error, tool_call)
+  ${chalk.hex('#4CAF50')('/filters')}         Mostrar filtros activos
+  ${chalk.hex('#4CAF50')('/clear')}           Limpiar pantalla
+  ${chalk.hex('#4CAF50')('/json')}            Toggle modo JSON expandido
+  ${chalk.hex('#4CAF50')('/help')}            Mostrar estos comandos
+
+  ${chalk.bold('Tipos de evento:')}
+  ${Object.entries(EVENT_COLORS).map(([key, val]) =>
+    `  ${chalk.hex(val.color)('●')} ${key}`
+  ).join('\n')}
+`;
+
+export const monitorCommand = new Command('monitor')
+  .description('Monitor en tiempo real de un agente (logs via SignalR)')
+  .requiredOption('-a, --agent-id <id>', 'ID del agente')
+  .option('-f, --filter <types>', 'Filtrar por tipos separados por coma (ej: msg_in,msg_out)')
+  .option('--no-session', 'Ocultar session ID')
+  .option('--json', 'Modo JSON crudo (para piping)', false)
+  .option('--dev', 'Usar ambiente de desarrollo', false)
+  .action(async (options: {
+    agentId: string;
+    filter?: string;
+    session: boolean;
+    json: boolean;
+    dev: boolean;
+  }) => {
+    try {
+      const credentials = await getStoredCredentials();
+      const baseUrl = getBaseUrl(credentials.zone, options.dev);
+
+      // Filtros iniciales
+      const activeFilters: Set<string> = new Set(
+        options.filter ? options.filter.split(',').map(f => f.trim()) : []
+      );
+      let jsonMode = options.json;
+      let lastSessionId = '';
+
+      // Cargar info del agente
+      let agentName = 'Agente';
+      try {
+        process.stdout.write(chalk.gray('  Conectando con agente...'));
+        const agent = new Agent({
+          workspaceId: credentials.workspace,
+          apiKey: credentials.apiKey,
+          zone: credentials.zone,
+          ...(options.dev && { customUrl: 'http://localhost:5090' }),
+        });
+        const info: any = await agent.getAgentById({ id: options.agentId });
+        if (info?.name) agentName = info.name;
+        process.stdout.write('\r' + ' '.repeat(40) + '\r');
+      } catch {
+        process.stdout.write('\r' + ' '.repeat(40) + '\r');
+      }
+
+      // Dibujar header
+      if (!jsonMode) {
+        console.clear();
+        printHeader(agentName);
+      }
+
+      // Conectar a SignalR
+      const hubUrl = `${baseUrl}/agentMonitorHub`;
+      const connection = new HubConnectionBuilder()
+        .withUrl(hubUrl, {
+          skipNegotiation: true,
+          transport: HttpTransportType.WebSockets,
+        })
+        .withAutomaticReconnect([0, 2000, 5000, 10000, 30000])
+        .build();
+
+      // Evento de log
+      connection.on('agent_log', (log: AgentLogEvent) => {
+        // Aplicar filtros
+        if (activeFilters.size > 0 && !activeFilters.has(log.event_type)) return;
+
+        const line = renderLogLine(log, {
+          showSession: options.session,
+          jsonMode,
+        }, lastSessionId);
+
+        console.log(line);
+        lastSessionId = log.session_id || lastSessionId;
+      });
+
+      // Eventos de conexion
+      connection.onreconnecting(() => {
+        if (!jsonMode) {
+          console.log(chalk.hex('#FFA726')('  ⟳ Reconectando...'));
+        }
+      });
+
+      connection.onreconnected(() => {
+        if (!jsonMode) {
+          console.log(chalk.hex('#4ade80')('  ● Reconectado'));
+        }
+        connection.invoke('JoinAgentMonitor', options.agentId).catch(() => {});
+      });
+
+      connection.onclose(() => {
+        if (!jsonMode) {
+          console.log(chalk.hex('#ef4444')('  ● Desconectado'));
+        }
+      });
+
+      // Iniciar conexion
+      try {
+        await connection.start();
+        await connection.invoke('JoinAgentMonitor', options.agentId);
+        if (!jsonMode) {
+          console.log(chalk.hex('#4ade80')('  ● Conectado al monitor en tiempo real'));
+          console.log();
+        }
+      } catch (err) {
+        logger.error(`No se pudo conectar al monitor: ${err instanceof Error ? err.message : err}`);
+        process.exit(1);
+      }
+
+      // readline para comandos interactivos
+      const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout,
+        prompt: '',
+      });
+
+      // No mostrar prompt para no interferir con el stream
+      rl.on('line', (input: string) => {
+        const cmd = input.trim().toLowerCase();
+
+        if (cmd === '/help') {
+          console.log(COMMANDS_HELP);
+          return;
+        }
+
+        if (cmd === '/clear') {
+          console.clear();
+          printHeader(agentName);
+          return;
+        }
+
+        if (cmd === '/json') {
+          jsonMode = !jsonMode;
+          console.log(chalk.gray(`  Modo JSON: ${jsonMode ? 'activado' : 'desactivado'}`));
+          return;
+        }
+
+        if (cmd === '/filters') {
+          if (activeFilters.size === 0) {
+            console.log(chalk.gray('  Sin filtros activos (mostrando todos)'));
+          } else {
+            console.log(chalk.gray('  Filtros activos: ') + chalk.white([...activeFilters].join(', ')));
+          }
+          return;
+        }
+
+        if (cmd.startsWith('/filter ')) {
+          const filterType = cmd.substring(8).trim();
+          if (!filterType) {
+            console.log(chalk.gray('  Uso: /filter <tipo>'));
+            return;
+          }
+          if (activeFilters.has(filterType)) {
+            activeFilters.delete(filterType);
+            console.log(chalk.gray(`  Filtro removido: ${filterType}`));
+          } else {
+            activeFilters.add(filterType);
+            const config = EVENT_COLORS[filterType];
+            if (config) {
+              console.log(chalk.hex(config.color)(`  ● Filtro agregado: ${filterType}`));
+            } else {
+              console.log(chalk.gray(`  Filtro agregado: ${filterType} (tipo desconocido)`));
+            }
+          }
+          if (activeFilters.size > 0) {
+            console.log(chalk.gray('  Activos: ') + chalk.white([...activeFilters].join(', ')));
+          } else {
+            console.log(chalk.gray('  Sin filtros (mostrando todos)'));
+          }
+          return;
+        }
+      });
+
+      // Cierre limpio
+      const cleanup = async () => {
+        if (!jsonMode) {
+          console.log(chalk.gray('\n  Cerrando monitor...'));
+        }
+        try {
+          if (connection.state === HubConnectionState.Connected) {
+            await connection.invoke('LeaveAgentMonitor', options.agentId);
+          }
+          await connection.stop();
+        } catch {
+          // Ignorar errores al cerrar
+        }
+        rl.close();
+        if (!jsonMode) {
+          console.log(chalk.gray('  Monitor cerrado.\n'));
+        }
+        process.exit(0);
+      };
+
+      process.on('SIGINT', cleanup);
+      process.on('SIGTERM', cleanup);
+
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Error desconocido';
+      logger.error(message);
+      process.exit(1);
+    }
+  });