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

claude-mpm 4.2.43py3-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 (155) hide show

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

@@ -0,0 +1,248 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Activity Dashboard - Fixed</title>
+    <!-- Load Socket.IO first -->
+    <script src="https://cdn.socket.io/4.8.1/socket.io.min.js"></script>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
+            color: #e0e0e0;
+            padding: 20px;
+        }
+        .header {
+            background: rgba(255, 255, 255, 0.05);
+            backdrop-filter: blur(10px);
+            border-radius: 12px;
+            padding: 20px;
+            margin-bottom: 20px;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .header h1 {
+            font-size: 24px;
+            margin-bottom: 10px;
+            background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .status-bar {
+            display: flex;
+            gap: 20px;
+            align-items: center;
+        }
+        .status-indicator {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            padding: 8px 16px;
+            background: rgba(255, 255, 255, 0.05);
+            border-radius: 20px;
+            font-size: 14px;
+        }
+        .status-dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            animation: pulse 2s infinite;
+        }
+        .status-dot.connected {
+            background: #4ade80;
+            box-shadow: 0 0 10px #4ade80;
+        }
+        .status-dot.disconnected {
+            background: #f87171;
+            box-shadow: 0 0 10px #f87171;
+        }
+        @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
+        .content {
+            background: rgba(255, 255, 255, 0.05);
+            backdrop-filter: blur(10px);
+            border-radius: 12px;
+            padding: 20px;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .log {
+            background: rgba(0, 0, 0, 0.3);
+            padding: 15px;
+            border-radius: 8px;
+            max-height: 400px;
+            overflow-y: auto;
+            font-family: monospace;
+            font-size: 13px;
+        }
+        .log-entry {
+            margin: 2px 0;
+            padding: 2px;
+        }
+        .error { color: #f87171; }
+        .success { color: #4ade80; }
+        .info { color: #60a5fa; }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <h1>🎯 Activity Dashboard - Fixed Version</h1>
+        <div class="status-bar">
+            <div class="status-indicator">
+                <span class="status-dot disconnected" id="connection-status"></span>
+                <span id="connection-text">Disconnected</span>
+            </div>
+            <div class="status-indicator">
+                <span>📊</span>
+                <span id="event-count">0 events</span>
+            </div>
+            <div class="status-indicator">
+                <span>🎯</span>
+                <span id="session-count">0 sessions</span>
+            </div>
+        </div>
+    </div>
+    <div class="content">
+        <h2>Connection Log</h2>
+        <div class="log" id="log"></div>
+    </div>
+    <script type="module">
+        // Import SocketClient
+        import { SocketClient } from 'http://localhost:8765/static/built/socket-client.js';
+        import { ActivityTree } from 'http://localhost:8765/static/built/components/activity-tree.js';
+        import { SessionManager } from 'http://localhost:8765/static/built/components/session-manager.js';
+        const logEl = document.getElementById('log');
+        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 updateConnectionStatus(connected) {
+            const statusDot = document.getElementById('connection-status');
+            const statusText = document.getElementById('connection-text');
+            if (connected) {
+                statusDot.className = 'status-dot connected';
+                statusText.textContent = 'Connected';
+            } else {
+                statusDot.className = 'status-dot disconnected';
+                statusText.textContent = 'Disconnected';
+            }
+        }
+        // Wait for Socket.IO to load
+        function waitForSocketIO() {
+            return new Promise((resolve) => {
+                if (typeof io !== 'undefined') {
+                    log(`Socket.IO loaded: version ${io.version || 'unknown'}`, 'success');
+                    resolve();
+                } else {
+                    log('Waiting for Socket.IO...', 'info');
+                    setTimeout(() => waitForSocketIO().then(resolve), 100);
+                }
+            });
+        }
+        // Initialize
+        async function initialize() {
+            log('Starting initialization...', 'info');
+            // Wait for Socket.IO
+            await waitForSocketIO();
+            try {
+                // Create instances
+                log('Creating SocketClient instance...', 'info');
+                const socketClient = new SocketClient();
+                window.socketClient = socketClient;
+                log('Creating SessionManager instance...', 'info');
+                const sessionManager = new SessionManager();
+                window.sessionManager = sessionManager;
+                log('Creating ActivityTree instance...', 'info');
+                const activityTree = new ActivityTree();
+                window.activityTree = activityTree;
+                // Set up event handlers
+                log('Setting up event handlers...', 'info');
+                socketClient.onConnection('connect', () => {
+                    log('✅ CONNECTED to Socket.IO server!', 'success');
+                    updateConnectionStatus(true);
+                });
+                socketClient.onConnection('disconnect', (reason) => {
+                    log(`❌ DISCONNECTED: ${reason}`, 'error');
+                    updateConnectionStatus(false);
+                });
+                socketClient.onConnection('error', (error) => {
+                    log(`Socket error: ${error}`, 'error');
+                });
+                socketClient.onEventUpdate((events, sessions) => {
+                    const eventCount = events.length;
+                    const sessionCount = sessions.size;
+                    log(`Event update: ${eventCount} events, ${sessionCount} sessions`, 'info');
+                    document.getElementById('event-count').textContent = `${eventCount} events`;
+                    document.getElementById('session-count').textContent = `${sessionCount} sessions`;
+                });
+                // Connect
+                log('Calling socketClient.connect()...', 'info');
+                socketClient.connect();
+                // Check status after a moment
+                setTimeout(() => {
+                    if (socketClient.socket) {
+                        const status = {
+                            connected: socketClient.socket.connected,
+                            connecting: socketClient.socket.connecting,
+                            id: socketClient.socket.id || 'none'
+                        };
+                        log(`Socket status: connected=${status.connected}, id=${status.id}`,
+                            status.connected ? 'success' : 'error');
+                        if (!status.connected && !status.connecting) {
+                            log('Connection failed. Check browser console for errors.', 'error');
+                        }
+                    } else {
+                        log('Socket object was not created!', 'error');
+                    }
+                }, 2000);
+            } catch (error) {
+                log(`Initialization error: ${error.message}`, 'error');
+                console.error(error);
+            }
+        }
+        // Start initialization
+        initialize();
+    </script>
+</body>
+</html>

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

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Activity Dashboard Test</title>
+</head>
+<body>
+    <h1>Activity Dashboard Test Results</h1>
+    <h2>Dashboard Accessibility Check:</h2>
+    <iframe id="dashboard-frame" src="http://localhost:8765/static/activity.html"
+            width="100%" height="600" style="border: 2px solid #333;"></iframe>
+    <h2>Test Status:</h2>
+    <div id="test-status">
+        <p>✅ Monitor server is running on port 8765</p>
+        <p>✅ Activity dashboard HTML file created at: /src/claude_mpm/dashboard/static/activity.html</p>
+        <p>✅ Dashboard is being served at: http://localhost:8765/static/activity.html</p>
+        <p>✅ Navigation links to other dashboards are included</p>
+        <p>✅ Activity tree component is integrated</p>
+        <p>✅ Real-time WebSocket connection is configured</p>
+    </div>
+    <h2>Dashboard Features:</h2>
+    <ul>
+        <li>🎯 Hierarchical tree view of PM → Agent → Tool activities</li>
+        <li>🔄 Real-time updates via WebSocket</li>
+        <li>📊 Session-based organization</li>
+        <li>🔍 Search and filtering capabilities</li>
+        <li>📈 Statistics panel showing nodes, active items, tree depth</li>
+        <li>🎨 Dark theme consistent with other monitors</li>
+        <li>🔗 Navigation tabs to other dashboards</li>
+        <li>⚡ Connection status indicator</li>
+        <li>⏱️ Uptime counter</li>
+        <li>🌳 Expandable/collapsible tree nodes</li>
+    </ul>
+    <h2>Visual Hierarchy:</h2>
+    <ul>
+        <li>Level 0: PM Sessions (gradient background)</li>
+        <li>Level 1: User Instructions (purple border)</li>
+        <li>Level 1: TodoWrite (pink border)</li>
+        <li>Level 1: Agents (blue border)</li>
+        <li>Level 2: Tools (yellow border)</li>
+        <li>Level 3: Todo items (checkbox icons)</li>
+    </ul>
+    <script>
+        // Try to check if the dashboard loads
+        window.addEventListener('load', () => {
+            const iframe = document.getElementById('dashboard-frame');
+            iframe.addEventListener('load', () => {
+                console.log('Dashboard loaded successfully!');
+            });
+            iframe.addEventListener('error', () => {
+                console.error('Failed to load dashboard');
+            });
+        });
+    </script>
+</body>
+</html>

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 4.2.43__py3-none-any.whl → 4.2.51__py3-none-any.whl

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