claude-mpm 4.2.39__py3-none-any.whl → 4.2.42__py3-none-any.whl

claude_mpm/dashboard/templates/index.html

@@ -18,6 +18,9 @@
     
     <!-- D3.js for Activity Tree Visualization -->
     <script src="https://d3js.org/d3.v7.min.js"></script>
+    
+    <!-- Font Awesome for icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
     <!-- Syntax Highlighting - Prism.js -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
@@ -239,18 +242,19 @@
 
                 <!-- Right: Tabbed Content -->
                 <div class="events-container">
-                    <!-- Tab Navigation -->
+                    <!-- Tab Navigation - Using hash-based navigation -->
                     <div class="tab-nav">
-                        <button class="tab-button active" data-tab="events">📊 Events</button>
-                        <button class="tab-button" data-tab="agents">🤖 Agents</button>
-                        <button class="tab-button" data-tab="tools">🔧 Tools</button>
-                        <button class="tab-button" data-tab="files">📁 Files</button>
-                        <button class="tab-button" data-tab="activity">🌳 Activity</button>
-                        <button class="tab-button" data-tab="code">🧬 Code</button>
+                        <a href="#events" class="tab-button" data-tab="events">📊 Events</a>
+                        <a href="#agents" class="tab-button" data-tab="agents">🤖 Agents</a>
+                        <a href="#tools" class="tab-button" data-tab="tools">🔧 Tools</a>
+                        <a href="#files" class="tab-button" data-tab="files">📁 Files</a>
+                        <a href="#activity" class="tab-button" data-tab="activity">🌳 Activity</a>
+                        <a href="#file_tree" class="tab-button active" data-tab="claude-tree">📝 File Tree</a>
+                        <a href="#browser_logs" class="tab-button" data-tab="browser-logs">🌐 Browser Logs</a>
                     </div>
 
                     <!-- Events Tab -->
-                    <div class="tab-content active" id="events-tab">
+                    <div class="tab-content" id="events-tab">
                         <div class="tab-filters">
                             <input type="text" id="events-search-input" placeholder="Search events...">
                             <select id="events-type-filter">
@@ -385,76 +389,18 @@
                         </div>
                     </div>
 
-                    <!-- Code Tab -->
-                    <div class="tab-content" id="code-tab">
-                        <div class="code-container">
-                            <div class="code-split-container">
-                                <div id="code-tree-container" class="code-tree-container">
-                                <!-- Top-left corner: Language selector -->
-                                <div class="tree-corner-controls top-left">
-                                    <div class="control-group">
-                                        <label class="control-label">Languages:</label>
-                                        <div class="checkbox-group">
-                                            <label class="checkbox-label"><input type="checkbox" class="language-checkbox" value="python" checked> Python</label>
-                                            <label class="checkbox-label"><input type="checkbox" class="language-checkbox" value="javascript" checked> JS</label>
-                                            <label class="checkbox-label"><input type="checkbox" class="language-checkbox" value="typescript" checked> TS</label>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <!-- Top-right corner: Layout and search -->
-                                <div class="tree-corner-controls top-right">
-                                    <div class="control-group">
-                                        <select id="code-layout" class="select-compact">
-                                            <option value="tree">Tree</option>
-                                            <option value="radial">Radial</option>
-                                        </select>
-                                        <input type="text" id="code-search" placeholder="Search..." class="search-compact">
-                                    </div>
-                                </div>
-
-                                <!-- Bottom-left corner: Stats and Status -->
-                                <div class="tree-corner-controls bottom-left">
-                                    <div class="stats-display" id="code-stats">
-                                        <span id="stats-files">0 files</span> •
-                                        <span id="stats-classes">0 classes</span> •
-                                        <span id="stats-functions">0 functions</span> •
-                                        <span id="stats-methods">0 methods</span>
-                                    </div>
-                                    <div class="status-display" id="code-breadcrumb">
-                                        <div class="breadcrumb-ticker" id="breadcrumb-ticker">
-                                            <span id="breadcrumb-content">Ready to analyze...</span>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <!-- Bottom-right corner: Ignore patterns -->
-                                <div class="tree-corner-controls bottom-right">
-                                    <div class="control-group">
-                                        <label class="control-label">Ignore:</label>
-                                        <input type="text" id="ignore-patterns" placeholder="test*, *.spec.js, node_modules" class="input-compact">
-                                    </div>
-                                </div>
-                                <div id="code-tree"></div>
-                                <!-- Collapsible legend -->
-                                <div class="tree-legend collapsed" id="tree-legend" style="display: none;">
-                                    <button class="legend-close" onclick="document.getElementById('tree-legend').style.display='none'">✕</button>
-                                    <div class="legend-content">
-                                        <div class="legend-column">
-                                            <div class="legend-item"><span class="legend-icon">📦</span> Module</div>
-                                            <div class="legend-item"><span class="legend-icon">🏛️</span> Class</div>
-                                            <div class="legend-item"><span class="legend-icon">⚡</span> Function</div>
-                                            <div class="legend-item"><span class="legend-icon">🔧</span> Method</div>
-                                        </div>
-                                        <div class="legend-column">
-                                            <div class="legend-item"><span class="legend-icon complexity-low">●</span> Low</div>
-                                            <div class="legend-item"><span class="legend-icon complexity-medium">●</span> Med</div>
-                                            <div class="legend-item"><span class="legend-icon complexity-high">●</span> High</div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
+                    <!-- File Tree Tab -->
+                    <div class="tab-content active" id="claude-tree-tab">
+                        <div id="claude-tree-container" style="width: 100%; height: 100%;">
+                            <!-- File activity tree will be rendered here by code-viewer.js -->
                         </div>
