agentgui 1.0.931 → 1.0.933

package/static/js/streaming-renderer.js

@@ -1,200 +0,0 @@
-
-class StreamingRenderer {
-  constructor(config = {}) {
-    this.config = {
-      batchSize: config.batchSize || 50,
-      batchInterval: config.batchInterval || 16, // ~60fps
-      maxQueueSize: config.maxQueueSize || 10000,
-      maxEventHistory: config.maxEventHistory || 1000,
-      virtualScrollThreshold: config.virtualScrollThreshold || 500,
-      debounceDelay: config.debounceDelay || 100,
-      ...config
-    };
-
-    this.eventQueue = [];
-    this.eventHistory = [];
-    this.isProcessing = false;
-    this.batchTimer = null;
-    this.dedupMap = new Map();
-    this.renderCache = new Map();
-    this.domNodeCount = 0;
-    this.lastRenderTime = 0;
-    this.performanceMetrics = {
-      totalEvents: 0,
-      totalBatches: 0,
-      avgBatchSize: 0,
-      avgRenderTime: 0,
-      avgProcessTime: 0
-    };
-
-    this.outputContainer = null;
-    this.scrollContainer = null;
-    this.virtualScroller = null;
-
-    this.listeners = {
-      'event:queued': [],
-      'event:dequeued': [],
-      'batch:start': [],
-      'batch:complete': [],
-      'render:start': [],
-      'render:complete': [],
-      'error:render': []
-    };
-
-    this.observer = null;
-    this.resizeObserver = null;
-  }
-
-  init(outputContainerId, scrollContainerId = null) {
-    this.outputContainer = document.getElementById(outputContainerId);
-    this.scrollContainer = scrollContainerId ? document.getElementById(scrollContainerId) : this.outputContainer;
-
-    if (!this.outputContainer) {
-      throw new Error(`Output container not found: ${outputContainerId}`);
-    }
-
-    this.setupScrollOptimization();
-    StreamingRenderer._setupGlobalLazyHL();
-    return this;
-  }
-
-  setupScrollOptimization() {
-    if (!this.scrollContainer) return;
-    this._userScrolledUp = false;
-    this.scrollContainer.addEventListener('scroll', () => {
-      if (this._programmaticScroll) return;
-      const sc = this.scrollContainer;
-      const distFromBottom = sc.scrollHeight - sc.scrollTop - sc.clientHeight;
-      this._userScrolledUp = distFromBottom > 80;
-    });
-  }
-
-  queueEvent(event) {
-    if (!event || typeof event !== 'object') return false;
-
-    if (!event.timestamp) {
-      event.timestamp = Date.now();
-    }
-
-    if (this.isDuplicate(event)) {
-      return false;
-    }
-
-    if (this.eventQueue.length >= this.config.maxQueueSize) {
-      console.warn('Event queue overflow, dropping oldest events');
-      this.eventQueue.shift();
-    }
-
-    this.eventQueue.push(event);
-    this.eventHistory.push(event);
-
-    if (this.eventHistory.length > this.config.maxEventHistory) {
-      this.eventHistory.shift();
-    }
-
-    this.emit('event:queued', { event, queueLength: this.eventQueue.length });
-    this.scheduleBatchProcess();
-    return true;
-  }
-
-  isDuplicate(event) {
-    const key = this.getEventKey(event);
-    if (!key) return false;
-
-    const lastSeq = this.dedupMap.get(key);
-
-    if (event.type === 'streaming_progress' && event.seq !== undefined && lastSeq !== undefined) {
-      if (event.seq <= lastSeq) {
-        return true; // Same or older seq = duplicate
-      }
-      this.dedupMap.set(key, event.seq);
-      return false;
-    }
-
-    const now = Date.now();
-    if (lastSeq && typeof lastSeq === 'number' && lastSeq > now - 500) {
-      return true; // Recent duplicate
-    }
-
-    this.dedupMap.set(key, now);
-    if (this.dedupMap.size > 5000) {
-      const cutoff = now - 5000;
-      for (const [k, v] of this.dedupMap) {
-        if (typeof v === 'number' && v < cutoff) this.dedupMap.delete(k);
-      }
-    }
-    return false;
-  }
-
-  getEventKey(event) {
-    if (!event.type) return null;
-    if (event.sessionId) {
-      return `${event.sessionId}:${event.type}`;
-    }
-    return `${event.type}:${event.id || ''}`;
-  }
-
-  scheduleBatchProcess() {
-    if (this.isProcessing || this.batchTimer) return;
-
-    if (this.eventQueue.length >= this.config.batchSize) {
-      this.processBatch();
-    } else {
-      this.batchTimer = setTimeout(() => {
-        this.batchTimer = null;
-        if (this.eventQueue.length > 0) {
-          this.processBatch();
-        }
-      }, this.config.batchInterval);
-    }
-  }
-
-  processBatch() {
-    if (this.isProcessing) return;
-    if (this.eventQueue.length === 0) return;
-
-    this.isProcessing = true;
-    const processStart = performance.now();
-    const batchSize = Math.min(this.eventQueue.length, this.config.batchSize);
-    const batch = this.eventQueue.splice(0, batchSize);
-
-    this.emit('batch:start', { batchSize, queueLength: this.eventQueue.length });
-
-    try {
-      const renderStart = performance.now();
-      this.renderBatch(batch);
-      const renderTime = performance.now() - renderStart;
-
-      this.performanceMetrics.totalBatches++;
-      this.performanceMetrics.totalEvents += batchSize;
-      this.performanceMetrics.avgBatchSize = this.performanceMetrics.totalEvents / this.performanceMetrics.totalBatches;
-      this.performanceMetrics.avgRenderTime = (this.performanceMetrics.avgRenderTime * (this.performanceMetrics.totalBatches - 1) + renderTime) / this.performanceMetrics.totalBatches;
-
-      this.emit('batch:complete', {
-        batchSize,
-        renderTime,
-        metrics: this.performanceMetrics
-      });
-
-      if (this.eventQueue.length >= this.config.batchSize) {
-        this.isProcessing = false;
-        setImmediate(() => this.processBatch());
-      } else {
-        this.isProcessing = false;
-        if (this.eventQueue.length > 0) {
-          this.scheduleBatchProcess();
-        }
-      }
-    } catch (error) {
-      console.error('Batch processing error:', error);
-      this.isProcessing = false;
-      this.emit('error:render', { error, batch });
-    }
-
-    const processTime = performance.now() - processStart;
-    this.performanceMetrics.avgProcessTime = this.performanceMetrics.avgProcessTime || processTime;
-  }
-}
-if (typeof module !== 'undefined' && module.exports) {
-  module.exports = StreamingRenderer;
-}

