agentgui 1.0.653 → 1.0.654

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.653",
+  "version": "1.0.654",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/server.js

@@ -2208,13 +2208,13 @@ const server = http.createServer(async (req, res) => {
     if (modelsMatch && req.method === 'GET') {
       const agentId = modelsMatch[1];
       const cached = modelCache.get(agentId);
-      if (cached && (Date.now() - cached.ts) < 300000) {
+      if (cached && (Date.now() - cached.timestamp) < 300000) {
         sendJSON(req, res, 200, { models: cached.models });
         return;
       }
       try {
         const models = await getModelsForAgent(agentId);
-        modelCache.set(agentId, { models, ts: Date.now() });
+        modelCache.set(agentId, { models, timestamp: Date.now() });
         sendJSON(req, res, 200, { models });
       } catch (err) {
         sendJSON(req, res, 200, { models: [] });

package/static/js/dialogs.js

@@ -2,10 +2,7 @@
   var activeDialogs = [];
   var dialogZIndex = 10000;
 
-  function escapeHtml(text) {
-    var map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' };
-    return String(text).replace(/[&<>"']/g, function(c) { return map[c]; });
-  }
+  function escapeHtml(text) { return window._escHtml(text); }
 
   function createOverlay() {
     var overlay = document.createElement('div');

package/static/js/event-processor.js

@@ -1,71 +1,10 @@
-/**
- * Event Processor
- * Transforms, validates, and enriches streaming events
- * Handles ANSI colors, markdown, diffs, and other data transformations
- */
-
 class EventProcessor {
   constructor(config = {}) {
     this.config = {
       enableSyntaxHighlight: config.enableSyntaxHighlight !== false,
-      enableMarkdown: config.enableMarkdown !== false,
-      enableANSI: config.enableANSI !== false,
-      maxContentLength: config.maxContentLength || 100000,
       ...config
     };
 
-    // ANSI color codes mapping
-    this.ansiCodes = {
-      reset: '\x1b[0m',
-      bold: '\x1b[1m',
-      dim: '\x1b[2m',
-      italic: '\x1b[3m',
-      underline: '\x1b[4m',
-      blink: '\x1b[5m',
-      reverse: '\x1b[7m',
-      hidden: '\x1b[8m',
-      strikethrough: '\x1b[9m',
-      // Foreground colors
-      black: '\x1b[30m',
-      red: '\x1b[31m',
-      green: '\x1b[32m',
-      yellow: '\x1b[33m',
-      blue: '\x1b[34m',
-      magenta: '\x1b[35m',
-      cyan: '\x1b[36m',
-      white: '\x1b[37m',
-      // Background colors
-      bgBlack: '\x1b[40m',
-      bgRed: '\x1b[41m',
-      bgGreen: '\x1b[42m',
-      bgYellow: '\x1b[43m',
-      bgBlue: '\x1b[44m',
-      bgMagenta: '\x1b[45m',
-      bgCyan: '\x1b[46m',
-      bgWhite: '\x1b[47m'
-    };
-
-    // CSS color mapping
-    this.colorMap = {
-      '30': '#000000', // black
-      '31': '#ff6b6b', // red
-      '32': '#51cf66', // green
-      '33': '#ffd43b', // yellow
-      '34': '#4dabf7', // blue
-      '35': '#da77f2', // magenta
-      '36': '#20c997', // cyan
-      '37': '#ffffff', // white
-      '90': '#666666', // bright black
-      '91': '#ff8787', // bright red
-      '92': '#69db7c', // bright green
-      '93': '#ffe066', // bright yellow
-      '94': '#74c0fc', // bright blue
-      '95': '#e599f7', // bright magenta
-      '96': '#38f9d7', // bright cyan
-      '97': '#f8f9fa'  // bright white
-    };
-
-    // Statistics
     this.stats = {
       totalEvents: 0,
       processedEvents: 0,
@@ -103,29 +42,13 @@ class EventProcessor {
         processTime: 0
       };
 
-      // Transform event based on type
-      if (event.type === 'text_block' || event.type === 'code_block') {
-        processed.content = this.transformContent(event.content || '', event.type);
-        this.stats.transformedEvents++;
-      }
-
-      if (event.type === 'command_execute' && event.output) {
-        processed.output = this.transformANSI(event.output);
-        this.stats.transformedEvents++;
-      }
-
-      if (event.type === 'file_diff' || event.type === 'git_diff') {
-        processed.diff = this.transformDiff(event.diff || event.content || '');
-        this.stats.transformedEvents++;
-      }
-
       if (event.type === 'file_read' && event.path && this.isImagePath(event.path)) {
         processed.isImage = true;
         processed.imagePath = event.path;
         this.stats.transformedEvents++;
       }
 
-      if ((event.type === 'text_block' || event.type === 'command_execute' || event.type === 'streaming_progress') && event.content || event.output) {
+      if ((event.type === 'text_block' || event.type === 'command_execute' || event.type === 'streaming_progress') && (event.content || event.output)) {
         const imagePaths = this.extractImagePaths(event.content || event.output || '');
         if (imagePaths.length > 0) {
           processed.detectedImages = imagePaths;
@@ -178,151 +101,6 @@ class EventProcessor {
     return true;
   }
 
-  /**
-   * Transform content based on type
-   */
-  transformContent(content, type) {
-    if (typeof content !== 'string') {
-      return content;
-    }
-
-    if (content.length > this.config.maxContentLength) {
-      return content.substring(0, this.config.maxContentLength) + '\n... (truncated)';
-    }
-
-    return content;
-  }
-
-  /**
-   * Transform ANSI escape codes to HTML/CSS
-   */
-  transformANSI(text) {
-    if (!this.config.enableANSI || typeof text !== 'string') {
-      return text;
-    }
-
-    let result = '';
-    let currentStyle = { fg: null, bg: null, bold: false };
-    const stack = [];
-
-    // Pattern for ANSI escape sequences
-    const pattern = /\x1b\[([0-9;]*?)m/g;
-    let lastIndex = 0;
-    let match;
-
-    while ((match = pattern.exec(text)) !== null) {
-      // Add text before this escape sequence
-      if (match.index > lastIndex) {
-        const plainText = text.substring(lastIndex, match.index);
-        result += this.escapeHtml(plainText);
-      }
-
-      // Parse ANSI code
-      const codes = match[1].split(';').map(c => parseInt(c, 10));
-      for (const code of codes) {
-        if (code === 0) {
-          // Reset
-          currentStyle = { fg: null, bg: null, bold: false };
-        } else if (code === 1) {
-          currentStyle.bold = true;
-        } else if (code >= 30 && code <= 37) {
-          currentStyle.fg = this.colorMap[code];
-        } else if (code >= 40 && code <= 47) {
-          currentStyle.bg = this.colorMap[String(code - 10)];
-        } else if (code >= 90 && code <= 97) {
-          currentStyle.fg = this.colorMap[code];
-        }
-      }
-
-      lastIndex = pattern.lastIndex;
-    }
-
-    // Add remaining text
-    if (lastIndex < text.length) {
-      result += this.escapeHtml(text.substring(lastIndex));
-    }
-
-    return result;
-  }
-
-  /**
-   * Transform unified diff format
-   */
-  transformDiff(diffText) {
-    if (typeof diffText !== 'string') {
-      return diffText;
-    }
-
-    const lines = diffText.split('\n');
-    const parsed = {
-      headers: [],
-      hunks: []
-    };
-
-    let currentHunk = null;
-
-    for (const line of lines) {
-      if (line.startsWith('---') || line.startsWith('+++')) {
-        parsed.headers.push(line);
-      } else if (line.startsWith('@@')) {
-        if (currentHunk) {
-          parsed.hunks.push(currentHunk);
-        }
-        currentHunk = {
-          header: line,
-          changes: []
-        };
-      } else if (currentHunk) {
-        if (line.startsWith('-')) {
-          currentHunk.changes.push({ type: 'deleted', line: line.substring(1) });
-        } else if (line.startsWith('+')) {
-          currentHunk.changes.push({ type: 'added', line: line.substring(1) });
-        } else if (line.startsWith(' ')) {
-          currentHunk.changes.push({ type: 'context', line: line.substring(1) });
-        }
-      }
-    }
-
-    if (currentHunk) {
-      parsed.hunks.push(currentHunk);
-    }
-
-    return parsed;
-  }
-
-  /**
-   * Convert markdown to HTML (simple implementation)
-   */
-  transformMarkdown(markdown) {
-    if (!this.config.enableMarkdown || typeof markdown !== 'string') {
-      return markdown;
-    }
-
-    let html = this.escapeHtml(markdown);
-
-    // Bold
-    html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
-
-    // Italic
-    html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
-
-    // Code
-    html = html.replace(/`(.+?)`/g, '<code>$1</code>');
-
-    // Links
-    html = html.replace(/\[(.+?)\]\((.+?)\)/g, '<a href="$2" target="_blank">$1</a>');
-
-    // Headings
-    html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>');
-    html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>');
-    html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>');
-
-    // Line breaks
-    html = html.replace(/\n/g, '<br>');
-
-    return html;
-  }
-
   /**
    * Detect language from content or hint
    */
@@ -379,40 +157,6 @@ class EventProcessor {
     return match ? match[1].toLowerCase() : null;
   }
 
-  /**
-   * Determine syntax highlighter language from file extension
-   */
-  getLanguageFromExtension(ext) {
-    const extMap = {
-      'js': 'javascript',
-      'jsx': 'jsx',
-      'ts': 'typescript',
-      'tsx': 'typescript',
-      'py': 'python',
-      'java': 'java',
-      'cpp': 'cpp',
-      'c': 'c',
-      'cs': 'csharp',
-      'php': 'php',
-      'rb': 'ruby',
-      'go': 'go',
-      'rs': 'rust',
-      'json': 'json',
-      'xml': 'xml',
-      'html': 'html',
-      'css': 'css',
-      'scss': 'scss',
-      'yaml': 'yaml',
-      'yml': 'yaml',
-      'sql': 'sql',
-      'sh': 'bash',
-      'bash': 'bash',
-      'zsh': 'bash'
-    };
-
-    return extMap[ext?.toLowerCase()] || 'plaintext';
-  }
-
   /**
    * Truncate text with ellipsis
    */

package/static/js/sync-debug.js

@@ -133,16 +133,14 @@ class SyncDebugger {
   }
 }
 
-// Create global instance
-window.syncDebugger = new SyncDebugger();
-
-// Expose commands
-window.debugSync = {
-  enable: () => window.syncDebugger.enable(),
-  disable: () => window.syncDebugger.disable(),
-  report: () => window.syncDebugger.printReport(),
-  clear: () => window.syncDebugger.clearLogs(),
-  get: () => window.syncDebugger.getReport()
-};
-
-console.log('[SyncDebug] Available. Use: debugSync.enable(), debugSync.report(), debugSync.clear()');
+if (window.__DEBUG__) {
+  window.syncDebugger = new SyncDebugger();
+  window.debugSync = {
+    enable: () => window.syncDebugger.enable(),
+    disable: () => window.syncDebugger.disable(),
+    report: () => window.syncDebugger.printReport(),
+    clear: () => window.syncDebugger.clearLogs(),
+    get: () => window.syncDebugger.getReport()
+  };
+  console.log('[SyncDebug] Available. Use: debugSync.enable(), debugSync.report(), debugSync.clear()');
+}