+                    </div>
+
+                    <!-- Browser Logs Tab -->
+                    <div class="tab-content" id="browser-logs-tab">
+                        <div id="browser-logs-container" style="width: 100%; height: 100%;" data-component="browser-logs">
+                            <!-- Browser logs will be rendered here by browser-log-viewer.js -->
+                            <!-- This container is EXCLUSIVELY for browser console logs -->
                         </div>
                     </div>
 
@@ -463,26 +409,6 @@
         </div>
     </div>
 
-    <!-- Code Viewer Modal -->
-    <div id="code-viewer-modal" class="modal" style="display: none;">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h2 id="code-viewer-title">Code Viewer</h2>
-                <button class="close" onclick="closeCodeViewer()">&times;</button>
-            </div>
-            <div class="modal-body">
-                <pre><code id="code-viewer-content"></code></pre>
-            </div>
-            <div class="modal-footer">
-                <div class="code-viewer-info">
-                    <span id="code-viewer-path"></span>
-                    <span id="code-viewer-lines"></span>
-                    <span id="code-viewer-language"></span>
-                </div>
-                <button onclick="closeCodeViewer()">Close</button>
-            </div>
-        </div>
-    </div>
 
     <!-- Footer -->
     <div class="footer">
@@ -571,19 +497,56 @@
             .then(() => loadModule('/static/js/components/code-tree/tree-constants.js'))
             .then(() => loadModule('/static/js/components/code-tree/tree-search.js'))
             .then(() => loadModule('/static/js/components/code-tree/tree-breadcrumb.js'))