package/static/js/syntax-highlighter-render.js

@@ -1,72 +0,0 @@
-Object.assign(SyntaxHighlighter.prototype, {
-  async highlight(code, language = 'plaintext') {
-    if (!code) return '';
-    if (this.config.lazyLoad) {
-      try {
-        await this.ensureLoaded();
-      } catch (error) {
-        console.warn('Prism loading failed, returning unformatted code');
-        return this.escapeHtml(code);
-      }
-    }
-    const cacheKey = `${language}:${code}`;
-    if (this.config.enableCache && this.highlightCache.has(cacheKey)) return this.highlightCache.get(cacheKey);
-    let highlighted;
-    try {
-      if (typeof Prism !== 'undefined' && Prism.languages[language]) {
-        highlighted = Prism.highlight(code, Prism.languages[language], language);
-      } else {
-        highlighted = this.escapeHtml(code);
-      }
-    } catch (error) {
-      console.error('Highlight error:', error);
-      highlighted = this.escapeHtml(code);
-    }
-    if (this.config.enableCache) {
-      this.highlightCache.set(cacheKey, highlighted);
-      if (this.highlightCache.size > this.config.maxCacheSize) {
-        const firstKey = this.highlightCache.keys().next().value;
-        this.highlightCache.delete(firstKey);
-      }
-    }
-    return highlighted;
-  },
-
-  async createHighlightedElement(code, language = 'plaintext') {
-    const pre = document.createElement('pre');
-    const code_el = document.createElement('code');
-    code_el.className = `language-${language}`;
-    if (this.config.lazyLoad) {
-      try {
-        await this.ensureLoaded();
-        const highlighted = await this.highlight(code, language);
-        code_el.innerHTML = highlighted;
-      } catch (error) {
-        code_el.textContent = code;
-      }
-    } else {
-      code_el.textContent = code;
-    }
-    pre.appendChild(code_el);
-    return pre;
-  },
-
-  async highlightElement(element) {
-    if (!element || !element.querySelector('code')) return;
-    if (this.config.lazyLoad) {
-      try {
-        await this.ensureLoaded();
-      } catch (error) {
-        console.warn('Prism loading failed, skipping highlighting');
-        return;
-      }
-    }
-    if (typeof Prism !== 'undefined') {
-      try {
-        Prism.highlightElement(element.querySelector('code'));
-      } catch (error) {
-        console.error('Element highlighting error:', error);
-      }
-    }
-  }
-});

