PyPI - claude-mpm - Versions diffs - 4.2.44__py3-none-any.whl → 4.2.51__py3-none-any.whl - Mend

claude-mpm 4.2.44py3-none-any.whl → 4.2.51py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (148) hide show

claude_mpm/dashboard/static/archive/test_file_tree_fix.html ADDED Viewed

@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>File Tree Tab Fix Test</title>
+    <style>
+        body {
+            font-family: monospace;
+            max-width: 1200px;
+            margin: 20px auto;
+            padding: 20px;
+            background: #1e1e1e;
+            color: #d4d4d4;
+        }
+        .test-section {
+            background: #2d2d2d;
+            padding: 20px;
+            margin-bottom: 20px;
+            border-radius: 5px;
+            border: 1px solid #444;
+        }
+        h2 {
+            color: #569cd6;
+            margin-top: 0;
+        }
+        button {
+            padding: 10px 20px;
+            margin: 5px;
+            background: #007acc;
+            color: white;
+            border: none;
+            border-radius: 3px;
+            cursor: pointer;
+            font-size: 14px;
+        }
+        button:hover {
+            background: #005a9e;
+        }
+        .status {
+            padding: 10px;
+            border-radius: 3px;
+            margin: 10px 0;
+            font-size: 14px;
+        }
+        .info {
+            background: #2d4a5d;
+            color: #9cdcfe;
+            border: 1px solid #3e6379;
+        }
+        .success {
+            background: #1b3b1b;
+            color: #4ec24e;
+            border: 1px solid #2d5a2d;
+        }
+        .error {
+            background: #5a1d1d;
+            color: #f48771;
+            border: 1px solid #8b2c2c;
+        }
+        .log-output {
+            background: #1e1e1e;
+            border: 1px solid #444;
+            border-radius: 3px;
+            padding: 10px;
+            margin-top: 10px;
+            max-height: 400px;
+            overflow-y: auto;
+            font-size: 12px;
+            white-space: pre-wrap;
+        }
+        .log-entry {
+            margin: 2px 0;
+            padding: 2px 5px;
+        }
+        .log-entry.info { color: #9cdcfe; }
+        .log-entry.success { color: #4ec24e; }
+        .log-entry.error { color: #f48771; }
+        .log-entry.warning { color: #dcdcaa; }
+    </style>
+</head>
+<body>
+    <h1>🔧 File Tree Tab Fix Verification</h1>
+    <div class="test-section">
+        <h2>Test Configuration</h2>
+        <div class="status info">
+            <strong>Dashboard URL:</strong> http://localhost:8765<br>
+            <strong>Issue:</strong> File Tree tab shows Events list instead of D3.js tree<br>
+            <strong>Expected:</strong> File Tree tab should show D3.js tree or empty state
+        </div>
+        <button onclick="openDashboard()">Open Dashboard</button>
+        <button onclick="testFileTree()">Test File Tree Tab</button>
+        <button onclick="checkTabState()">Check Tab State</button>
+        <button onclick="clearLog()">Clear Log</button>
+    </div>
+    <div class="test-section">
+        <h2>Test Results</h2>
+        <div id="test-results"></div>
+    </div>
+    <div class="test-section">
+        <h2>Debug Log</h2>
+        <div class="log-output" id="log-output"></div>
+    </div>
+    <script>
+        const dashboardUrl = 'http://localhost:8765';
+        let dashboardWindow = null;
+        function log(message, type = 'info') {
+            const logOutput = document.getElementById('log-output');
+            const entry = document.createElement('div');
+            entry.className = `log-entry ${type}`;
+            const time = new Date().toLocaleTimeString();
+            entry.textContent = `[${time}] ${message}`;
+            logOutput.appendChild(entry);
+            logOutput.scrollTop = logOutput.scrollHeight;
+        }
+        function clearLog() {
+            document.getElementById('log-output').innerHTML = '';
+            document.getElementById('test-results').innerHTML = '';
+            log('Logs cleared', 'info');
+        }
+        function openDashboard() {
+            dashboardWindow = window.open(dashboardUrl + '#file_tree', 'dashboard');
+            log('Opening dashboard with File Tree tab...', 'info');
+            setTimeout(() => {
+                if (dashboardWindow && !dashboardWindow.closed) {
+                    log('Dashboard window opened', 'success');
+                    log('Navigate to File Tree tab and check what content is displayed', 'warning');
+                    checkTabState();
+                } else {
+                    log('Failed to open dashboard window', 'error');
+                }
+            }, 2000);
+        }
+        function testFileTree() {
+            log('Testing File Tree tab behavior...', 'info');
+            if (!dashboardWindow || dashboardWindow.closed) {
+                log('Dashboard window not open. Opening...', 'warning');
+                openDashboard();
+                setTimeout(() => testFileTree(), 3000);
+                return;
+            }
+            try {
+                // Try to interact with the dashboard window
+                dashboardWindow.location.hash = '#file_tree';
+                log('Set URL hash to #file_tree', 'info');
+                setTimeout(() => {
+                    checkTabState();
+                }, 1000);
+            } catch (e) {
+                log('Cannot interact with dashboard due to same-origin policy', 'error');
+                log('Please manually click on File Tree tab and observe the content', 'warning');
+            }
+        }
+        function checkTabState() {
+            if (!dashboardWindow || dashboardWindow.closed) {
+                log('Dashboard window not available', 'error');
+                return;
+            }
+            const results = document.getElementById('test-results');
+            results.innerHTML = '';
+            log('Checking dashboard state...', 'info');
+            // Create manual checklist
+            const checklist = `
+                <div class="status info">
+                    <strong>Manual Verification Checklist:</strong><br><br>
+                    1. <strong>URL Hash Check:</strong><br>
+                    &nbsp;&nbsp;&nbsp;• Is the URL showing #file_tree? ✓/✗<br><br>
+                    2. <strong>Tab Button Highlight:</strong><br>
+                    &nbsp;&nbsp;&nbsp;• Is ONLY the "📝 File Tree" tab button highlighted? ✓/✗<br>
+                    &nbsp;&nbsp;&nbsp;• Are any other tabs also highlighted? (Should be NO)<br><br>
+                    3. <strong>Content Display:</strong><br>
+                    &nbsp;&nbsp;&nbsp;• What do you see in the main content area?<br>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;❌ WRONG: "Search events..." input box<br>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;❌ WRONG: "All Events" dropdown<br>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;❌ WRONG: List of hook events<br>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;✅ CORRECT: "📁 File Activity Tree" title<br>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;✅ CORRECT: "No file operations recorded yet" message<br>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;✅ CORRECT: D3.js tree visualization (if files have been accessed)<br><br>
+                    4. <strong>Console Errors:</strong><br>
+                    &nbsp;&nbsp;&nbsp;• Open browser console (F12)<br>
+                    &nbsp;&nbsp;&nbsp;• Any errors related to CodeViewer? ✓/✗<br>
+                    &nbsp;&nbsp;&nbsp;• Any errors about containers not found? ✓/✗<br><br>
+                    <strong>Current Issue Status:</strong><br>
+                    If you see Events content in File Tree tab, the issue is NOT fixed.
+                </div>
+            `;
+            results.innerHTML = checklist;
+            log('Manual verification checklist displayed', 'success');
+            log('Please check each item in the dashboard', 'warning');
+        }
+        // Auto-run on load
+        window.addEventListener('load', () => {
+            log('File Tree Fix Test Suite loaded', 'info');
+            log('Click "Open Dashboard" to begin testing', 'info');
+            log('The dashboard should open directly to File Tree tab', 'info');
+            // Provide diagnostic info
+            setTimeout(() => {
+                log('', 'info');
+                log('DIAGNOSTIC STEPS:', 'warning');
+                log('1. Open dashboard and click File Tree tab', 'info');
+                log('2. Check browser console for errors (F12)', 'info');
+                log('3. Note EXACTLY what content you see', 'info');
+                log('4. If you see Events list, the bug persists', 'error');
+                log('5. If you see File Tree or empty state, it\'s fixed!', 'success');
+            }, 1000);
+        });
+    </script>
+</body>
+</html>

claude_mpm/dashboard/static/archive/test_file_tree_rename.html ADDED Viewed

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>File Tree Rename Test</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        h1 { color: #333; }
+        .test-section {
+            background: #f5f5f5;
+            padding: 15px;
+            margin: 20px 0;
+            border-radius: 8px;
+        }
+        .success { color: green; font-weight: bold; }
+        .failure { color: red; font-weight: bold; }
+        iframe {
+            width: 100%;
+            height: 600px;
+            border: 2px solid #ddd;
+            border-radius: 8px;
+        }
+        pre {
+            background: #fff;
+            padding: 10px;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            overflow-x: auto;
+        }
+    </style>
+</head>
+<body>
+    <h1>File Tree Rename Verification</h1>
+    <div class="test-section">
+        <h2>Test Results</h2>
+        <div id="test-results"></div>
+    </div>
+    <div class="test-section">
+        <h2>Live Dashboard Preview</h2>
+        <p>The dashboard below should display "📝 File Tree" as the rightmost tab:</p>
+        <iframe src="http://localhost:8765" id="dashboard-iframe"></iframe>
+    </div>
+    <script>
+        async function runTests() {
+            const results = document.getElementById('test-results');
+            let testsPassed = 0;
+            let totalTests = 0;
+            // Test 1: Check if dashboard is accessible
+            totalTests++;
+            try {
+                const response = await fetch('http://localhost:8765');
+                if (response.ok) {
+                    results.innerHTML += '<p class="success">✓ Dashboard is accessible</p>';
+                    testsPassed++;
+                    // Test 2: Check if HTML contains "File Tree"
+                    totalTests++;
+                    const html = await response.text();
+                    if (html.includes('📝 File Tree')) {
+                        results.innerHTML += '<p class="success">✓ HTML contains "File Tree" button text</p>';
+                        testsPassed++;
+                    } else {
+                        results.innerHTML += '<p class="failure">✗ HTML does not contain "File Tree" button text</p>';
+                    }
+                    // Test 3: Check that "Claude Tree" is not in button text
+                    totalTests++;
+                    if (!html.includes('>📝 Claude Tree<')) {
+                        results.innerHTML += '<p class="success">✓ "Claude Tree" button text has been removed</p>';
+                        testsPassed++;
+                    } else {
+                        results.innerHTML += '<p class="failure">✗ "Claude Tree" button text still exists</p>';
+                    }
+                    // Test 4: Check comments were updated
+                    totalTests++;
+                    if (html.includes('File activity tree will be rendered here') ||
+                        html.includes('File Tree tab')) {
+                        results.innerHTML += '<p class="success">✓ Comments have been updated to "File Tree"</p>';
+                        testsPassed++;
+                    } else {
+                        results.innerHTML += '<p class="failure">✗ Comments still reference "Claude Tree"</p>';
+                    }
+                } else {
+                    results.innerHTML += '<p class="failure">✗ Dashboard is not accessible (status: ' + response.status + ')</p>';
+                }
+            } catch (error) {
+                results.innerHTML += '<p class="failure">✗ Failed to connect to dashboard: ' + error.message + '</p>';
+            }
+            // Summary
+            results.innerHTML += '<hr>';
+            results.innerHTML += '<h3>Summary: ' + testsPassed + '/' + totalTests + ' tests passed</h3>';
+            if (testsPassed === totalTests) {
+                results.innerHTML += '<p class="success">🎉 All tests passed! The rename from "Claude Tree" to "File Tree" was successful.</p>';
+            } else {
+                results.innerHTML += '<p class="failure">⚠️ Some tests failed. Please review the changes.</p>';
+            }
+        }
+        // Run tests when page loads
+        window.addEventListener('load', () => {
+            setTimeout(runTests, 1000); // Give iframe time to load
+        });
+    </script>
+</body>
+</html>

claude_mpm/dashboard/static/archive/test_file_tree_tab.html ADDED Viewed

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>File Tree Tab Test</title>
+    <style>
+        body {
+            font-family: monospace;
+            padding: 20px;
+            background: #f5f5f5;
+        }
+        .test-section {
+            background: white;
+            padding: 15px;
+            margin: 10px 0;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .status {
+            padding: 5px 10px;
+            border-radius: 3px;
+            display: inline-block;
+            margin: 5px 0;
+        }
+        .pass {
+            background: #d4edda;
+            color: #155724;
+        }
+        .fail {
+            background: #f8d7da;
+            color: #721c24;
+        }
+        .info {
+            background: #d1ecf1;
+            color: #0c5460;
+        }
+        pre {
+            background: #f8f9fa;
+            padding: 10px;
+            border-radius: 3px;
+            overflow-x: auto;
+        }
+    </style>
+</head>
+<body>
+    <h1>🧪 File Tree Tab Test Results</h1>
+    <div class="test-section">
+        <h2>Test Instructions:</h2>
+        <ol>
+            <li>Open the Claude MPM Dashboard at <a href="http://localhost:8765" target="_blank">http://localhost:8765</a></li>
+            <li>Click on the "File Tree" tab</li>
+            <li>Verify what content is displayed</li>
+        </ol>
+    </div>
+    <div class="test-section">
+        <h2>Expected Behavior:</h2>
+        <div class="status pass">✅ File Tree tab should show D3.js tree visualization</div>
+        <div class="status pass">✅ Tree should show at least a session root node</div>
+        <div class="status pass">✅ No event items should be visible</div>
+        <div class="status pass">✅ Control buttons: Expand All, Collapse All, Reset Zoom</div>
+        <div class="status pass">✅ Legend showing file/class/function/method indicators</div>
+    </div>
+    <div class="test-section">
+        <h2>Fixed Issues:</h2>
+        <div class="status info">🔧 EventViewer now respects container ID passed to constructor</div>
+        <div class="status info">🔧 UIStateManager cleans up leaked event items from non-event tabs</div>
+        <div class="status info">🔧 CodeViewer aggressively removes foreign content from its container</div>
+        <div class="status info">🔧 Added tab activity checks to prevent rendering in inactive tabs</div>
+    </div>
+    <div class="test-section">
+        <h2>Console Commands for Testing:</h2>
+        <pre>
+// Check if File Tree tab is active
+document.getElementById('claude-tree-tab').classList.contains('active')
+// Check File Tree container content
+document.getElementById('claude-tree-container').children.length
+// Force render the tree
+window.CodeViewer.show()
+// Check for leaked event items
+document.querySelectorAll('#claude-tree-container .event-item').length
+        </pre>
+    </div>
+    <div class="test-section">
+        <h2>Files Modified:</h2>
+        <ul>
+            <li><code>/src/claude_mpm/dashboard/static/js/components/event-viewer.js</code></li>
+            <li><code>/src/claude_mpm/dashboard/static/js/components/ui-state-manager.js</code></li>
+            <li><code>/src/claude_mpm/dashboard/static/js/components/code-viewer.js</code></li>
+        </ul>
+    </div>
+    <script>
+        // Auto-check if dashboard is accessible
+        fetch('http://localhost:8765')
+            .then(response => {
+                if (response.ok) {
+                    document.body.insertAdjacentHTML('afterbegin',
+                        '<div class="test-section"><div class="status pass">✅ Dashboard is accessible at http://localhost:8765</div></div>');
+                }
+            })
+            .catch(error => {
+                document.body.insertAdjacentHTML('afterbegin',
+                    '<div class="test-section"><div class="status fail">❌ Dashboard is not accessible. Please run: ./scripts/claude-mpm --use-venv monitor start</div></div>');
+            });
+    </script>
+</body>
+</html>

claude_mpm/dashboard/static/archive/test_file_viewer.html ADDED Viewed

@@ -0,0 +1,224 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>File Viewer Test</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            padding: 20px;
+            background: #1e1e1e;
+            color: #d4d4d4;
+        }
+        .test-container {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        h1 {
+            color: #4EC9B0;
+        }
+        .info {
+            background: #2d2d30;
+            padding: 15px;
+            border-radius: 5px;
+            margin: 20px 0;
+        }
+        .test-files {
+            background: #252526;
+            padding: 15px;
+            border-radius: 5px;
+        }
+        .file-link {
+            display: block;
+            padding: 10px;
+            margin: 5px 0;
+            background: #3e3e42;
+            border-radius: 3px;
+            cursor: pointer;
+            text-decoration: none;
+            color: #4EC9B0;
+        }
+        .file-link:hover {
+            background: #4e4e52;
+        }
+        .status {
+            padding: 10px;
+            margin: 10px 0;
+            border-radius: 3px;
+        }
+        .status.connected {
+            background: #2d5a2d;
+            color: #4EC9B0;
+        }
+        .status.disconnected {
+            background: #5a2d2d;
+            color: #f48771;
+        }
+        .debug-output {
+            background: #1e1e1e;
+            border: 1px solid #3e3e42;
+            padding: 10px;
+            margin: 20px 0;
+            max-height: 300px;
+            overflow-y: auto;
+            font-family: monospace;
+            font-size: 12px;
+        }
+        .debug-line {
+            margin: 2px 0;
+        }
+        .debug-line.error {
+            color: #f48771;
+        }
+        .debug-line.success {
+            color: #4EC9B0;
+        }
+        .debug-line.info {
+            color: #69b7ff;
+        }
+    </style>
+</head>
+<body>
+    <div class="test-container">
+        <h1>File Viewer Test Page</h1>
+        <div class="info">
+            <p>This page tests the file viewer functionality. Click on any file below to test the viewer.</p>
+            <p>Open the browser console (F12) to see debug output.</p>
+        </div>
+        <div id="connection-status" class="status disconnected">
+            Socket.IO Status: <span id="status-text">Disconnected</span>
+        </div>
+        <div class="test-files">
+            <h2>Test Files</h2>
+            <a class="file-link" onclick="testFileViewer('/Users/masa/Projects/claude-mpm/README.md')">
+                📄 /Users/masa/Projects/claude-mpm/README.md
+            </a>
+            <a class="file-link" onclick="testFileViewer('/Users/masa/Projects/claude-mpm/pyproject.toml')">
+                📄 /Users/masa/Projects/claude-mpm/pyproject.toml
+            </a>
+            <a class="file-link" onclick="testFileViewer('/Users/masa/Projects/claude-mpm/VERSION')">
+                📄 /Users/masa/Projects/claude-mpm/VERSION
+            </a>
+            <a class="file-link" onclick="testFileViewer('/Users/masa/Projects/claude-mpm/src/claude_mpm/__init__.py')">
+                📄 /Users/masa/Projects/claude-mpm/src/claude_mpm/__init__.py
+            </a>
+        </div>
+        <div class="debug-output" id="debug-output">
+            <div class="debug-line info">Debug output will appear here...</div>
+        </div>
+    </div>
+    <!-- Load Socket.IO client -->
+    <script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>
+    <script>
+        // Debug logging
+        function log(message, level = 'info') {
+            console.log(`[FileViewerTest] ${message}`);
+            const debugOutput = document.getElementById('debug-output');
+            const line = document.createElement('div');
+            line.className = `debug-line ${level}`;
+            line.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
+            debugOutput.appendChild(line);
+            debugOutput.scrollTop = debugOutput.scrollHeight;
+        }
+        // Initialize Socket.IO connection
+        log('Initializing Socket.IO connection...');
+        const socket = io('http://localhost:8765', {
+            reconnection: true,
+            reconnectionDelay: 1000,
+            reconnectionDelayMax: 5000,
+            reconnectionAttempts: 5
+        });
+        // Connection status handling
+        socket.on('connect', () => {
+            log('Connected to Socket.IO server!', 'success');
+            document.getElementById('connection-status').className = 'status connected';
+            document.getElementById('status-text').textContent = 'Connected';
+        });
+        socket.on('disconnect', () => {
+            log('Disconnected from Socket.IO server', 'error');
+            document.getElementById('connection-status').className = 'status disconnected';
+            document.getElementById('status-text').textContent = 'Disconnected';
+        });
+        socket.on('connect_error', (error) => {
+            log(`Connection error: ${error.message}`, 'error');
+        });
+        // Test file viewer function
+        function testFileViewer(filePath) {
+            log(`Testing file viewer with: ${filePath}`);
+            if (!socket.connected) {
+                log('Socket not connected! Please ensure the dashboard server is running on port 8765', 'error');
+                alert('Not connected to server. Please ensure the dashboard server is running.');
+                return;
+            }
+            // Set up response handler
+            socket.once('file_content_response', (data) => {
+                log(`Received file_content_response:`, 'info');
+                console.log('Response data:', data);
+                if (data.success) {
+                    log(`Successfully loaded file: ${data.file_path}`, 'success');
+                    log(`File size: ${data.file_size} bytes`, 'info');
+                    log(`Extension: ${data.extension}`, 'info');
+                    log(`Encoding: ${data.encoding}`, 'info');
+                    // Display first 500 characters of content
+                    const preview = data.content.substring(0, 500);
+                    log(`Content preview (first 500 chars):`, 'info');
+                    log(preview, 'info');
+                    // Show success alert with file info
+                    alert(`File loaded successfully!\n\nPath: ${data.file_path}\nSize: ${data.file_size} bytes\nType: ${data.extension}\n\nCheck console and debug output for content preview.`);
+                } else {
+                    log(`Failed to load file: ${data.error}`, 'error');
+                    alert(`Failed to load file:\n${data.error}`);
+                }
+            });
+            // Set timeout for response
+            const timeoutId = setTimeout(() => {
+                log('Request timed out after 10 seconds', 'error');
+                alert('Request timed out. The server may not be responding.');
+            }, 10000);
+            // Send read_file request
+            const requestData = {
+                file_path: filePath,
+                working_dir: '/Users/masa/Projects/claude-mpm',
+                max_size: 5 * 1024 * 1024  // 5MB limit
+            };
+            log(`Sending read_file event with data: ${JSON.stringify(requestData)}`);
+            socket.emit('read_file', requestData);
+            // Clear timeout if we get a response
+            socket.once('file_content_response', () => {
+                clearTimeout(timeoutId);
+            });
+        }
+        // Test connection on load
+        window.addEventListener('load', () => {
+            log('Page loaded, checking Socket.IO connection...');
+            if (socket.connected) {
+                log('Already connected to Socket.IO server', 'success');
+            } else {
+                log('Waiting for Socket.IO connection...', 'info');
+            }
+        });
+    </script>
+</body>
+</html>

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

claude-mpm 4.2.44py3-none-any.whl → 4.2.51py3-none-any.whl