claude-mpm 4.1.26__py3-none-any.whl → 5.0.9__py3-none-any.whl

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

@@ -17,13 +17,39 @@ 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;
+            // Also update the unified viewer's state if it's different
+            if (this.unifiedViewer.globalJsonExpanded !== e.detail.expanded) {
+                this.unifiedViewer.globalJsonExpanded = e.detail.expanded;
+            }
+        });
+
+        // Listen for Full Event Data state changes
+        document.addEventListener('fullEventToggleChanged', (e) => {
+            this.fullEventDataExpanded = e.detail.expanded;
+            // Also update the unified viewer's state if it's different
+            if (this.unifiedViewer.fullEventDataExpanded !== e.detail.expanded) {
+                this.unifiedViewer.fullEventDataExpanded = e.detail.expanded;
+            }
+        });
+
         this.init();
     }
 
@@ -92,7 +118,7 @@ class ModuleViewer {
      */
     showEventDetails(event) {
         this.currentEvent = event;
-        
+
         if (!this.unifiedViewer) {
             console.warn('ModuleViewer: UnifiedDataViewer not available');
             // Fallback to legacy rendering
@@ -100,7 +126,7 @@ class ModuleViewer {
             this.renderJsonData(event);
             return;
         }
-        
+
         // Use unified viewer to display event data
         this.unifiedViewer.display(event, 'event');
     }
@@ -842,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"
@@ -934,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 }
@@ -956,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) {
@@ -981,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(() => {
@@ -1195,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
@@ -1205,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
      */
@@ -1526,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.
  */
@@ -93,8 +93,8 @@ class SessionManager {
         const currentSelection = sessionSelect.value;
 
         // Get the default working directory from various sources
-        let defaultWorkingDir = '/Users/masa/Projects/claude-mpm';
-        
+        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;
@@ -219,10 +219,10 @@ class SessionManager {
         let sessionInfo = 'All Sessions';
         // Use browser-compatible fallback for working directory
         // WHY: Removed process.cwd() Node.js reference - not available in browser
-        // BROWSER FIX: Use dashboard manager or hardcoded fallback
-        let workingDir = window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() || 
-                        window.location.pathname || 
-                        '/Users/masa/Projects/claude-mpm';
+        // BROWSER FIX: Use dashboard manager or server-provided config
+        let workingDir = window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() ||
+                        window.dashboardConfig?.workingDirectory ||
+                        '.';
         let gitBranch = 'Unknown';
 
         console.log('[SESSION-DEBUG] Initial values - sessionInfo:', sessionInfo, 'workingDir:', workingDir, 'gitBranch:', gitBranch);
@@ -236,10 +236,10 @@ class SessionManager {
             if (this.currentSessionId) {
                 const sessionData = this.extractSessionInfoFromEvents(this.currentSessionId);
                 // Browser-compatible working directory fallback
-                workingDir = sessionData.workingDir || 
-                           window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() || 
-                           window.location.pathname || 
-                           '/Users/masa/Projects/claude-mpm';
+                workingDir = sessionData.workingDir ||
+                           window.dashboard?.workingDirectoryManager?.getDefaultWorkingDir() ||
+                           window.dashboardConfig?.workingDirectory ||
+                           '.';
                 gitBranch = sessionData.gitBranch || 'Unknown';
             }
         } else if (this.selectedSessionId) {
@@ -253,7 +253,7 @@ class SessionManager {
                 if (!workingDir || !gitBranch) {
                     const sessionData = this.extractSessionInfoFromEvents(this.selectedSessionId);
                     // Browser-compatible fallback - no process.cwd()
-                    workingDir = workingDir || sessionData.workingDir || window.location.pathname || '.';
+                    workingDir = workingDir || sessionData.workingDir || window.dashboardConfig?.workingDirectory || '.';
                     gitBranch = gitBranch || sessionData.gitBranch || '';
                 }
             }

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();
         }
     }
@@ -362,3 +362,7 @@ class SocketManager {
 // ES6 Module export
 export { SocketManager };
 export default SocketManager;
+
+// Make SocketManager globally available for the dist/dashboard.js
+// This ensures compatibility with the minified version
+window.SocketManager = SocketManager;