package/static/js/syntax-highlighter.js

@@ -1,131 +0,0 @@
-
-class SyntaxHighlighter {
-  constructor(config = {}) {
-    this.config = {
-      cdnUrl: config.cdnUrl || 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0',
-      lazyLoad: config.lazyLoad !== false,
-      enableCache: config.enableCache !== false,
-      maxCacheSize: config.maxCacheSize || 500,
-      supportedLanguages: config.supportedLanguages || [
-        'javascript', 'typescript', 'python', 'java', 'cpp', 'c', 'csharp', 'go', 'rust',
-        'php', 'ruby', 'swift', 'kotlin', 'sql', 'html', 'css', 'scss', 'bash', 'shell',
-        'json', 'xml', 'yaml', 'markdown', 'plaintext'
-      ],
-      ...config
-    };
-
-    this.isLoaded = false;
-    this.isLoading = false;
-    this.highlightCache = new Map();
-    this.loadPromise = null;
-  }
-
-  async ensureLoaded() {
-    if (typeof Prism !== 'undefined' && this.isLoaded) {
-      return true;
-    }
-
-    if (this.isLoading && this.loadPromise) {
-      return this.loadPromise;
-    }
-
-    this.isLoading = true;
-    this.loadPromise = this.loadPrism();
-
-    try {
-      const result = await this.loadPromise;
-      this.isLoaded = true;
-      return result;
-    } catch (error) {
-      console.error('Failed to load Prism:', error);
-      this.isLoading = false;
-      this.loadPromise = null;
-      throw error;
-    }
-  }
-
-  async loadPrism() {
-    return new Promise((resolve, reject) => {
-      try {
-        const script = document.createElement('script');
-        script.src = `${this.config.cdnUrl}/prism.js`;
-        script.async = true;
-
-        script.onload = () => {
-          this.loadLanguages();
-          this.isLoading = false;
-          resolve(true);
-        };
-
-        script.onerror = () => {
-          this.isLoading = false;
-          reject(new Error('Failed to load Prism.js'));
-        };
-
-        document.head.appendChild(script);
-      } catch (error) {
-        this.isLoading = false;
-        reject(error);
-      }
-    });
-  }
-
-  loadLanguages() {
-    const languages = ['javascript', 'python', 'sql', 'bash', 'json'];
-
-    for (const lang of languages) {
-      const script = document.createElement('script');
-      script.src = `${this.config.cdnUrl}/components/prism-${lang}.js`;
-      script.async = true;
-      document.head.appendChild(script);
-    }
-  }
-
-  detectLanguage(code) {
-    if (!code) return 'plaintext';
-
-    if (code.startsWith('#!/')) {
-      if (code.includes('python')) return 'python';
-      if (code.includes('node') || code.includes('node.js')) return 'javascript';
-      if (code.includes('bash') || code.includes('sh')) return 'bash';
-      if (code.includes('ruby')) return 'ruby';
-    }
-
-    if (code.includes('def ') && code.includes(':')) return 'python';
-    if (code.includes('function') || code.includes('=>')) return 'javascript';
-    if (code.includes('fn ') && code.includes('->')) return 'rust';
-    if (code.includes('public static') || code.includes('class ')) return 'java';
-    if (code.includes('SELECT') || code.includes('INSERT')) return 'sql';
-    if (code.includes('<html') || code.includes('<div')) return 'html';
-    if (code.includes('::') && code.includes('use ')) return 'rust';
-
-    return 'plaintext';
-  }
-
-  getSupportedLanguages() {
-    return [...this.config.supportedLanguages];
-  }
-
-  isSupportedLanguage(language) {
-    return this.config.supportedLanguages.includes(language);
-  }
-
-  clearCache() {
-    this.highlightCache.clear();
-  }
-
-  getCacheStats() {
-    return {
-      size: this.highlightCache.size,
-      maxSize: this.config.maxCacheSize
-    };
-  }
-
-  escapeHtml(text) {
-    return window._escHtml(text);
-  }
-}
-
-if (typeof module !== 'undefined' && module.exports) {
-  module.exports = SyntaxHighlighter;
-}

