claude-mpm 4.21.0__py3-none-any.whl → 5.0.2__py3-none-any.whl

claude_mpm/dashboard/static/js/components/event-viewer.js

@@ -118,7 +118,7 @@ class EventViewer {
         this.filteredEvents = this.events.filter(event => {
             // NO AUTOMATIC FILTERING - All events are shown by default for complete visibility
             // Users can apply their own filters using the search and type filter controls
-            
+
             // User-controlled search filter
             if (this.searchFilter) {
                 const searchableText = [
@@ -236,7 +236,7 @@ class EventViewer {
             console.warn('[EventViewer] Container not found, skipping render');
             return;
         }
-        
+
         // SAFETY: Basic check to ensure we're rendering to the correct container
         if (eventsList.id !== 'events-list') {
             console.error('[EventViewer] CRITICAL: Attempting to render to wrong container:', eventsList.id);
@@ -520,7 +520,7 @@ class EventViewer {
      */
     formatCodeEvent(event) {
         const data = event.data || {};
-        
+
         // Handle different code event subtypes
         if (event.subtype === 'progress') {
             const message = data.message || 'Processing...';
@@ -550,7 +550,7 @@ class EventViewer {
         } else if (event.subtype === 'error') {
             return `<strong>Error:</strong> ${data.error || 'Unknown error'} in ${data.file || 'file'}`;
         }
-        
+
         // Generic fallback for code events
         const json = JSON.stringify(data);
         return `<strong>Code:</strong> ${json.length > 100 ? json.substring(0, 100) + '...' : json}`;
@@ -587,20 +587,20 @@ class EventViewer {
             'qa_agent': 'QA',
             'unknown': 'Unknown'
         };
-        
+
         // Try to find a match in the map (case-insensitive)
         const lowerType = (agentType || 'unknown').toLowerCase();
         if (agentTypeMap[lowerType]) {
             return agentTypeMap[lowerType];
         }
-        
+
         // If not in map, try to extract the agent name from patterns like "Research Agent" or "research_agent"
         const match = agentType.match(/^(\w+)(?:_agent|Agent)?$/i);
         if (match && match[1]) {
             // Capitalize first letter
             return match[1].charAt(0).toUpperCase() + match[1].slice(1).toLowerCase();
         }
-        
+
         // Fallback: just capitalize first letter of whatever we have
         return agentType.charAt(0).toUpperCase() + agentType.slice(1);
     }
@@ -614,7 +614,7 @@ class EventViewer {
     formatSingleRowEventContent(event) {
         const eventType = this.formatEventType(event);
         const data = event.data || {};
-        
+
         // Include source if it's not the default 'system' source
         const sourcePrefix = event.source && event.source !== 'system' ? `[${event.source}] ` : '';
 
@@ -626,12 +626,12 @@ class EventViewer {
                 // Hook events: show tool name and operation details
                 const toolName = event.tool_name || data.tool_name || 'Unknown';
                 const hookType = event.subtype || 'Unknown';
-                
+
                 // Format specific hook types
                 if (hookType === 'pre_tool' || hookType === 'post_tool') {
                     const operation = data.operation_type || '';
-                    const status = hookType === 'post_tool' && data.success !== undefined 
-                        ? (data.success ? '✓' : '✗') 
+                    const status = hookType === 'post_tool' && data.success !== undefined
+                        ? (data.success ? '✓' : '✗')
                         : '';
                     dataDetails = `${toolName}${operation ? ` (${operation})` : ''}${status ? ` ${status}` : ''}`;
                 } else if (hookType === 'user_prompt') {
@@ -770,7 +770,7 @@ class EventViewer {
         if (hookNames[hookType]) {
             return hookNames[hookType];
         }
-        
+
         // Convert to string and handle null/undefined
         const typeStr = String(hookType || 'unknown');
         return typeStr.replace(/_/g, ' ');

claude_mpm/dashboard/static/js/components/file-change-tracker.js

@@ -1,10 +1,10 @@
 /**
  * File Change Tracker Module
- * 
+ *
  * Tracks all file operations (Edit, Write, Read, MultiEdit) from event history
  * and builds a tree structure grouped by working directory.
  * Supports session-based filtering and stores complete edit history with timestamps.
- * 
+ *
  * Architecture:
  * - Maintains a hierarchical structure of file changes
  * - Tracks file lifecycle (create, edit, delete)
@@ -17,11 +17,11 @@ class FileChangeTracker {
         this.fileChanges = new Map(); // Map<filePath, FileChangeData>
         this.sessionData = new Map(); // Map<sessionId, Set<filePath>>
         this.workingDirectories = new Map(); // Map<workingDir, Set<filePath>>
-        
+
         // Current state
         this.currentSessionId = null;
         this.events = [];
-        
+
         // File operation types we track
         this.FILE_OPERATIONS = {
             READ: 'Read',
@@ -31,12 +31,12 @@ class FileChangeTracker {
             DELETE: 'Delete',
             CREATE: 'Create'
         };
-        
+
         // Initialize
         this.initialized = false;
         console.log('FileChangeTracker initialized');
     }
-    
+
     /**
      * Initialize the tracker
      */
@@ -45,7 +45,7 @@ class FileChangeTracker {
         this.initialized = true;
         console.log('FileChangeTracker ready');
     }
-    
+
     /**
      * Process an event and extract file operations
      * @param {Object} event - Event data
@@ -53,14 +53,14 @@ class FileChangeTracker {
     processEvent(event) {
         // Check if this is a file-related tool event
         if (!this.isFileOperation(event)) return;
-        
+
         const fileOp = this.extractFileOperation(event);
         if (!fileOp) return;
-        
+
         // Add to our tracking structures
         this.addFileOperation(fileOp);
     }
-    
+
     /**
      * Check if an event is a file operation
      * @param {Object} event - Event to check
@@ -72,16 +72,16 @@ class FileChangeTracker {
             const toolName = event.tool_name || (event.data && event.data.tool_name);
             return Object.values(this.FILE_OPERATIONS).includes(toolName);
         }
-        
+
         // Check for hook events with file operations
         if (event.type === 'hook' && event.data) {
             const toolName = event.data.tool_name;
             return Object.values(this.FILE_OPERATIONS).includes(toolName);
         }
-        
+
         return false;
     }
-    
+
     /**
      * Extract file operation details from an event
      * @param {Object} event - Event to process
@@ -91,30 +91,30 @@ class FileChangeTracker {
         const toolName = event.tool_name || (event.data && event.data.tool_name);
         const params = event.tool_parameters || (event.data && event.data.tool_parameters) || {};
         const result = event.tool_result || (event.data && event.data.tool_result);
-        
+
         // Extract file path based on tool type
         let filePath = null;
         let operation = toolName;
         let content = null;
         let oldContent = null;
-        
+
         switch (toolName) {
             case this.FILE_OPERATIONS.READ:
                 filePath = params.file_path;
                 content = result && result.content;
                 break;
-                
+
             case this.FILE_OPERATIONS.WRITE:
                 filePath = params.file_path;
                 content = params.content;
                 break;
-                
+
             case this.FILE_OPERATIONS.EDIT:
                 filePath = params.file_path;
                 oldContent = params.old_string;
                 content = params.new_string;
                 break;
-                
+
             case this.FILE_OPERATIONS.MULTI_EDIT:
                 filePath = params.file_path;
                 // For MultiEdit, we track each edit
@@ -133,13 +133,13 @@ class FileChangeTracker {
                     isMultiEdit: true,
                     success: event.subtype === 'post_tool' && result && result.success !== false
                 };
-                
+
             default:
                 return null;
         }
-        
+
         if (!filePath) return null;
-        
+
         return {
             filePath,
             operation,
@@ -154,7 +154,7 @@ class FileChangeTracker {
             success: event.subtype === 'post_tool' && result && result.success !== false
         };
     }
-    
+
     /**
      * Extract working directory from event
      * @param {Object} event - Event data
@@ -165,31 +165,31 @@ class FileChangeTracker {
         if (event.data && event.data.working_directory) {
             return event.data.working_directory;
         }
-        
+
         // Try to extract from context
         if (event.context && event.context.working_directory) {
             return event.context.working_directory;
         }
-        
+
         // Try to extract from file path (get parent directory)
-        const filePath = event.tool_parameters?.file_path || 
+        const filePath = event.tool_parameters?.file_path ||
                         (event.data && event.data.tool_parameters?.file_path);
         if (filePath) {
             const parts = filePath.split('/');
             parts.pop(); // Remove filename
             return parts.join('/') || '/';
         }
-        
+
         return 'unknown';
     }
-    
+
     /**
      * Add a file operation to our tracking structures
      * @param {Object} fileOp - File operation data
      */
     addFileOperation(fileOp) {
         const { filePath, sessionId, workingDirectory } = fileOp;
-        
+
         // Initialize file change data if needed
         if (!this.fileChanges.has(filePath)) {
             this.fileChanges.set(filePath, {
@@ -207,26 +207,26 @@ class FileChangeTracker {
                 totalWrites: 0
             });
         }
-        
+
         const fileData = this.fileChanges.get(filePath);
-        
+
         // Update session tracking
         fileData.sessions.add(sessionId);
         if (!this.sessionData.has(sessionId)) {
             this.sessionData.set(sessionId, new Set());
         }
         this.sessionData.get(sessionId).add(filePath);
-        
+
         // Update working directory tracking
         if (!this.workingDirectories.has(workingDirectory)) {
             this.workingDirectories.set(workingDirectory, new Set());
         }
         this.workingDirectories.get(workingDirectory).add(filePath);
-        
+
         // Add operation to history
         fileData.operations.push(fileOp);
         fileData.lastModified = fileOp.timestamp;
-        
+
         // Update content tracking
         if (fileOp.isRead && fileOp.content && !fileData.initialContent) {
             fileData.initialContent = fileOp.content;
@@ -261,7 +261,7 @@ class FileChangeTracker {
             fileData.totalEdits += fileOp.edits.length;
         }
     }
-    
+
     /**
      * Get file name from path
      * @param {string} filePath - Full file path
@@ -271,7 +271,7 @@ class FileChangeTracker {
         const parts = filePath.split('/');
         return parts[parts.length - 1] || filePath;
     }
-    
+
     /**
      * Update with new events
      * @param {Array} events - Array of events
@@ -280,15 +280,15 @@ class FileChangeTracker {
         // Clear and rebuild
         this.clear();
         this.events = events;
-        
+
         // Process all events
         for (const event of events) {
             this.processEvent(event);
         }
-        
+
         console.log(`FileChangeTracker updated: ${this.fileChanges.size} files tracked`);
     }
-    
+
     /**
      * Get files for current session
      * @param {string} sessionId - Session ID to filter by
@@ -298,15 +298,15 @@ class FileChangeTracker {
         if (!sessionId) {
             return Array.from(this.fileChanges.values());
         }
-        
+
         const sessionFiles = this.sessionData.get(sessionId);
         if (!sessionFiles) return [];
-        
-        return Array.from(sessionFiles).map(filePath => 
+
+        return Array.from(sessionFiles).map(filePath =>
             this.fileChanges.get(filePath)
         ).filter(Boolean);
     }
-    
+
     /**
      * Get file tree structure grouped by working directory
      * @param {string} sessionId - Optional session filter
@@ -315,7 +315,7 @@ class FileChangeTracker {
     getFileTree(sessionId = null) {
         const files = this.getFilesForSession(sessionId);
         const tree = {};
-        
+
         for (const fileData of files) {
             const wd = fileData.workingDirectory || 'unknown';
             if (!tree[wd]) {
@@ -329,24 +329,24 @@ class FileChangeTracker {
                     totalWrites: 0
                 };
             }
-            
+
             tree[wd].files.push(fileData);
             tree[wd].totalOperations += fileData.operations.length;
             tree[wd].totalEdits += fileData.totalEdits;
             tree[wd].totalReads += fileData.totalReads;
             tree[wd].totalWrites += fileData.totalWrites;
         }
-        
+
         // Sort files within each directory
         Object.values(tree).forEach(dir => {
-            dir.files.sort((a, b) => 
+            dir.files.sort((a, b) =>
                 new Date(b.lastModified) - new Date(a.lastModified)
             );
         });
-        
+
         return tree;
     }
-    
+
     /**
      * Get directory name from path
      * @param {string} dirPath - Directory path
@@ -357,7 +357,7 @@ class FileChangeTracker {
         const parts = dirPath.split('/');
         return parts[parts.length - 1] || dirPath;
     }
-    
+
     /**
      * Get file change details
      * @param {string} filePath - File path
@@ -366,7 +366,7 @@ class FileChangeTracker {
     getFileDetails(filePath) {
         return this.fileChanges.get(filePath) || null;
     }
-    
+
     /**
      * Get operations for a file
      * @param {string} filePath - File path
@@ -376,17 +376,17 @@ class FileChangeTracker {
     getFileOperations(filePath, sessionId = null) {
         const fileData = this.fileChanges.get(filePath);
         if (!fileData) return [];
-        
+
         let operations = fileData.operations;
         if (sessionId) {
             operations = operations.filter(op => op.sessionId === sessionId);
         }
-        
-        return operations.sort((a, b) => 
+
+        return operations.sort((a, b) =>
             new Date(a.timestamp) - new Date(b.timestamp)
         );
     }
-    
+
     /**
      * Get diff data for a file
      * @param {string} filePath - File path
@@ -395,7 +395,7 @@ class FileChangeTracker {
     getFileDiff(filePath) {
         const fileData = this.fileChanges.get(filePath);
         if (!fileData) return null;
-        
+
         return {
             filePath,
             fileName: fileData.fileName,
@@ -407,7 +407,7 @@ class FileChangeTracker {
             totalWrites: fileData.totalWrites
         };
     }
-    
+
     /**
      * Clear all tracked data
      */
@@ -417,7 +417,7 @@ class FileChangeTracker {
         this.workingDirectories.clear();
         this.events = [];
     }
-    
+
     /**
      * Get statistics
      * @returns {Object} Statistics