claude-mpm 4.2.43__py3-none-any.whl → 4.2.44__py3-none-any.whl

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

@@ -388,7 +388,9 @@ class CodeViewer {
         if (window.socket) {
             window.socket.on('claude_event', (event) => {
                 console.log('[CodeViewer] Received claude_event:', event);
-                if (this.isFileOperationEvent(event)) {
+                
+                // Process both hook events and direct file operation events
+                if (this.isFileOperationEvent(event) || this.isDirectFileEvent(event)) {
                     this.processClaudeEvent(event);
                     // Only update if the File Tree tab is active
                     if (this.isTabActive()) {
@@ -398,13 +400,31 @@ class CodeViewer {
                     }
                 }
             });
+            
+            // Also listen for specific file events
+            window.socket.on('file:read', (data) => {
+                console.log('[CodeViewer] Received file:read event:', data);
+                this.handleDirectFileEvent('Read', data);
+            });
+            
+            window.socket.on('file:write', (data) => {
+                console.log('[CodeViewer] Received file:write event:', data);
+                this.handleDirectFileEvent('Write', data);
+            });
+            
+            window.socket.on('file:edit', (data) => {
+                console.log('[CodeViewer] Received file:edit event:', data);
+                this.handleDirectFileEvent('Edit', data);
+            });
         }
 
         // Listen for events from event bus
         if (window.eventBus) {
             window.eventBus.on('claude_event', (event) => {
                 console.log('[CodeViewer] Received claude_event from eventBus:', event);
-                if (this.isFileOperationEvent(event)) {
+                
+                // Process both hook events and direct file operation events
+                if (this.isFileOperationEvent(event) || this.isDirectFileEvent(event)) {
                     this.processClaudeEvent(event);
                     // Only update if the File Tree tab is active
                     if (this.isTabActive()) {
@@ -452,6 +472,46 @@ class CodeViewer {
         }
         return false;
     }
+    
+    /**
+     * Check if an event is a direct file event (not wrapped in hook)
+     */
+    isDirectFileEvent(event) {
+        // Check if this is a direct file operation event
+        if (event.type === 'file_operation' || 
+            (event.tool && ['Read', 'Write', 'Edit', 'MultiEdit', 'NotebookEdit'].includes(event.tool))) {
+            return true;
+        }
+        return false;
+    }
+    
+    /**
+     * Handle direct file events from WebSocket
+     */
+    handleDirectFileEvent(tool_name, data) {
+        const event = {
+            type: 'file_operation',
+            tool: tool_name,
+            data: {
+                tool_name: tool_name,
+                tool_parameters: data.parameters || data,
+                tool_output: data.output || null,
+                session_id: data.session_id || this.currentSession,
+                working_directory: data.working_directory || '/'
+            },
+            timestamp: data.timestamp || new Date().toISOString()
+        };
+        
+        console.log('[CodeViewer] Processing direct file event:', event);
+        this.processClaudeEvent(event);
+        
+        // Only update if the File Tree tab is active
+        if (this.isTabActive()) {
+            this.buildTreeData();
+            this.renderTree();
+            this.updateStats();
+        }
+    }
 
     /**
      * Check if an event is a file operation (legacy format)
@@ -465,18 +525,33 @@ class CodeViewer {
      * Process a claude event with file operation
      */
     processClaudeEvent(event) {
-        if (!this.isFileOperationEvent(event)) return;
-
-        // Extract data from claude_event structure
-        const data = event.data || {};
-        const tool_name = data.tool_name;
-        const tool_parameters = data.tool_parameters || {};
-        const tool_output = data.tool_output;
-        const timestamp = event.timestamp || new Date().toISOString();
-        const session_id = event.session_id || data.session_id;
-        const working_directory = data.working_directory || '/';
+        // Handle both hook events and direct file events
+        if (!this.isFileOperationEvent(event) && !this.isDirectFileEvent(event)) return;
+
+        let tool_name, tool_parameters, tool_output, timestamp, session_id, working_directory, filePath;
+        
+        // Extract data based on event format
+        if (this.isFileOperationEvent(event)) {
+            // Hook event format
+            const data = event.data || {};
+            tool_name = data.tool_name;
+            tool_parameters = data.tool_parameters || {};
+            tool_output = data.tool_output;
+            timestamp = event.timestamp || new Date().toISOString();
+            session_id = event.session_id || data.session_id;
+            working_directory = data.working_directory || '/';
+        } else if (this.isDirectFileEvent(event)) {
+            // Direct file event format
+            const data = event.data || event;
+            tool_name = event.tool || data.tool_name;
+            tool_parameters = data.tool_parameters || data.parameters || {};
+            tool_output = data.tool_output || data.output;
+            timestamp = event.timestamp || data.timestamp || new Date().toISOString();
+            session_id = event.session_id || data.session_id;
+            working_directory = data.working_directory || '/';
+        }
         
-        const filePath = tool_parameters.file_path || tool_parameters.notebook_path;
+        filePath = tool_parameters.file_path || tool_parameters.notebook_path;
         
         console.log('[CodeViewer] Processing file operation:', tool_name, filePath);
         

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

@@ -22,7 +22,6 @@ class UIStateManager {
             '#files': 'files',
             '#activity': 'activity',
             '#file_tree': 'claude-tree',
-            '#browser_logs': 'browser-logs',
             '': 'events', // default
         };
 
@@ -33,8 +32,7 @@ class UIStateManager {
             'tools': '#tools',
             'files': '#files',
             'activity': '#activity',
-            'claude-tree': '#file_tree',
-            'browser-logs': '#browser_logs'
+            'claude-tree': '#file_tree'
         };
 
         // Current active tab - will be set based on URL hash
@@ -157,7 +155,6 @@ class UIStateManager {
         if (text.includes('activity')) return 'activity';
         if (text.includes('agents')) return 'agents';
         if (text.includes('tools')) return 'tools';
-        if (text.includes('browser')) return 'browser-logs';  // Added browser logs support
         if (text.includes('files')) return 'files';
         if (text.includes('file tree')) return 'claude-tree';
         if (text.includes('code')) return 'code';
@@ -263,25 +260,6 @@ class UIStateManager {
                     window.CodeViewer.show();
                 }
             }
-            
-            // SIMPLEST POSSIBLE Browser Logs tab - just static text
-            if (tabName === 'browser-logs') {
-                console.log('[UIStateManager] Switching to Browser Logs tab - simple mode');
-                
-                const container = document.getElementById('browser-logs-container');
-                if (container) {
-                    // Clear EVERYTHING - no complex logic, just clear it
-                    container.innerHTML = '';
-                    
-                    // Set the simplest possible content - just text
-                    container.innerHTML = '<h2 style="padding: 20px;">Browser Logs</h2>';
-                    
-                    // That's it. Nothing else. No event listeners, no watchers, nothing.
-                    console.log('[UIStateManager] Browser Logs tab set to simple text');
-                } else {
-                    console.warn('[UIStateManager] Browser logs container not found');
-                }
-            }
         }, 100);
     }
 

claude_mpm/dashboard/static/js/dashboard.js

@@ -493,22 +493,6 @@ class Dashboard {
             case 'files':
                 this.renderFiles();
                 break;
-            case 'browser-logs':
-                // Simple browser logs display - no events
-                const browserLogsContainer = document.getElementById('browser-logs-container');
-                if (browserLogsContainer) {
-                    // Only set content if it's not already set
-                    if (!browserLogsContainer.querySelector('.browser-logs-simple')) {
-                        browserLogsContainer.innerHTML = `
-                            <div class="browser-logs-simple" style="padding: 20px;">
-                                <h2>Browser Logs</h2>
-                                <p style="color: #666;">Browser console monitoring - no events shown here</p>
-                            </div>
-                        `;
-                    }
-                }
-                console.log('[Dashboard] Browser Logs tab rendered (simple mode)');
-                break;
         }
 
         // Update selection UI if we have a selected card

claude_mpm/dashboard/templates/index.html

@@ -249,8 +249,7 @@
                         <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>
+                        <a href="#file_tree" class="tab-button" data-tab="claude-tree">📝 File Tree</a>
                     </div>
 
                     <!-- Events Tab -->
@@ -390,19 +389,12 @@
                     </div>
 
                     <!-- File Tree Tab -->
-                    <div class="tab-content active" id="claude-tree-tab">
+                    <div class="tab-content" 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>
 
                 </div>
             </div>
@@ -508,25 +500,7 @@
                     loadModule('/static/dist/components/activity-tree.js'),
                     loadModule('/static/js/components/code-tree.js'),  // TEMPORARY: Direct source for debugging
                     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
-                    // TEMPORARILY DISABLED for simplest implementation
-                    // loadModule('/static/js/components/browser-log-viewer.js?v=2.0-NUCLEAR')  // Browser console log viewer v2.0 NUCLEAR
-                    // TEMPORARILY DISABLED - BrowserLogViewer initialization
-                    //     .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');
-                    //         }
-                    //     })
+                    loadModule('/static/dist/components/file-viewer.js')  // File viewer for viewing file contents
                 ]);
             })
             .then(() => {

claude_mpm/services/monitor/server.py

@@ -28,7 +28,6 @@ from aiohttp import web
 from ...core.logging_config import get_logger
 from ...dashboard.api.simple_directory import list_directory
 from .event_emitter import get_event_emitter
-from .handlers.browser import BrowserHandler
 from .handlers.code_analysis import CodeAnalysisHandler
 from .handlers.dashboard import DashboardHandler
 from .handlers.file import FileHandler
@@ -69,7 +68,6 @@ class UnifiedMonitorServer:
         self.site = None
 
         # Event handlers
-        self.browser_handler = None
         self.code_analysis_handler = None
         self.dashboard_handler = None
         self.file_handler = None
@@ -272,14 +270,12 @@ class UnifiedMonitorServer:
         """Setup Socket.IO event handlers."""
         try:
             # Create event handlers
-            self.browser_handler = BrowserHandler(self.sio)
             self.code_analysis_handler = CodeAnalysisHandler(self.sio)
             self.dashboard_handler = DashboardHandler(self.sio)
             self.file_handler = FileHandler(self.sio)
             self.hook_handler = HookHandler(self.sio)
 
             # Register handlers
-            self.browser_handler.register()
             self.code_analysis_handler.register()
             self.dashboard_handler.register()
             self.file_handler.register()
@@ -512,219 +508,6 @@ class UnifiedMonitorServer:
                     {"working_directory": os.getcwd(), "success": True}
                 )
 
-            # Browser monitor script endpoint
-            async def browser_monitor_script_handler(request):
-                """Serve the browser console monitoring script with dynamic port injection."""
-                try:
-                    # Read the browser monitor script template
-                    script_path = (
-                        dashboard_dir / "static" / "js" / "browser-console-monitor.js"
-                    )
-
-                    if not script_path.exists():
-                        return web.Response(
-                            text="Browser monitor script not found",
-                            status=404,
-                            content_type="text/javascript",
-                        )
-
-                    # Read script content
-                    with open(script_path, encoding="utf-8") as f:
-                        script_content = f.read()
-
-                    # Replace the port placeholder with actual monitor port
-                    script_content = script_content.replace(
-                        "__MONITOR_PORT__", str(self.port)
-                    )
-
-                    # Set appropriate headers for JavaScript
-                    headers = {
-                        "Content-Type": "application/javascript; charset=utf-8",
-                        "Access-Control-Allow-Origin": "*",
-                        "Access-Control-Allow-Methods": "GET, OPTIONS",
-                        "Access-Control-Allow-Headers": "Content-Type",
-                        "Cache-Control": "no-cache, no-store, must-revalidate",
-                        "Pragma": "no-cache",
-                        "Expires": "0",
-                    }
-
-                    return web.Response(text=script_content, headers=headers)
-
-                except Exception as e:
-                    self.logger.error(f"Error serving browser monitor script: {e}")
-                    return web.Response(
-                        text=f"// Error loading browser monitor script: {e}",
-                        status=500,
-                        content_type="application/javascript",
-                    )
-
-            # Browser log endpoints
-            async def api_browser_logs_handler(request):
-                """Return list of browser log files."""
-                try:
-                    from pathlib import Path
-
-                    # Get browser log directory
-                    log_dir = Path.home() / ".claude-mpm" / "logs" / "client"
-
-                    if not log_dir.exists():
-                        return web.json_response({"files": [], "total": 0})
-
-                    # Get all log files
-                    log_files = []
-                    for file_path in log_dir.glob("*.log"):
-                        stat = file_path.stat()
-                        log_files.append(
-                            {
-                                "name": file_path.name,
-                                "size": stat.st_size,
-                                "modified": stat.st_mtime,
-                                "modified_iso": datetime.fromtimestamp(
-                                    stat.st_mtime
-                                ).isoformat(),
-                            }
-                        )
-
-                    # Sort by modification time (newest first)
-                    log_files.sort(key=lambda x: x["modified"], reverse=True)
-
-                    return web.json_response(
-                        {
-                            "files": log_files,
-                            "total": len(log_files),
-                            "directory": str(log_dir),
-                        }
-                    )
-
-                except Exception as e:
-                    self.logger.error(f"Error listing browser logs: {e}")
-                    return web.json_response(
-                        {"error": str(e), "files": [], "total": 0}, status=500
-                    )
-
-            async def api_browser_log_file_handler(request):
-                """Return contents of specific browser log file."""
-                try:
-                    import json
-                    from pathlib import Path
-
-                    filename = request.match_info.get("filename", "")
-
-                    # Security: ensure filename is safe (no path traversal)
-                    if (
-                        not filename
-                        or "/" in filename
-                        or "\\" in filename
-                        or ".." in filename
-                    ):
-                        return web.json_response(
-                            {"error": "Invalid filename"}, status=400
-                        )
-
-                    # Get log file path
-                    log_dir = Path.home() / ".claude-mpm" / "logs" / "client"
-                    log_file = log_dir / filename
-
-                    # Check if file exists and is within log directory
-                    if not log_file.exists() or not log_file.is_file():
-                        return web.json_response(
-                            {"error": "Log file not found"}, status=404
-                        )
-
-                    # Ensure file is within the log directory (security check)
-                    try:
-                        log_file.resolve().relative_to(log_dir.resolve())
-                    except ValueError:
-                        return web.json_response(
-                            {"error": "Invalid file path"}, status=403
-                        )
-
-                    # Read log entries
-                    entries = []
-                    with open(log_file, encoding="utf-8") as f:
-                        for line in f:
-                            line = line.strip()
-                            if line:
-                                try:
-                                    entry = json.loads(line)
-                                    entries.append(entry)
-                                except json.JSONDecodeError:
-                                    # If not JSON, treat as plain text log
-                                    entries.append(
-                                        {
-                                            "timestamp": "",
-                                            "level": "INFO",
-                                            "message": line,
-                                        }
-                                    )
-
-                    # Limit entries for performance
-                    max_entries = 1000
-                    if len(entries) > max_entries:
-                        entries = entries[-max_entries:]  # Get last N entries
-
-                    return web.json_response(
-                        {
-                            "filename": filename,
-                            "entries": entries,
-                            "total": len(entries),
-                            "truncated": len(entries) == max_entries,
-                        }
-                    )
-
-                except Exception as e:
-                    self.logger.error(f"Error reading browser log file: {e}")
-                    return web.json_response(
-                        {"error": str(e), "entries": []}, status=500
-                    )
-
-            async def api_browser_log_handler(request):
-                """Handle browser log submissions from injected monitoring script."""
-                try:
-                    import json
-                    from pathlib import Path
-
-                    data = await request.json()
-
-                    # Extract log data
-                    browser_id = data.get("browser_id", "unknown")
-                    timestamp = data.get("timestamp", datetime.utcnow().isoformat())
-                    level = data.get("level", "INFO")
-                    message = data.get("message", "")
-                    url = data.get("url", "")
-                    user_agent = data.get("userAgent", "")
-
-                    # Create log entry
-                    log_entry = {
-                        "browser_id": browser_id,
-                        "timestamp": timestamp,
-                        "level": level,
-                        "message": message,
-                        "url": url,
-                        "user_agent": user_agent,
-                    }
-
-                    # Save to file
-                    log_dir = Path.home() / ".claude-mpm" / "logs" / "client"
-                    log_dir.mkdir(parents=True, exist_ok=True)
-
-                    # Use browser ID in filename for easy filtering
-                    log_file = log_dir / f"{browser_id}.log"
-
-                    # Append to log file
-                    with open(log_file, "a", encoding="utf-8") as f:
-                        f.write(json.dumps(log_entry) + "\n")
-
-                    # Also emit to Socket.IO for real-time viewing
-                    if self.sio:
-                        await self.sio.emit("browser_log", log_entry)
-
-                    return web.Response(status=204)  # No content
-
-                except Exception as e:
-                    self.logger.error(f"Error handling browser log: {e}")
-                    return web.Response(text=str(e), status=500)
-
             # Register routes
             self.app.router.add_get("/", dashboard_index)
             self.app.router.add_get("/health", health_check)
@@ -732,14 +515,6 @@ class UnifiedMonitorServer:
             self.app.router.add_get("/api/config", config_handler)
             self.app.router.add_get("/api/working-directory", working_directory_handler)
             self.app.router.add_get("/api/directory", list_directory)
-            self.app.router.add_get(
-                "/api/browser-monitor.js", browser_monitor_script_handler
-            )
-            self.app.router.add_get("/api/browser-logs", api_browser_logs_handler)
-            self.app.router.add_get(
-                "/api/browser-logs/{filename}", api_browser_log_file_handler
-            )
-            self.app.router.add_post("/api/browser-log", api_browser_log_handler)
             self.app.router.add_post("/api/events", api_events_handler)
             self.app.router.add_post("/api/file", api_file_handler)
 
@@ -961,7 +736,6 @@ class UnifiedMonitorServer:
             "host": self.host,
             "port": self.port,
             "handlers": {
-                "browser": self.browser_handler is not None,
                 "code_analysis": self.code_analysis_handler is not None,
                 "dashboard": self.dashboard_handler is not None,
                 "file": self.file_handler is not None,

{claude_mpm-4.2.43.dist-info → claude_mpm-4.2.44.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: claude-mpm
-Version: 4.2.43
+Version: 4.2.44
 Summary: Claude Multi-Agent Project Manager - Orchestrate Claude with agent delegation and ticket tracking
 Author-email: Bob Matsuoka <bob@matsuoka.com>
 Maintainer: Claude MPM Team