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

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

@@ -1,6 +1,6 @@
 /**
  * File Viewer Component
- * 
+ *
  * A simple file content viewer that displays file contents in a modal window.
  * This component handles file loading via HTTP requests and displays the content
  * with basic syntax highlighting support.
@@ -24,7 +24,7 @@ class FileViewer {
 
         this.createModal();
         this.setupEventHandlers();
-        
+
         this.initialized = true;
         console.log('File viewer initialized');
     }
@@ -250,7 +250,7 @@ class FileViewer {
     async show(filePath) {
         console.log('[FileViewer] show() called with path:', filePath);
         console.log('[FileViewer] initialized:', this.initialized);
-        
+
         if (!this.initialized) {
             console.log('[FileViewer] Not initialized, initializing now...');
             this.initialize();
@@ -258,10 +258,10 @@ class FileViewer {
 
         this.currentFile = filePath;
         this.modal.classList.add('show');
-        
+
         // Update path
         document.getElementById('file-viewer-path').textContent = filePath;
-        
+
         console.log('[FileViewer] Modal shown, loading file content...');
         // Load file content
         await this.loadFileContent(filePath);
@@ -280,63 +280,63 @@ class FileViewer {
      */
     async loadFileContent(filePath) {
         const codeContent = document.getElementById('file-viewer-code-content');
-        
+
         console.log('[FileViewer] loadFileContent called with path:', filePath);
-        
+
         // Check cache first
         if (this.contentCache.has(filePath)) {
             console.log('[FileViewer] Using cached content for:', filePath);
             this.displayContent(this.contentCache.get(filePath));
             return;
         }
-        
+
         // Show loading state
         codeContent.textContent = 'Loading file content...';
-        
+
         try {
             // Check if we have a socket connection available
             if (window.socket && window.socket.connected) {
                 console.log('[FileViewer] Using Socket.IO to load file:', filePath);
-                
+
                 // Create a promise to wait for the response
                 const responsePromise = new Promise((resolve, reject) => {
                     const timeoutId = setTimeout(() => {
                         console.error('[FileViewer] Socket.IO request timed out for:', filePath);
                         reject(new Error('Socket.IO request timed out'));
                     }, 10000); // 10 second timeout
-                    
+
                     // Set up one-time listener for the response
                     window.socket.once('file_content_response', (data) => {
                         clearTimeout(timeoutId);
                         console.log('[FileViewer] Received file_content_response:', data);
                         resolve(data);
                     });
-                    
+
                     // Emit the read_file event
                     console.log('[FileViewer] Emitting read_file event with data:', {
                         file_path: filePath,
                         working_dir: window.workingDirectory || '/',
                         max_size: 5 * 1024 * 1024  // 5MB limit
                     });
-                    
+
                     window.socket.emit('read_file', {
                         file_path: filePath,
                         working_dir: window.workingDirectory || '/',
                         max_size: 5 * 1024 * 1024  // 5MB limit
                     });
                 });
-                
+
                 // Wait for the response
                 const data = await responsePromise;
-                
+
                 if (data.success && data.content !== undefined) {
                     console.log('[FileViewer] Successfully loaded file content, caching...');
                     // Cache the content
                     this.contentCache.set(filePath, data.content);
-                    
+
                     // Display the content
                     this.displayContent(data.content);
-                    
+
                     // Update file info
                     this.updateFileInfo(data);
                 } else {
@@ -350,7 +350,7 @@ class FileViewer {
         } catch (error) {
             console.error('[FileViewer] Error loading file:', error);
             console.error('[FileViewer] Error stack:', error.stack);
-            
+
             // If API fails, show error message with helpful information
             this.displayError(filePath, error.message);
         }
@@ -361,22 +361,22 @@ class FileViewer {
      */
     displayContent(content) {
         const codeContent = document.getElementById('file-viewer-code-content');
-        
+
         // Set the content
         codeContent.textContent = content || '(Empty file)';
-        
+
         // Update line count
         const lines = content ? content.split('\n').length : 0;
         document.getElementById('file-viewer-lines').textContent = `Lines: ${lines}`;
-        
+
         // Update file size
         const size = content ? new Blob([content]).size : 0;
         document.getElementById('file-viewer-size').textContent = `Size: ${this.formatFileSize(size)}`;
-        
+
         // Detect and set file type
         const fileType = this.detectFileType(this.currentFile);
         document.getElementById('file-viewer-type').textContent = `Type: ${fileType}`;
-        
+
         // Apply syntax highlighting if Prism is available
         if (window.Prism) {
             const language = this.detectLanguage(this.currentFile);
@@ -390,27 +390,27 @@ class FileViewer {
      */
     displayError(filePath, errorMessage) {
         const codeContent = document.getElementById('file-viewer-code-content');
-        
+
         // For now, show a helpful message since the API endpoint doesn't exist yet
         const errorHtml = `
             <div class="file-viewer-error">
                 ⚠️ File content loading is not yet implemented
-                
+
                 File path: ${filePath}
-                
+
                 The file viewing functionality requires:
                 1. A server-side /api/file endpoint
                 2. Proper file reading permissions
                 3. Security validation for file access
-                
+
                 Error: ${errorMessage}
-                
+
                 This feature will be available once the backend API is implemented.
             </div>
         `;
-        
+
         codeContent.innerHTML = errorHtml;
-        
+
         // Update info
         document.getElementById('file-viewer-lines').textContent = 'Lines: --';
         document.getElementById('file-viewer-size').textContent = 'Size: --';
@@ -424,11 +424,11 @@ class FileViewer {
         if (data.lines !== undefined) {
             document.getElementById('file-viewer-lines').textContent = `Lines: ${data.lines}`;
         }
-        
+
         if (data.size !== undefined) {
             document.getElementById('file-viewer-size').textContent = `Size: ${this.formatFileSize(data.size)}`;
         }
-        
+
         if (data.type) {
             document.getElementById('file-viewer-type').textContent = `Type: ${data.type}`;
         }
@@ -439,11 +439,11 @@ class FileViewer {
      */
     formatFileSize(bytes) {
         if (bytes === 0) return '0 Bytes';
-        
+
         const k = 1024;
         const sizes = ['Bytes', 'KB', 'MB', 'GB'];
         const i = Math.floor(Math.log(bytes) / Math.log(k));
-        
+
         return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
     }
 
@@ -452,7 +452,7 @@ class FileViewer {
      */
     detectFileType(path) {
         if (!path) return 'Unknown';
-        
+
         const ext = path.split('.').pop()?.toLowerCase();
         const typeMap = {
             'py': 'Python',
@@ -480,7 +480,7 @@ class FileViewer {
             'rb': 'Ruby',
             'php': 'PHP'
         };
-        
+
         return typeMap[ext] || 'Text';
     }
 
@@ -489,7 +489,7 @@ class FileViewer {
      */
     detectLanguage(path) {
         if (!path) return 'plaintext';
-        
+
         const ext = path.split('.').pop()?.toLowerCase();
         const languageMap = {
             'py': 'python',
@@ -516,7 +516,7 @@ class FileViewer {
             'rb': 'ruby',
             'php': 'php'
         };
-        
+
         return languageMap[ext] || 'plaintext';
     }
 
@@ -527,15 +527,15 @@ class FileViewer {
         const codeContent = document.getElementById('file-viewer-code-content');
         const button = document.getElementById('file-viewer-copy');
         const content = codeContent.textContent;
-        
+
         try {
             await navigator.clipboard.writeText(content);
-            
+
             // Show feedback
             const originalText = button.textContent;
             button.textContent = '✅ Copied!';
             button.classList.add('copied');
-            
+
             setTimeout(() => {
                 button.textContent = originalText;
                 button.classList.remove('copied');
@@ -565,7 +565,7 @@ window.fileViewerInstance = fileViewer;
 // Export for use in other modules
 if (typeof window !== 'undefined') {
     window.FileViewer = fileViewer;
-    
+
     // Initialize when DOM is ready
     if (document.readyState === 'loading') {
         document.addEventListener('DOMContentLoaded', () => {

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

@@ -17,21 +17,21 @@ class ModuleViewer {
         // Global JSON visibility state - persisted across all events
         // When true, all events show JSON expanded; when false, all collapsed
         this.globalJsonExpanded = localStorage.getItem('dashboard-json-expanded') === 'true';
-        
+
         // Separate state for Full Event Data sections
         this.fullEventDataExpanded = localStorage.getItem('dashboard-full-event-expanded') === 'true';
-        
+
         // Track if keyboard listener has been added to avoid duplicates
         this.keyboardListenerAdded = false;
-        
+
         // Initialize unified data viewer
         this.unifiedViewer = new UnifiedDataViewer('module-data-content');
-        
+
         // Sync unified viewer's JSON state with module viewer's state
         // This ensures both viewers maintain consistent JSON visibility
         this.unifiedViewer.globalJsonExpanded = this.globalJsonExpanded;
         this.unifiedViewer.fullEventDataExpanded = this.fullEventDataExpanded;
-        
+
         // Listen for JSON state changes from unified viewer
         document.addEventListener('jsonToggleChanged', (e) => {
             this.globalJsonExpanded = e.detail.expanded;
@@ -40,7 +40,7 @@ class ModuleViewer {
                 this.unifiedViewer.globalJsonExpanded = e.detail.expanded;
             }
         });
-        
+
         // Listen for Full Event Data state changes
         document.addEventListener('fullEventToggleChanged', (e) => {
             this.fullEventDataExpanded = e.detail.expanded;
@@ -118,7 +118,7 @@ class ModuleViewer {
      */
     showEventDetails(event) {
         this.currentEvent = event;
-        
+
         if (!this.unifiedViewer) {
             console.warn('ModuleViewer: UnifiedDataViewer not available');
             // Fallback to legacy rendering
@@ -126,7 +126,7 @@ class ModuleViewer {
             this.renderJsonData(event);
             return;
         }
-        
+
         // Use unified viewer to display event data
         this.unifiedViewer.display(event, 'event');
     }
@@ -868,13 +868,13 @@ class ModuleViewer {
     createCollapsibleJsonSection(event) {
         const uniqueId = 'json-section-' + Math.random().toString(36).substr(2, 9);
         const jsonString = this.formatJSON(event);
-        
+
         // Use global state to determine initial visibility
         const isExpanded = this.globalJsonExpanded;
         const display = isExpanded ? 'block' : 'none';
         const arrow = isExpanded ? '▲' : '▼';
         const ariaExpanded = isExpanded ? 'true' : 'false';
-        
+
         return `
             <div class="collapsible-json-section" id="${uniqueId}">
                 <div class="json-toggle-header"
@@ -960,13 +960,13 @@ class ModuleViewer {
     toggleJsonSection() {
         // Toggle the global state
         this.globalJsonExpanded = !this.globalJsonExpanded;
-        
+
         // Persist the preference to localStorage
         localStorage.setItem('dashboard-json-expanded', this.globalJsonExpanded.toString());
-        
+
         // Update ALL JSON sections on the page
         this.updateAllJsonSections();
-        
+
         // Dispatch event to notify other components of the change
         document.dispatchEvent(new CustomEvent('jsonToggleChanged', {
             detail: { expanded: this.globalJsonExpanded }
@@ -982,7 +982,7 @@ class ModuleViewer {
         const allJsonContents = document.querySelectorAll('.json-content-collapsible');
         const allArrows = document.querySelectorAll('.json-toggle-arrow');
         const allHeaders = document.querySelectorAll('.json-toggle-header');
-        
+
         // Update each JSON section
         allJsonContents.forEach((jsonContent, index) => {
             if (this.globalJsonExpanded) {
@@ -1007,7 +1007,7 @@ class ModuleViewer {
                 }
             }
         });
-        
+
         // If expanded and there's content, scroll the first visible one into view
         if (this.globalJsonExpanded && allJsonContents.length > 0) {
             setTimeout(() => {
@@ -1221,7 +1221,7 @@ class ModuleViewer {
         if (!text || text.length <= maxLength) return text;
         return text.substring(0, maxLength) + '...';
     }
-    
+
     /**
      * Format operation details object for display
      * @param {Object} details - Details object containing operation information
@@ -1231,40 +1231,40 @@ class ModuleViewer {
         if (!details || typeof details !== 'object') {
             return '';
         }
-        
+
         let formattedDetails = '';
-        
+
         // Display the bash command if available
         if (details.parameters && details.parameters.command) {
             formattedDetails += `<br><strong>Command:</strong> <code>${this.escapeHtml(details.parameters.command)}</code>`;
         }
-        
+
         // Display success/error status
         if (details.success !== undefined) {
             formattedDetails += `<br><strong>Status:</strong> ${details.success ? '✅ Success' : '❌ Failed'}`;
         }
-        
+
         // Display exit code if available
         if (details.exit_code !== undefined && details.exit_code !== null) {
             formattedDetails += `<br><strong>Exit Code:</strong> ${details.exit_code}`;
         }
-        
+
         // Display duration if available
         if (details.duration_ms !== undefined && details.duration_ms !== null) {
-            const duration = details.duration_ms > 1000 
-                ? `${(details.duration_ms / 1000).toFixed(2)}s` 
+            const duration = details.duration_ms > 1000
+                ? `${(details.duration_ms / 1000).toFixed(2)}s`
                 : `${details.duration_ms}ms`;
             formattedDetails += `<br><strong>Duration:</strong> ${duration}`;
         }
-        
+
         // Display error message if available
         if (details.error) {
             formattedDetails += `<br><strong>Error:</strong> ${this.escapeHtml(this.truncateText(details.error, 200))}`;
         }
-        
+
         return formattedDetails;
     }
-    
+
     /**
      * Escape HTML to prevent XSS
      */
@@ -1552,7 +1552,7 @@ class ModuleViewer {
             const searchPattern = parameters.pattern || 'No pattern specified';
             const searchPath = parameters.path || parameters.directory || '.';
             const searchType = parameters.type || parameters.glob || 'all files';
-            
+
             // Extract search results from result_summary
             let searchResultsContent = '';
             if (toolCall.result_summary) {

claude_mpm/dashboard/static/js/components/session-manager.js

@@ -1,14 +1,14 @@
 /**
  * Session Manager Component
  * Handles session selection and management
- * 
+ *
  * WHY: Provides session filtering and management for the dashboard, allowing users
  * to view events from specific sessions or all sessions.
- * 
+ *
  * BROWSER COMPATIBILITY: This component runs in the browser. All Node.js-specific
  * globals (process, require, etc.) have been removed. Uses browser-compatible
  * alternatives for path handling and defaults.
- * 
+ *
  * FIX APPLIED: Removed process.cwd() reference that caused "process is not defined"
  * error in browser. Now uses window.location.pathname or hardcoded fallbacks.
  */
@@ -94,7 +94,7 @@ class SessionManager {
 
         // Get the default working directory from various sources
         let defaultWorkingDir = '/';
-        
+
         // Try to get from working directory manager
         if (window.dashboard && window.dashboard.workingDirectoryManager) {
             defaultWorkingDir = window.dashboard.workingDirectoryManager.getDefaultWorkingDir();
@@ -108,7 +108,7 @@ class SessionManager {
                 }
             }
         }
-        
+
         console.log('[SESSION-MANAGER] Using default working directory:', defaultWorkingDir);
 
         // Update "All Sessions" option to show working directory
@@ -129,19 +129,19 @@ class SessionManager {
                 const startTime = new Date(session.startTime || session.last_activity).toLocaleString();
                 const eventCount = session.eventCount || session.event_count || 0;
                 const isActive = session.id === this.currentSessionId;
-                
+
                 // Extract working directory from session or events
                 let workingDir = session.working_directory || session.workingDirectory || '';
-                
+
                 // Log for debugging
                 console.log(`[SESSION-DROPDOWN] Session ${session.id.substring(0, 8)} working_directory:`, workingDir);
-                
+
                 if (!workingDir) {
                     const sessionData = this.extractSessionInfoFromEvents(session.id);
                     workingDir = sessionData.workingDir || defaultWorkingDir;
                     console.log(`[SESSION-DROPDOWN] Extracted working directory from events:`, workingDir);
                 }
-                
+
                 // Format display: working_directory | session_id...
                 const shortId = session.id.substring(0, 8);
                 const dirDisplay = workingDir || defaultWorkingDir;
@@ -220,8 +220,8 @@ class SessionManager {
         // Use browser-compatible fallback for working directory
         // WHY: Removed process.cwd() Node.js reference - not available in browser
         // BROWSER FIX: Use dashboard manager or server-provided config
-        let workingDir = window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() || 
-                        window.dashboardConfig?.workingDirectory || 
+        let workingDir = window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() ||
+                        window.dashboardConfig?.workingDirectory ||
                         '.';
         let gitBranch = 'Unknown';
 
@@ -236,9 +236,9 @@ class SessionManager {
             if (this.currentSessionId) {
                 const sessionData = this.extractSessionInfoFromEvents(this.currentSessionId);
                 // Browser-compatible working directory fallback
-                workingDir = sessionData.workingDir || 
-                           window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() || 
-                           window.dashboardConfig?.workingDirectory || 
+                workingDir = sessionData.workingDir ||
+                           window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() ||
+                           window.dashboardConfig?.workingDirectory ||
                            '.';
                 gitBranch = sessionData.gitBranch || 'Unknown';
             }

claude_mpm/dashboard/static/js/components/socket-manager.js

@@ -84,7 +84,7 @@ class SocketManager {
             // Expose socket globally for components like CodeTree
             window.socket = this.socketClient.socket;
             console.log('SocketManager: Exposed socket globally as window.socket');
-            
+
             this.setupGitBranchListener();
         }
     }

claude_mpm/dashboard/static/js/components/ui-state-manager.js

@@ -62,7 +62,7 @@ class UIStateManager {
 
         this.setupEventHandlers();
         console.log('UI state manager initialized with hash navigation');
-        
+
         // Initialize with current hash
         this.handleHashChange();
     }
@@ -114,16 +114,16 @@ class UIStateManager {
         console.log('[Hash Navigation] - Is hash in mapping?', hash in this.hashToTab);
         console.log('[Hash Navigation] - Hash length:', hash.length);
         console.log('[Hash Navigation] - Hash char codes:', hash.split('').map(c => c.charCodeAt(0)));
-        
+
         const tabName = this.hashToTab[hash] || 'events';
         console.log('[Hash Navigation] Final resolved tab name:', tabName);
-        
+
         // Special logging for File Tree tab
         if (tabName === 'claude-tree' || hash === '#file_tree') {
             console.log('[UIStateManager] FILE TREE TAB SELECTED via hash:', hash);
             console.log('[UIStateManager] Tab name resolved to:', tabName);
         }
-        
+
         this.switchTab(tabName, false); // false = don't update hash (we're responding to hash change)
     }
 
@@ -143,11 +143,11 @@ class UIStateManager {
         document.querySelectorAll('.tab-button').forEach(button => {
             button.addEventListener('click', (e) => {
                 console.log('[UIStateManager] Tab button clicked:', e.target);
-                
+
                 // Prevent default only if we're going to handle it
                 const tabName = this.getTabNameFromButton(e.target);
                 console.log('[UIStateManager] Resolved tab name:', tabName);
-                
+
                 if (tabName) {
                     // Let the href attribute update the hash naturally, which will trigger our hashchange handler
                     // But also explicitly trigger the switch in case href doesn't work
@@ -161,7 +161,7 @@ class UIStateManager {
                 }
             });
         });
-        
+
         console.log('[UIStateManager] Tab click handlers set up for', document.querySelectorAll('.tab-button').length, 'buttons');
     }
 
@@ -197,7 +197,7 @@ class UIStateManager {
         console.log('[getTabNameFromButton] DEBUG: button object:', button);
         console.log('[getTabNameFromButton] DEBUG: button.nodeType:', button.nodeType);
         console.log('[getTabNameFromButton] DEBUG: button.tagName:', button.tagName);
-        
+
         // CRITICAL FIX: Make sure we're dealing with the actual button element
         // Sometimes the click target might be a child element (like the emoji icon)
         let targetButton = button;
@@ -205,29 +205,29 @@ class UIStateManager {
             targetButton = button.closest('.tab-button');
             console.log('[getTabNameFromButton] DEBUG: Used closest() to find actual button');
         }
-        
+
         // First check for data-tab attribute
         const dataTab = targetButton ? targetButton.getAttribute('data-tab') : null;
         console.log('[getTabNameFromButton] DEBUG: data-tab attribute:', dataTab);
         console.log('[getTabNameFromButton] DEBUG: dataTab truthy:', !!dataTab);
-        
+
         // CRITICAL: Specifically handle the File Tree case
         if (dataTab === 'claude-tree') {
             console.log('[getTabNameFromButton] DEBUG: Found claude-tree data-tab, returning it');
             return 'claude-tree';
         }
-        
+
         if (dataTab) {
             console.log('[getTabNameFromButton] DEBUG: Returning dataTab:', dataTab);
             return dataTab;
         }
-        
+
         // Fallback to text content matching
         const text = targetButton ? targetButton.textContent.toLowerCase() : '';
         console.log('[getTabNameFromButton] DEBUG: text content:', text);
         console.log('[getTabNameFromButton] DEBUG: text includes file tree:', text.includes('file tree'));
         console.log('[getTabNameFromButton] DEBUG: text includes events:', text.includes('events'));
-        
+
         // CRITICAL: Check File Tree FIRST since it's the problematic one
         if (text.includes('file tree') || text.includes('📝')) {
             console.log('[getTabNameFromButton] DEBUG: Matched file tree, returning claude-tree');
@@ -241,7 +241,7 @@ class UIStateManager {
         if (text.includes('sessions')) return 'sessions';
         if (text.includes('system')) return 'system';
         if (text.includes('events') || text.includes('📊')) return 'events';
-        
+
         console.log('[getTabNameFromButton] DEBUG: No match, falling back to events');
         return 'events';
     }