package/static/js/terminal-machine.js

@@ -1,51 +0,0 @@
-(function() {
-  const { createMachine, createActor, assign } = XState;
-
-  const terminalMachine = createMachine({
-    id: 'terminal',
-    initial: 'inactive',
-    context: {
-      cwd: null,
-    },
-    states: {
-      inactive: {
-        on: {
-          START: { target: 'initializing' },
-        },
-      },
-      initializing: {
-        on: {
-          READY: { target: 'active' },
-          ERROR: { target: 'inactive' },
-        },
-      },
-      active: {
-        on: {
-          STOP: { target: 'inactive' },
-          SESSION_EXIT: { target: 'restarting' },
-          SET_CWD: {
-            actions: assign(({ event }) => ({ cwd: event.cwd })),
-          },
-        },
-      },
-      restarting: {
-        on: {
-          READY: { target: 'active' },
-          ERROR: { target: 'inactive' },
-          STOP: { target: 'inactive' },
-        },
-      },
-    },
-  });
-
-  const actor = createActor(terminalMachine);
-  actor.start();
-
-  window.terminalMachineAPI = {
-    send: function(event) { actor.send(event); },
-    getState: function() { return actor.getSnapshot().value; },
-    isActive: function() { var s = actor.getSnapshot().value; return s === 'active' || s === 'restarting'; },
-    subscribe: function(fn) { return actor.subscribe(fn); },
-  };
-  window.__terminalMachine = actor;
-})();

package/static/js/terminal.js