+            .then(() => {
+                // Load UI State Manager v2 from source with nuclear browser log handling
+                return loadModule('/static/js/components/ui-state-manager.js?v=2.0-NUCLEAR');
+            })
             .then(() => {
                 // Now load main components in parallel
                 return Promise.all([
                     loadModule('/static/dist/dashboard.js'),
                     loadModule('/static/dist/components/activity-tree.js'),
                     loadModule('/static/js/components/code-tree.js'),  // TEMPORARY: Direct source for debugging
-                    loadModule('/static/dist/components/code-viewer.js'),
-                    loadModule('/static/dist/components/file-viewer.js')  // File viewer for viewing file contents
+                    loadModule('/static/js/components/code-viewer.js'),  // Code viewer now includes file change tracking
+                    loadModule('/static/dist/components/file-viewer.js'),  // File viewer for viewing file contents
+                    loadModule('/static/js/components/browser-log-viewer.js?v=2.0-NUCLEAR')  // Browser console log viewer v2.0 NUCLEAR
+                        .then(() => {
+                            // Initialize BrowserLogViewer v2.0 immediately after loading
+                            if (typeof BrowserLogViewer !== 'undefined') {
+                                const container = document.getElementById('browser-logs-container');
+                                if (container && !window.browserLogViewer) {
+                                    console.error('[Main] Initializing BrowserLogViewer v2.0 NUCLEAR...');
+                                    window.browserLogViewer = new BrowserLogViewer(container);
+                                    console.error('[Main] BrowserLogViewer v2.0 NUCLEAR initialized successfully');
+                                } else {
+                                    console.error('[Main] BrowserLogViewer v2.0 already initialized or container not found');
+                                }
+                            } else {
+                                console.error('[Main] BrowserLogViewer class not found - script may not have loaded');
+                            }
+                        })
                 ]);
             })
             .then(() => {
             console.log('All dashboard modules loaded successfully');
             
+            // CodeViewer will auto-initialize and handle tab switching internally
+            
+            // Browser Log Viewer initialization is now handled by UIStateManager
+            // This prevents duplicate event handlers and tab selection conflicts
+            
+            // Hash navigation will handle default tab based on URL
+            // If no hash, default will be 'events' as per hashToTab mapping
+            // To start with File Tree, we can set hash if not present
+            setTimeout(() => {
+                if (!window.location.hash) {
+                    console.log('No hash present, setting default to File Tree tab...');
+                    window.location.hash = '#file_tree';
+                } else {
+                    console.log('Hash present:', window.location.hash);
+                }
+            }, 500);
+            
             // Give modules time to execute and initialize dashboard
             setTimeout(() => {
                 console.log('Checking dashboard initialization...');

claude_mpm/services/cli/unified_dashboard_manager.py

@@ -133,7 +133,7 @@ class UnifiedDashboardManager(IUnifiedDashboardManager):
             if background:
                 # The daemon.start() method will handle cleanup when force_restart=True
                 # We don't need pre-emptive cleanup here as it causes race conditions
-                
+
                 # Try to start daemon with retry on port conflicts
                 max_retries = 3
                 retry_count = 0

claude_mpm/services/monitor/daemon.py

@@ -157,35 +157,67 @@ class UnifiedMonitorDaemon:
             )
             return False
 
-        # Wait for any pre-warming threads to complete before forking
-        self._wait_for_prewarm_completion()
-
-        # Use daemon manager's daemonize which includes cleanup
-        # DO NOT reset startup_status_file - it's needed for parent-child communication!
-        # self.daemon_manager.startup_status_file = None  # BUG: This breaks communication
-        success = self.daemon_manager.daemonize()
-        if not success:
-            return False
+        # Use subprocess approach for clean daemon startup (v4.2.40)
+        # This avoids all fork() + threading issues by starting in a fresh process
+        # The daemon_manager.use_subprocess_daemon() now checks for CLAUDE_MPM_SUBPROCESS_DAEMON
+        # environment variable to prevent infinite recursion
+        if self.daemon_manager.use_subprocess_daemon():
+            # Start using subprocess - this returns immediately in parent
+            success = self.daemon_manager.start_daemon_subprocess()
+            return success
+
+        # Check if we're in subprocess mode (environment variable set)
+        if os.environ.get("CLAUDE_MPM_SUBPROCESS_DAEMON") == "1":
+            # We're in a subprocess started by start_daemon_subprocess
+            # We need to write the PID file ourselves since parent didn't
+            self.logger.info("Running in subprocess daemon mode, writing PID file")
+            self.daemon_manager.write_pid_file()
+
+            # Setup signal handlers for graceful shutdown
+            self._setup_signal_handlers()
+
+            # Start the server (this will run until shutdown)
+            try:
+                result = self._run_server()
+                if not result:
+                    self.logger.error("Failed to start server in subprocess mode")
+                return result
+            except Exception as e:
+                self.logger.error(f"Server startup exception in subprocess: {e}")
+                raise
+        else:
+            # Legacy fork approach (kept for compatibility but not used by default)
+            # Wait for any pre-warming threads to complete before forking
+            self._wait_for_prewarm_completion()
+
+            # Use daemon manager's daemonize which includes cleanup
+            # DO NOT reset startup_status_file - it's needed for parent-child communication!
+            # self.daemon_manager.startup_status_file = None  # BUG: This breaks communication
+            success = self.daemon_manager.daemonize()
+            if not success:
+                return False
 
-        # We're now in the daemon process
-        # Update our PID references and status file
-        self.lifecycle.pid_file = self.daemon_manager.pid_file
-        self.lifecycle.startup_status_file = self.daemon_manager.startup_status_file
+            # We're now in the daemon process
+            # Update our PID references and status file
+            self.lifecycle.pid_file = self.daemon_manager.pid_file
+            self.lifecycle.startup_status_file = self.daemon_manager.startup_status_file
 
-        # Start the server in daemon mode
-        try:
-            result = self._run_server()
-            if not result:
-                # Report failure before exiting
-                self.daemon_manager._report_startup_error("Failed to start server")
-            else:
-                # Report success
-                self.daemon_manager._report_startup_success()
-            return result
-        except Exception as e:
-            # Report any exceptions during startup
-            self.daemon_manager._report_startup_error(f"Server startup exception: {e}")
-            raise
+            # Start the server in daemon mode
+            try:
+                result = self._run_server()
+                if not result:
+                    # Report failure before exiting
+                    self.daemon_manager._report_startup_error("Failed to start server")
+                else:
+                    # Report success
+                    self.daemon_manager._report_startup_success()
+                return result
+            except Exception as e:
+                # Report any exceptions during startup
+                self.daemon_manager._report_startup_error(
+                    f"Server startup exception: {e}"
+                )
+                raise
 
     def _start_foreground(self, force_restart: bool = False) -> bool:
         """Start in foreground mode.
@@ -602,29 +634,30 @@ class UnifiedMonitorDaemon:
                 self.logger.info(
                     f"Waiting for {len(active_threads)} background threads to complete before forking"
                 )
-                
+
                 # List thread names for debugging
                 thread_names = [t.name for t in active_threads]
                 self.logger.debug(f"Active threads: {thread_names}")
 
                 # Wait for threads to complete or timeout
                 while time.time() - start_time < timeout:
-                    remaining_threads = [
-                        t for t in active_threads if t.is_alive()
-                    ]
+                    remaining_threads = [t for t in active_threads if t.is_alive()]
                     if not remaining_threads:
                         self.logger.debug("All threads completed")
                         break
-                    
+
                     # Log remaining threads periodically
                     if int(time.time() - start_time) % 1 == 0:
-                        self.logger.debug(f"{len(remaining_threads)} threads still active")
-                    
+                        self.logger.debug(
+                            f"{len(remaining_threads)} threads still active"
+                        )
+
                     time.sleep(0.1)
-                
+
                 # Final check
                 final_threads = [
-                    t for t in threading.enumerate() 
+                    t
+                    for t in threading.enumerate()
                     if t.is_alive() and t != threading.current_thread()
                 ]
                 if final_threads: