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

claude-mpm 4.2.44py3-none-any.whl → 4.3.0py3-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 (153) hide show

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

@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Activity Dashboard Connection Test</title>
+    <!-- Load Socket.IO from CDN directly -->
+    <script src="https://cdn.socket.io/4.8.1/socket.io.min.js"></script>
+    <style>
+        body {
+            font-family: monospace;
+            background: #1e293b;
+            color: #e0e0e0;
+            padding: 20px;
+        }
+        .status {
+            padding: 10px;
+            border: 1px solid #333;
+            margin: 10px 0;
+            border-radius: 5px;
+        }
+        .connected { background: #065f46; }
+        .disconnected { background: #7f1d1d; }
+        .log {
+            background: #0f172a;
+            padding: 10px;
+            margin: 10px 0;
+            border-radius: 5px;
+            max-height: 400px;
+            overflow-y: auto;
+        }
+        .log-entry {
+            margin: 2px 0;
+            padding: 2px;
+        }
+        .error { color: #f87171; }
+        .success { color: #4ade80; }
+        .info { color: #60a5fa; }
+    </style>
+</head>
+<body>
+    <h1>Activity Dashboard Connection Test</h1>
+    <div id="status" class="status disconnected">
+        Status: <span id="status-text">Initializing...</span>
+    </div>
+    <div class="log" id="log">
+        <div class="log-entry info">Starting connection test...</div>
+    </div>
+    <button onclick="testConnection()">Test Connection</button>
+    <button onclick="clearLog()">Clear Log</button>
+    <script>
+        const logEl = document.getElementById('log');
+        const statusEl = document.getElementById('status');
+        const statusTextEl = document.getElementById('status-text');
+        function log(message, type = 'info') {
+            const entry = document.createElement('div');
+            entry.className = `log-entry ${type}`;
+            entry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
+            logEl.appendChild(entry);
+            logEl.scrollTop = logEl.scrollHeight;
+            console.log(`[${type}] ${message}`);
+        }
+        function updateStatus(connected, text) {
+            statusEl.className = `status ${connected ? 'connected' : 'disconnected'}`;
+            statusTextEl.textContent = text;
+        }
+        function clearLog() {
+            logEl.innerHTML = '';
+            log('Log cleared', 'info');
+        }
+        function testConnection() {
+            log('Testing connection to Socket.IO server...', 'info');
+            // Check if Socket.IO is loaded
+            if (typeof io === 'undefined') {
+                log('ERROR: Socket.IO library not loaded!', 'error');
+                updateStatus(false, 'Socket.IO not loaded');
+                return;
+            }
+            log(`Socket.IO version: ${io.version || 'unknown'}`, 'info');
+            // Try to connect
+            const url = 'http://localhost:8765';
+            log(`Attempting to connect to ${url}`, 'info');
+            updateStatus(false, 'Connecting...');
+            try {
+                const socket = io(url, {
+                    autoConnect: true,
+                    reconnection: true,
+                    reconnectionDelay: 1000,
+                    reconnectionDelayMax: 10000,
+                    reconnectionAttempts: 3,
+                    timeout: 5000,
+                    forceNew: true,
+                    transports: ['polling', 'websocket'],
+                    withCredentials: false,
+                    path: '/socket.io/'
+                });
+                socket.on('connect', () => {
+                    log(`SUCCESS: Connected! Socket ID: ${socket.id}`, 'success');
+                    updateStatus(true, `Connected (ID: ${socket.id})`);
+                    // Request server status
+                    socket.emit('request_status');
+                });
+                socket.on('disconnect', (reason) => {
+                    log(`Disconnected: ${reason}`, 'error');
+                    updateStatus(false, `Disconnected: ${reason}`);
+                });
+                socket.on('connect_error', (error) => {
+                    log(`Connection error: ${error.message}`, 'error');
+                    updateStatus(false, `Error: ${error.message}`);
+                });
+                socket.on('server_status', (status) => {
+                    log(`Server status received: ${JSON.stringify(status)}`, 'success');
+                });
+                socket.on('event', (data) => {
+                    log(`Event received: ${data.type}`, 'info');
+                });
+                // Socket.IO manager events
+                socket.io.on('error', (error) => {
+                    log(`Manager error: ${error}`, 'error');
+                });
+                socket.io.on('reconnect', (attempt) => {
+                    log(`Reconnected after ${attempt} attempts`, 'success');
+                    updateStatus(true, 'Reconnected');
+                });
+                socket.io.on('reconnect_attempt', (attempt) => {
+                    log(`Reconnection attempt ${attempt}`, 'info');
+                    updateStatus(false, `Reconnecting... (attempt ${attempt})`);
+                });
+                socket.io.on('reconnect_error', (error) => {
+                    log(`Reconnection error: ${error.message}`, 'error');
+                });
+                socket.io.on('reconnect_failed', () => {
+                    log('Reconnection failed after all attempts', 'error');
+                    updateStatus(false, 'Reconnection failed');
+                });
+                // Store socket for debugging
+                window.debugSocket = socket;
+                log('Socket stored as window.debugSocket for debugging', 'info');
+            } catch (error) {
+                log(`Exception: ${error.message}`, 'error');
+                updateStatus(false, 'Connection failed');
+            }
+        }
+        // Auto-test on load
+        setTimeout(() => {
+            log('Auto-testing connection...', 'info');
+            testConnection();
+        }, 500);
+    </script>
+</body>
+</html>

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

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Claude Tree Tab Debug Test</title>
+</head>
+<body>
+    <h1>Claude Tree Tab Debug Test</h1>
+    <p>This test will help diagnose why the Claude Tree tab is showing events instead of the D3.js tree.</p>
+    <h2>Steps to debug:</h2>
+    <ol>
+        <li>Open the dashboard at http://localhost:8080</li>
+        <li>Open browser developer console</li>
+        <li>Run these commands in console:</li>
+    </ol>
+    <pre>
+// 1. Check if CodeViewer is initialized
+console.log('CodeViewer exists?', window.CodeViewer);
+// 2. Check the Claude Tree tab content
+const claudeTreeTab = document.getElementById('claude-tree-tab');
+console.log('Claude Tree Tab HTML:', claudeTreeTab?.innerHTML);
+// 3. Check the Claude Tree container
+const claudeTreeContainer = document.getElementById('claude-tree-container');
+console.log('Claude Tree Container HTML:', claudeTreeContainer?.innerHTML);
+// 4. Manually trigger CodeViewer
+if (window.CodeViewer) {
+    window.CodeViewer.show();
+    console.log('CodeViewer.show() called');
+    // Check container after show()
+    setTimeout(() => {
+        const container = document.getElementById('claude-tree-container');
+        console.log('Container after show():', container?.innerHTML.substring(0, 500));
+    }, 1000);
+}
+// 5. Check for event-item elements in Claude Tree tab
+const eventItems = claudeTreeTab?.querySelectorAll('.event-item');
+console.log('Event items found in Claude Tree tab:', eventItems?.length || 0);
+// 6. Check what's rendering events
+const allEventLists = document.querySelectorAll('.events-list');
+console.log('All elements with class "events-list":', allEventLists.length);
+allEventLists.forEach((el, i) => {
+    console.log(`  List ${i}: ID="${el.id}", Parent ID="${el.parentElement?.id}"`);
+});
+    </pre>
+    <h2>Expected vs Actual:</h2>
+    <ul>
+        <li><strong>Expected:</strong> Claude Tree tab should contain a D3.js SVG tree visualization</li>
+        <li><strong>Actual:</strong> Claude Tree tab is showing event entries like "[hook] hook.user_prompt"</li>
+    </ul>
+    <h2>Hypothesis:</h2>
+    <p>The issue might be one of:</p>
+    <ul>
+        <li>CodeViewer is not being initialized properly</li>
+        <li>The container is being overwritten after CodeViewer renders</li>
+        <li>There's a CSS issue causing wrong content to be displayed</li>
+        <li>Events are being rendered into the wrong container</li>
+    </ul>
+</body>
+</html>

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

@@ -0,0 +1,409 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard Test - Claude MPM</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+            background: #f5f5f5;
+        }
+        .test-section {
+            background: white;
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        h1 {
+            color: #333;
+            border-bottom: 2px solid #007bff;
+            padding-bottom: 10px;
+        }
+        h2 {
+            color: #555;
+            margin-top: 0;
+        }
+        .test-result {
+            padding: 10px;
+            margin: 10px 0;
+            border-radius: 4px;
+            font-family: 'Courier New', monospace;
+        }
+        .success {
+            background: #d4edda;
+            border: 1px solid #c3e6cb;
+            color: #155724;
+        }
+        .error {
+            background: #f8d7da;
+            border: 1px solid #f5c6cb;
+            color: #721c24;
+        }
+        .warning {
+            background: #fff3cd;
+            border: 1px solid #ffeeba;
+            color: #856404;
+        }
+        .info {
+            background: #d1ecf1;
+            border: 1px solid #bee5eb;
+            color: #0c5460;
+        }
+        button {
+            background: #007bff;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 4px;
+            cursor: pointer;
+            margin: 5px;
+        }
+        button:hover {
+            background: #0056b3;
+        }
+        .event-list {
+            max-height: 300px;
+            overflow-y: auto;
+            border: 1px solid #ddd;
+            padding: 10px;
+            margin-top: 10px;
+            background: #f9f9f9;
+        }
+        .event-item {
+            padding: 5px;
+            margin: 2px 0;
+            background: white;
+            border-left: 3px solid #007bff;
+            font-size: 12px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Dashboard Component Test Suite</h1>
+    <div class="test-section">
+        <h2>🔌 Connection Test</h2>
+        <button onclick="testConnection()">Test Socket Connection</button>
+        <div id="connection-result"></div>
+    </div>
+    <div class="test-section">
+        <h2>📊 Event Generation Test</h2>
+        <button onclick="generateTestEvents()">Generate Test Events</button>
+        <button onclick="clearTestEvents()">Clear Events</button>
+        <div id="event-result"></div>
+        <div id="event-list" class="event-list" style="display:none;"></div>
+    </div>
+    <div class="test-section">
+        <h2>🔧 Tool Detection Test</h2>
+        <button onclick="testToolDetection()">Test Tool Detection</button>
+        <div id="tool-result"></div>
+    </div>
+    <div class="test-section">
+        <h2>📁 File Detection Test</h2>
+        <button onclick="testFileDetection()">Test File Detection</button>
+        <div id="file-result"></div>
+    </div>
+    <div class="test-section">
+        <h2>🤖 Agent Detection Test</h2>
+        <button onclick="testAgentDetection()">Test Agent Detection</button>
+        <div id="agent-result"></div>
+    </div>
+    <div class="test-section">
+        <h2>📈 Dashboard Integration Test</h2>
+        <button onclick="testDashboardIntegration()">Run Full Integration Test</button>
+        <div id="integration-result"></div>
+    </div>
+    <script>
+        // Test data
+        const testEvents = [
+            // Tool events
+            {
+                type: 'hook',
+                subtype: 'pre_tool',
+                tool_name: 'Read',
+                tool_parameters: { file_path: '/test/file1.py' },
+                agent_type: 'Engineer',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-1'
+            },
+            {
+                type: 'hook',
+                subtype: 'post_tool',
+                tool_name: 'Read',
+                tool_parameters: { file_path: '/test/file1.py' },
+                agent_type: 'Engineer',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-1',
+                success: true,
+                duration_ms: 100
+            },
+            {
+                type: 'tool_use',
+                tool_name: 'Write',
+                tool_parameters: { file_path: '/test/file2.js', content: 'test content' },
+                agent_type: 'PM',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-1'
+            },
+            {
+                type: 'hook',
+                subtype: 'pre_tool',
+                tool_name: 'Bash',
+                tool_parameters: { command: 'ls -la /test' },
+                agent_type: 'DevOps',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-2'
+            },
+            // Agent events
+            {
+                type: 'agent',
+                subtype: 'subagent_start',
+                agent_type: 'Engineer',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-1'
+            },
+            {
+                type: 'agent',
+                subtype: 'subagent_stop',
+                agent_type: 'Engineer',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-1'
+            },
+            // File operations in bash
+            {
+                type: 'hook',
+                subtype: 'pre_tool',
+                tool_name: 'Bash',
+                tool_parameters: { command: 'cat /test/config.json' },
+                agent_type: 'QA',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-3'
+            },
+            {
+                type: 'hook',
+                subtype: 'pre_tool',
+                tool_name: 'Grep',
+                tool_parameters: { pattern: 'TODO', path: '/test' },
+                agent_type: 'QA',
+                timestamp: new Date().toISOString(),
+                session_id: 'test-session-3'
+            }
+        ];
+        function testConnection() {
+            const resultDiv = document.getElementById('connection-result');
+            resultDiv.innerHTML = '<div class="info">Testing socket connection...</div>';
+            // Check if dashboard components are loaded
+            const checks = {
+                'Dashboard': typeof window.Dashboard !== 'undefined',
+                'FileToolTracker': typeof window.FileToolTracker !== 'undefined',
+                'AgentInference': typeof window.AgentInference !== 'undefined',
+                'EventProcessor': typeof window.EventProcessor !== 'undefined'
+            };
+            let allLoaded = true;
+            let html = '';
+            for (const [component, loaded] of Object.entries(checks)) {
+                if (loaded) {
+                    html += `<div class="success">✅ ${component} loaded</div>`;
+                } else {
+                    html += `<div class="error">❌ ${component} not loaded</div>`;
+                    allLoaded = false;
+                }
+            }
+            if (allLoaded) {
+                html += '<div class="success"><strong>All dashboard components loaded successfully!</strong></div>';
+            } else {
+                html += '<div class="warning"><strong>Some components are missing. Check if dashboard is properly loaded.</strong></div>';
+            }
+            resultDiv.innerHTML = html;
+        }
+        function generateTestEvents() {
+            const resultDiv = document.getElementById('event-result');
+            const listDiv = document.getElementById('event-list');
+            resultDiv.innerHTML = '<div class="info">Generating test events...</div>';
+            listDiv.style.display = 'block';
+            listDiv.innerHTML = '';
+            testEvents.forEach((event, index) => {
+                const eventDiv = document.createElement('div');
+                eventDiv.className = 'event-item';
+                eventDiv.innerHTML = `
+                    <strong>Event ${index + 1}:</strong>
+                    Type: ${event.type},
+                    Tool: ${event.tool_name || 'N/A'},
+                    Agent: ${event.agent_type || 'N/A'}
+                `;
+                listDiv.appendChild(eventDiv);
+            });
+            resultDiv.innerHTML = `<div class="success">Generated ${testEvents.length} test events</div>`;
+        }
+        function clearTestEvents() {
+            document.getElementById('event-list').style.display = 'none';
+            document.getElementById('event-result').innerHTML = '<div class="info">Events cleared</div>';
+        }
+        function testToolDetection() {
+            const resultDiv = document.getElementById('tool-result');
+            if (typeof window.FileToolTracker === 'undefined') {
+                resultDiv.innerHTML = '<div class="error">FileToolTracker not loaded</div>';
+                return;
+            }
+            // Create a test instance
+            const tracker = new window.FileToolTracker();
+            // Test tool detection
+            const toolEvents = testEvents.filter(e => tracker.isToolOperation(e));
+            resultDiv.innerHTML = `
+                <div class="success">Tool Detection Results:</div>
+                <div class="info">Found ${toolEvents.length} tool operations out of ${testEvents.length} events</div>
+                ${toolEvents.map(e => `
+                    <div class="test-result success">
+                        ✅ Detected: ${e.tool_name} (${e.type}/${e.subtype})
+                    </div>
+                `).join('')}
+            `;
+            // Update tool calls
+            tracker.updateToolCalls(testEvents);
+            const toolCalls = tracker.getToolCalls();
+            resultDiv.innerHTML += `
+                <div class="info">Tool calls map size: ${toolCalls.size}</div>
+            `;
+        }
+        function testFileDetection() {
+            const resultDiv = document.getElementById('file-result');
+            if (typeof window.FileToolTracker === 'undefined') {
+                resultDiv.innerHTML = '<div class="error">FileToolTracker not loaded</div>';
+                return;
+            }
+            // Create a test instance
+            const tracker = new window.FileToolTracker();
+            // Test file detection
+            const fileEvents = testEvents.filter(e => tracker.isFileOperation(e));
+            resultDiv.innerHTML = `
+                <div class="success">File Detection Results:</div>
+                <div class="info">Found ${fileEvents.length} file operations out of ${testEvents.length} events</div>
+                ${fileEvents.map(e => `
+                    <div class="test-result success">
+                        ✅ Detected: ${e.tool_name} - ${e.tool_parameters?.file_path || e.tool_parameters?.command || 'N/A'}
+                    </div>
+                `).join('')}
+            `;
+            // Update file operations
+            tracker.updateFileOperations(testEvents);
+            const fileOps = tracker.getFileOperations();
+            resultDiv.innerHTML += `
+                <div class="info">File operations map size: ${fileOps.size}</div>
+                ${Array.from(fileOps.entries()).map(([path, data]) => `
+                    <div class="test-result info">
+                        📁 ${path}: ${data.operations.length} operations
+                    </div>
+                `).join('')}
+            `;
+        }
+        function testAgentDetection() {
+            const resultDiv = document.getElementById('agent-result');
+            if (typeof window.AgentInference === 'undefined') {
+                resultDiv.innerHTML = '<div class="error">AgentInference not loaded</div>';
+                return;
+            }
+            // Create a test instance with mock event viewer
+            const mockEventViewer = { events: testEvents };
+            const inference = new window.AgentInference(mockEventViewer);
+            // Test agent inference
+            const results = testEvents.map(e => {
+                const result = inference.inferAgentFromEvent(e);
+                return { event: e, inference: result };
+            });
+            resultDiv.innerHTML = `
+                <div class="success">Agent Detection Results:</div>
+                ${results.map(r => `
+                    <div class="test-result ${r.inference.type === 'subagent' ? 'success' : 'info'}">
+                        ${r.inference.type === 'subagent' ? '🤖' : '🎯'}
+                        ${r.inference.agentName}
+                        (${r.inference.confidence}) -
+                        ${r.event.type}/${r.event.subtype || 'N/A'}
+                    </div>
+                `).join('')}
+            `;
+        }
+        function testDashboardIntegration() {
+            const resultDiv = document.getElementById('integration-result');
+            resultDiv.innerHTML = '<div class="info">Running full integration test...</div>';
+            // Run all tests
+            const tests = [
+                { name: 'Connection', fn: testConnection },
+                { name: 'Event Generation', fn: generateTestEvents },
+                { name: 'Tool Detection', fn: testToolDetection },
+                { name: 'File Detection', fn: testFileDetection },
+                { name: 'Agent Detection', fn: testAgentDetection }
+            ];
+            let allPassed = true;
+            let results = [];
+            tests.forEach(test => {
+                try {
+                    test.fn();
+                    results.push(`<div class="success">✅ ${test.name} passed</div>`);
+                } catch (error) {
+                    results.push(`<div class="error">❌ ${test.name} failed: ${error.message}</div>`);
+                    allPassed = false;
+                }
+            });
+            resultDiv.innerHTML = `
+                <h3>Integration Test Results:</h3>
+                ${results.join('')}
+                <div class="${allPassed ? 'success' : 'warning'}">
+                    <strong>${allPassed ? '✅ All tests passed!' : '⚠️ Some tests failed'}</strong>
+                </div>
+            `;
+        }
+        // Auto-run connection test on load
+        window.addEventListener('DOMContentLoaded', () => {
+            setTimeout(testConnection, 500);
+        });
+    </script>
+</body>
+</html>

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

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