@@ -1,178 +0,0 @@
-(function() {
-  var term = null;
-  var fitAddon = null;
-  var termActive = false;
-  var BASE = window.__BASE_URL || '';
-  var _wsListener = null;
-
-  function getCwd() {
-    try {
-      if (window.conversationManager && window.conversationManager.activeId) {
-        var mgr = window.conversationManager;
-        var conv = mgr.conversations && mgr.conversations.find(function(c) { return c.id === mgr.activeId; });
-        if (conv && conv.workingDirectory) return conv.workingDirectory;
-      }
-      if (window.currentConversation && window.conversationManager && window.conversationManager.conversations) {
-        var match = window.conversationManager.conversations.find(function(c) { return c.id === window.currentConversation; });
-        if (match && match.workingDirectory) return match.workingDirectory;
-      }
-    } catch (_) {}
-    return undefined;
-  }
-
-  function wsSend(obj) {
-    if (window.wsManager && window.wsManager.sendMessage) {
-      window.wsManager.sendMessage(obj);
-    }
-  }
-
-  function ensureTerm() {
-    var output = document.getElementById('terminalOutput');
-    if (!output) return false;
-    if (term) return true;
-    if (!window.Terminal || !window.FitAddon) return false;
-
-    term = new Terminal({
-      cursorBlink: true,
-      fontSize: 14,
-      fontFamily: 'Menlo, Monaco, "Courier New", monospace',
-      theme: {
-        background: '#0d1117',
-        foreground: '#e6edf3',
-        cursor: '#e6edf3',
-        selectionBackground: '#3b4455'
-      },
-      convertEol: true,
-      scrollback: 5000
-    });
-    fitAddon = new FitAddon.FitAddon();
-    term.loadAddon(fitAddon);
-    output.innerHTML = '';
-    term.open(output);
-    fitAddon.fit();
-
-    term.onData(function(data) {
-      var encoded = btoa(unescape(encodeURIComponent(data)));
-      wsSend({ type: 'terminal_input', data: encoded });
-    });
-
-    term.onResize(function(size) {
-      wsSend({ type: 'terminal_resize', cols: size.cols, rows: size.rows });
-    });
-
-    var resizeTimer;
-    window.addEventListener('resize', function() {
-      if (fitAddon) {
-        try { fitAddon.fit(); } catch(_) {}
-        clearTimeout(resizeTimer);
-        resizeTimer = setTimeout(function() {
-          if (term) wsSend({ type: 'terminal_resize', cols: term.cols, rows: term.rows });
-        }, 200);
-      }
-    });
-
-    document.getElementById('terminalOutput').addEventListener('click', function() {
-      if (term && term.focus) term.focus();
-    });
-
-    return true;
-  }
-
-  function installWsListener() {
-    if (_wsListener || !window.wsManager) return;
-    _wsListener = function(msg) {
-      if (!termActive) return;
-      if (msg.type === 'terminal_output' && term) {
-        var raw = msg.encoding === 'base64'
-          ? decodeURIComponent(escape(atob(msg.data)))
-          : msg.data;
-        term.write(raw);
-      } else if (msg.type === 'terminal_exit' && term) {
-        term.write('\r\n[Process exited with code ' + msg.code + ']\r\n');
-        if (termActive) setTimeout(startSession, 2000);
-      }
-    };
-    window.wsManager.on('message', _wsListener);
-  }
-
-  function startSession() {
-    if (!window.wsManager) return;
-    installWsListener();
-    var cwd = getCwd();
-    var dims = term ? { cols: term.cols, rows: term.rows } : { cols: 80, rows: 24 };
-    wsSend({ type: 'terminal_start', cwd: cwd, cols: dims.cols, rows: dims.rows });
-    if (tmApi()) tmApi().send({ type: 'READY' });
-    setTimeout(function() { if (term && term.focus) term.focus(); }, 100);
-  }
-
-  function tmApi() { return window.terminalMachineAPI; }
-
-  function startTerminal() {
-    if (tmApi()) tmApi().send({ type: 'START' });
-    if (!ensureTerm()) {
-      setTimeout(startTerminal, 200);
-      return;
-    }
-    termActive = true;
-    if (window.wsManager && window.wsManager.isConnected) {
-      startSession();
-    } else if (window.wsManager) {
-      var onConnected = function() {
-        window.wsManager.off('connected', onConnected);
-        startSession();
-      };
-      window.wsManager.on('connected', onConnected);
-    }
-    setTimeout(function() { if (fitAddon) try { fitAddon.fit(); } catch(_) {} }, 100);
-  }
-
-  function stopTerminal() {
-    termActive = false;
-    if (tmApi()) tmApi().send({ type: 'STOP' });
-    if (_wsListener && window.wsManager) { window.wsManager.off('message', _wsListener); _wsListener = null; }
-    wsSend({ type: 'terminal_stop' });
-  }
-
-  function initTerminalEarly() {
-    if (!ensureTerm()) {
-      setTimeout(initTerminalEarly, 200);
-      return;
-    }
-  }
-
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', initTerminalEarly);
-  } else {
-    initTerminalEarly();
-  }
-
-  window.addEventListener('view-switched', function(e) {
-    if (e.detail.view === 'terminal') {
-      if (!ensureTerm()) {
-        setTimeout(function() { window.dispatchEvent(new CustomEvent('view-switched', { detail: { view: 'terminal' } })); }, 200);
-        return;
-      }
-      termActive = true;
-      startSession();
-      setTimeout(function() { if (fitAddon) try { fitAddon.fit(); } catch(_) {} }, 50);
-      setTimeout(function() { if (fitAddon) try { fitAddon.fit(); } catch(_) {} }, 300);
-    } else if (termActive) {
-      stopTerminal();
-    }
-  });
-
-  window.addEventListener('conversation-changed', function() {
-    if (!termActive) return;
-    var cwd = getCwd();
-    var dims = term ? { cols: term.cols, rows: term.rows } : { cols: 80, rows: 24 };
-    wsSend({ type: 'terminal_start', cwd: cwd, cols: dims.cols, rows: dims.rows });
-    if (term) term.write('\r\n\x1b[33m[Switched to: ' + (cwd || '/') + ']\x1b[0m\r\n');
-  });
-
-  window.terminalModule = {
-    start: startTerminal,
-    stop: stopTerminal,
-    getTerminal: function() { return term; },
-    isActive: function() { return termActive; }
-  };
-})();

