agentgui 1.0.814 → 1.0.816

package/static/js/conv-machine.js

@@ -1,5 +1,3 @@
-// Per-conversation UI state machine using XState v5
-// Tracks IDLE -> STREAMING -> QUEUED states per conversation
 
 const { createMachine: cmCreateMachine, createActor: cmCreateActor, assign: cmAssign } = XState;
 
@@ -91,7 +89,6 @@ function isStreaming(convId) {
   return getState(convId) === 'streaming';
 }
 
-// isActive: streaming OR queued — use this to gate optimistic messages
 function isActive(convId) {
   const s = getState(convId);
   return s === 'streaming' || s === 'queued';

package/static/js/conversations.js

@@ -1,8 +1,3 @@
-/**
- * Conversations Module
- * Manages conversation list sidebar with real-time updates
- * Includes folder browser for selecting working directory on new conversation
- */
 
 function pathSplit(p) {
   return p.split(/[\/\\]/).filter(Boolean);

package/static/js/event-filter.js

@@ -1,7 +1,3 @@
-/**
- * Event Filter & Search
- * Provides event filtering, searching, and replay functionality
- */
 
 class EventFilter {
   constructor(renderer) {
@@ -22,9 +18,6 @@ class EventFilter {
     };
   }
 
-  /**
-   * Store all events for filtering
-   */
   trackEvent(event) {
     this.allEvents.push({
       ...event,
@@ -32,12 +25,10 @@ class EventFilter {
       trackedAt: Date.now()
     });
 
-    // Limit history
     if (this.allEvents.length > 5000) {
       this.allEvents.shift();
     }
 
-    // Apply current filters
     if (this.filterState.isActive) {
       this.applyFilters();
     }
@@ -45,17 +36,11 @@ class EventFilter {
     return event;
   }
 
-  /**
-   * Set event type filter
-   */
   setTypeFilter(types) {
     this.filterState.types = new Set(types);
     this.applyFilters();
   }
 
-  /**
-   * Toggle event type in filter
-   */
   toggleType(type) {
     if (this.filterState.types.has(type)) {
       this.filterState.types.delete(type);
@@ -65,26 +50,17 @@ class EventFilter {
     this.applyFilters();
   }
 
-  /**
-   * Set search text
-   */
   setSearchText(text) {
     this.filterState.searchText = text.toLowerCase();
     this.applyFilters();
   }
 
-  /**
-   * Set time range
-   */
   setTimeRange(startTime, endTime) {
     this.filterState.startTime = startTime;
     this.filterState.endTime = endTime;
     this.applyFilters();
   }
 
-  /**
-   * Apply all filters
-   */
   applyFilters() {
     this.filterState.isActive =
       this.filterState.types.size > 0 ||
@@ -98,12 +74,10 @@ class EventFilter {
     }
 
     this.filteredEvents = this.allEvents.filter(event => {
-      // Type filter
       if (this.filterState.types.size > 0 && !this.filterState.types.has(event.type)) {
         return false;
       }
 
-      // Search filter
       if (this.filterState.searchText.length > 0) {
         const searchable = JSON.stringify(event).toLowerCase();
         if (!searchable.includes(this.filterState.searchText)) {
@@ -111,7 +85,6 @@ class EventFilter {
         }
       }
 
-      // Time range filter
       const eventTime = event.timestamp || event.trackedAt;
       if (this.filterState.startTime && eventTime < this.filterState.startTime) {
         return false;
@@ -126,9 +99,6 @@ class EventFilter {
     return this.filteredEvents;
   }
 
-  /**
-   * Search events by text
-   */
   search(query) {
     const results = [];
     const lowerQuery = query.toLowerCase();
@@ -149,9 +119,6 @@ class EventFilter {
     return results.sort((a, b) => b.matchCount - a.matchCount);
   }
 
-  /**
-   * Get event statistics
-   */
   getStats() {
     const stats = {
       total: this.allEvents.length,
@@ -164,10 +131,8 @@ class EventFilter {
     };
 
     for (const event of this.allEvents) {
-      // Count by type
       stats.byType[event.type] = (stats.byType[event.type] || 0) + 1;
 
-      // Time stats
       const time = event.timestamp || event.trackedAt;
       if (!stats.byTime.oldest || time < stats.byTime.oldest) {
         stats.byTime.oldest = time;
@@ -184,9 +149,6 @@ class EventFilter {
     return stats;
   }
 
-  /**
-   * Start event replay
-   */
   async startReplay(events = null, speed = 1) {
     const replayEvents = events || this.filteredEvents;
     if (replayEvents.length === 0) return;
@@ -195,13 +157,11 @@ class EventFilter {
     this.replayState.currentIndex = 0;
     this.replayState.speed = speed;
 
-    // Clear renderer
     this.renderer.clear();
 
     for (const event of replayEvents) {
       if (!this.replayState.isReplaying) break;
 
-      // Estimate delay based on event timestamps
       const delay = 100 / this.replayState.speed;
       await new Promise(resolve => setTimeout(resolve, delay));
 
@@ -212,16 +172,10 @@ class EventFilter {
     this.replayState.isReplaying = false;
   }
 
-  /**
-   * Stop event replay
-   */
   stopReplay() {
     this.replayState.isReplaying = false;
   }
 
-  /**
-   * Get replay progress
-   */
   getReplayProgress() {
     const total = this.filteredEvents.length;
     const current = this.replayState.currentIndex;
@@ -233,9 +187,6 @@ class EventFilter {
     };
   }
 
-  /**
-   * Export filtered events
-   */
   export(format = 'json') {
     const events = this.filterState.isActive ? this.filteredEvents : this.allEvents;
 
@@ -254,9 +205,6 @@ class EventFilter {
     }
   }
 
-  /**
-   * Export as CSV
-   */
   exportAsCSV(events) {
     const headers = ['timestamp', 'type', 'id', 'sessionId', 'message'];
     const rows = [headers.join(',')];
@@ -275,9 +223,6 @@ class EventFilter {
     return rows.join('\n');
   }
 
-  /**
-   * Export as Markdown
-   */
   exportAsMarkdown(events) {
     const lines = ['# Event Export\n'];
     let currentType = null;
@@ -295,9 +240,6 @@ class EventFilter {
     return lines.join('\n');
   }
 
-  /**
-   * Clear history
-   */
   clear() {
     this.allEvents = [];
     this.filteredEvents = [];
@@ -305,7 +247,6 @@ class EventFilter {
   }
 }
 
-// Export for use in browser
 if (typeof module !== 'undefined' && module.exports) {
   module.exports = EventFilter;
 }

package/static/js/image-loader.js

@@ -1,8 +1,3 @@
-/**
- * Image Loader Module
- * Detects image file reads from agent events and manages lazy loading
- * Supports PNG, JPG, JPEG, GIF, WebP, SVG formats
- */
 
 class ImageLoader {
   constructor(config = {}) {
@@ -20,26 +15,17 @@ class ImageLoader {
     this.initIntersectionObserver();
   }
 
-  /**
-   * Check if a path is an image file
-   */
   isImagePath(filePath) {
     if (!filePath || typeof filePath !== 'string') return false;
     const ext = this.getExtension(filePath).toLowerCase();
     return this.config.supportedExts.includes(ext);
   }
 
-  /**
-   * Extract file extension from path
-   */
   getExtension(filePath) {
     const match = filePath.match(/\.([^.]+)$/);
     return match ? match[1] : '';
   }
 
-  /**
-   * Extract image paths from text content
-   */
   extractImagePaths(content) {
     if (typeof content !== 'string') return [];
 
@@ -56,9 +42,6 @@ class ImageLoader {
     return [...new Set(paths)];
   }
 
-  /**
-   * Register images from event
-   */
   registerImagesFromEvent(event) {
     const images = [];
 
@@ -106,9 +89,6 @@ class ImageLoader {
     return images;
   }
 
-  /**
-   * Create image element with lazy loading
-   */
   createImageElement(imagePath, options = {}) {
     const container = document.createElement('div');
     container.className = 'image-container';
@@ -183,9 +163,6 @@ class ImageLoader {
     return container;
   }
 
-  /**
-   * Initialize Intersection Observer for lazy loading
-   */
   initIntersectionObserver() {
     this.intersectionObserver = new IntersectionObserver(
       (entries) => {
@@ -203,9 +180,6 @@ class ImageLoader {
     );
   }
 
-  /**
-   * Setup drawer observer to load images when drawer opens
-   */
   setupDrawerObserver(drawerSelector = '.drawer-panel, [role="dialog"]') {
     const drawers = document.querySelectorAll(drawerSelector);
     drawers.forEach(drawer => {
@@ -219,9 +193,6 @@ class ImageLoader {
     });
   }
 
-  /**
-   * Load all visible images in a container
-   */
   loadVisibleImages(container = document) {
     const images = container.querySelectorAll('img.lazy-image[data-src]');
     images.forEach(img => {
@@ -231,9 +202,6 @@ class ImageLoader {
     });
   }
 
-  /**
-   * Get cached images for a session/conversation
-   */
   getImages(eventId = null) {
     if (!eventId) {
       return Array.from(this.imageCache.values());
@@ -241,9 +209,6 @@ class ImageLoader {
     return Array.from(this.imageCache.values()).filter(img => img.eventId === eventId);
   }
 
-  /**
-   * Clear cache
-   */
   clear() {
     this.imageCache.clear();
     this.pendingImages.clear();

package/static/js/script-runner.js

@@ -13,7 +13,6 @@
     window.addEventListener('conversation-selected', function(e) {
       currentConversationId = e.detail.conversationId;
       hasTerminalContent = false;
-      // Do not hide terminal tab; it should always be visible
       fetchConversationAndCheckScripts();
     });
 
@@ -61,12 +60,10 @@
     window.wsClient.rpc('conv.get', { id: currentConversationId })
       .then(function(data) {
         currentWorkingDirectory = data.conversation?.workingDirectory || null;
-        // Always show the terminal tab, even without a working directory
         showTerminalTab();
         checkScripts();
       })
       .catch(function() {
-        // Still show terminal tab on error
         showTerminalTab();
         checkScripts();
       });

package/static/js/state-barrier.js

@@ -1,7 +1,3 @@
-/**
- * State Barrier - Atomic state machine for conversation management
- * Eliminates race conditions through single source of truth and version tracking
- */
 
 class ConversationState {
   constructor() {