package/static/js/ui-components-rendering.js

@@ -1,62 +0,0 @@
-Object.assign(UIComponents, {
-  escapeHtml(text) { return window._escHtml ? window._escHtml(String(text)) : String(text).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'); },
-
-  copyToClipboard(text) {
-    return navigator.clipboard.writeText(text).catch(() => false);
-  },
-
-  downloadFile(data, filename, mimeType = 'text/plain') {
-    const blob = new Blob([data], { type: mimeType });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url; link.download = filename;
-    document.body.appendChild(link); link.click(); document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  },
-
-  createInput(config = {}) {
-    const { type = 'text', name = '', label = '', placeholder = '', value = '', required = false } = config;
-    const container = document.createElement('div');
-    container.className = 'form-group mb-4';
-    let html = '';
-    if (label) html += `<label class="block text-sm font-medium mb-2">${UIComponents.escapeHtml(label)}</label>`;
-    html += `<input type="${type}" name="${name}" placeholder="${UIComponents.escapeHtml(placeholder)}" value="${UIComponents.escapeHtml(value)}" ${required ? 'required' : ''} class="input input-block input-solid" />`;
-    container.innerHTML = html;
-    return container;
-  },
-
-  createSelect(config = {}) {
-    const { name = '', label = '', options = [], value = '', required = false } = config;
-    const container = document.createElement('div');
-    container.className = 'form-group mb-4';
-    let html = '';
-    if (label) html += `<label class="block text-sm font-medium mb-2">${UIComponents.escapeHtml(label)}</label>`;
-    html += `<select name="${name}" ${required ? 'required' : ''} class="select select-block select-solid">${options.map(opt => `<option value="${opt.value}" ${opt.value === value ? 'selected' : ''}>${UIComponents.escapeHtml(opt.label)}</option>`).join('')}</select>`;
-    container.innerHTML = html;
-    return container;
-  },
-
-  createButtonGroup(config = {}) {
-    const { buttons = [], vertical = false } = config;
-    const container = document.createElement('div');
-    container.className = `button-group flex gap-2 ${vertical ? 'flex-col' : 'flex-row'}`;
-    buttons.forEach(btn => {
-      const button = document.createElement('button');
-      button.className = `btn btn-${btn.variant || 'secondary'} flex-${vertical ? '1' : 'none'}`;
-      button.textContent = btn.label;
-      if (btn.onClick) button.addEventListener('click', btn.onClick);
-      container.appendChild(button);
-    });
-    return container;
-  },
-
-  createBadge(config = {}) {
-    const { label = '', variant = 'default', size = 'medium' } = config;
-    const sizeClasses = { small: 'badge-sm', medium: 'badge-md', large: 'badge-lg' };
-    const variantClasses = { default: 'badge-flat', primary: 'badge-flat-primary', success: 'badge-flat-success', warning: 'badge-flat-warning', error: 'badge-flat-error' };
-    const badge = document.createElement('span');
-    badge.className = `badge ${sizeClasses[size] || sizeClasses.medium} ${variantClasses[variant] || variantClasses.default}`;
-    badge.textContent = label;
-    return badge;
-  }
-});