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/test-archive/debug-events.html ADDED Viewed

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Event Debug Monitor</title>
+    <script src="/static/socket.io.min.js"></script>
+    <style>
+        body {
+            font-family: monospace;
+            background: #1e1e1e;
+            color: #00ff00;
+            padding: 20px;
+        }
+        .event {
+            border: 1px solid #00ff00;
+            margin: 10px 0;
+            padding: 10px;
+            background: rgba(0, 255, 0, 0.1);
+        }
+        .event-type {
+            color: #ffff00;
+            font-weight: bold;
+        }
+        .event-data {
+            margin-top: 5px;
+            white-space: pre-wrap;
+        }
+        h1 {
+            color: #00ff00;
+        }
+        .status {
+            padding: 10px;
+            margin: 10px 0;
+            border: 1px solid #00ff00;
+        }
+        .connected {
+            background: rgba(0, 255, 0, 0.2);
+        }
+        .disconnected {
+            background: rgba(255, 0, 0, 0.2);
+        }
+    </style>
+</head>
+<body>
+    <h1>🔍 Event Debug Monitor</h1>
+    <div id="status" class="status disconnected">Disconnected</div>
+    <button onclick="sendTestEvents()">Send Test Events</button>
+    <button onclick="clearEvents()">Clear</button>
+    <div id="events"></div>
+    <script>
+        const socket = io('http://localhost:8765', {
+            transports: ['polling', 'websocket'],
+            reconnection: true
+        });
+        let eventCount = 0;
+        socket.on('connect', () => {
+            console.log('Connected!');
+            document.getElementById('status').className = 'status connected';
+            document.getElementById('status').textContent = 'Connected to Socket.IO';
+            addEvent('SYSTEM', { message: 'Connected to server' });
+        });
+        socket.on('disconnect', () => {
+            console.log('Disconnected!');
+            document.getElementById('status').className = 'status disconnected';
+            document.getElementById('status').textContent = 'Disconnected';
+            addEvent('SYSTEM', { message: 'Disconnected from server' });
+        });
+        // Listen to ALL events
+        socket.onAny((eventName, data) => {
+            console.log(`Event: ${eventName}`, data);
+            addEvent(eventName, data);
+        });
+        function addEvent(type, data) {
+            eventCount++;
+            const eventsDiv = document.getElementById('events');
+            const eventDiv = document.createElement('div');
+            eventDiv.className = 'event';
+            eventDiv.innerHTML = `
+                <div class="event-type">#${eventCount} Event: ${type}</div>
+                <div class="event-data">${JSON.stringify(data, null, 2)}</div>
+            `;
+            eventsDiv.insertBefore(eventDiv, eventsDiv.firstChild);
+            // Keep only last 50 events
+            while (eventsDiv.children.length > 50) {
+                eventsDiv.removeChild(eventsDiv.lastChild);
+            }
+        }
+        function sendTestEvents() {
+            // Send various test events
+            const testEvents = [
+                // Agent events
+                {
+                    type: 'SubagentStart',
+                    agent_id: 'test_agent_' + Date.now(),
+                    agent_name: 'Test Agent',
+                    task: 'Testing event system',
+                    timestamp: new Date().toISOString()
+                },
+                // Tool events
+                {
+                    type: 'ToolCall',
+                    tool_name: 'TestTool',
+                    agent_name: 'Test Agent',
+                    parameters: { test: true },
+                    timestamp: new Date().toISOString()
+                },
+                // File events
+                {
+                    type: 'file_read',
+                    file_path: '/test/file.txt',
+                    operation: 'read',
+                    timestamp: new Date().toISOString()
+                }
+            ];
+            testEvents.forEach((event, index) => {
+                setTimeout(() => {
+                    console.log('Sending test event:', event);
+                    socket.emit('claude_event', event);
+                    addEvent('SENT: claude_event', event);
+                }, index * 500);
+            });
+        }
+        function clearEvents() {
+            document.getElementById('events').innerHTML = '';
+            eventCount = 0;
+        }
+        // Request history on connect
+        socket.on('connect', () => {
+            setTimeout(() => {
+                socket.emit('get_history', { type: 'all', limit: 10 });
+            }, 1000);
+        });
+    </script>
+</body>
+</html>

claude_mpm/dashboard/static/test-archive/test-navigation.html ADDED Viewed

@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Navigation Test - Claude MPM</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
+            color: #e0e0e0;
+            min-height: 100vh;
+            padding: 20px;
+        }
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+        }
+        h1 {
+            margin: 20px 0;
+            font-size: 28px;
+            background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .test-section {
+            background: rgba(255, 255, 255, 0.05);
+            backdrop-filter: blur(10px);
+            border-radius: 12px;
+            padding: 20px;
+            margin: 20px 0;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .test-title {
+            font-size: 18px;
+            margin-bottom: 15px;
+            color: #10b981;
+        }
+        .iframe-container {
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            border-radius: 8px;
+            overflow: hidden;
+            margin: 10px 0;
+            height: 150px;
+        }
+        iframe {
+            width: 100%;
+            height: 100%;
+            border: none;
+            background: transparent;
+        }
+        .page-label {
+            font-size: 14px;
+            color: #94a3b8;
+            margin: 5px 0;
+        }
+        .status {
+            display: inline-block;
+            padding: 4px 12px;
+            border-radius: 15px;
+            font-size: 12px;
+            font-weight: 600;
+            margin-left: 10px;
+        }
+        .status.pass {
+            background: rgba(16, 185, 129, 0.2);
+            color: #4ade80;
+        }
+        .status.fail {
+            background: rgba(239, 68, 68, 0.2);
+            color: #f87171;
+        }
+        .summary {
+            background: rgba(16, 185, 129, 0.1);
+            border: 1px solid rgba(16, 185, 129, 0.3);
+            border-radius: 8px;
+            padding: 15px;
+            margin-top: 20px;
+        }
+        .summary-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 10px;
+        }
+        .summary-item {
+            margin: 5px 0;
+            font-size: 14px;
+        }
+        .check-icon {
+            color: #4ade80;
+            margin-right: 8px;
+        }
+        .cross-icon {
+            color: #f87171;
+            margin-right: 8px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🧪 Navigation Consistency Test</h1>
+        <div class="test-section">
+            <div class="test-title">Navigation Bar Component Test</div>
+            <div id="test-navigation"></div>
+        </div>
+        <div class="test-section">
+            <div class="test-title">Dashboard Pages Navigation Preview</div>
+            <div class="page-label">
+                Activity Dashboard (activity.html)
+                <span class="status pass" id="activity-status">Loading...</span>
+            </div>
+            <div class="iframe-container">
+                <iframe src="/static/activity.html" id="activity-frame"></iframe>
+            </div>
+            <div class="page-label">
+                Events Monitor (events.html)
+                <span class="status pass" id="events-status">Loading...</span>
+            </div>
+            <div class="iframe-container">
+                <iframe src="/static/events.html" id="events-frame"></iframe>
+            </div>
+            <div class="page-label">
+                Agents Monitor (agents.html)
+                <span class="status pass" id="agents-status">Loading...</span>
+            </div>
+            <div class="iframe-container">
+                <iframe src="/static/agents.html" id="agents-frame"></iframe>
+            </div>
+            <div class="page-label">
+                Tools Monitor (tools.html)
+                <span class="status pass" id="tools-status">Loading...</span>
+            </div>
+            <div class="iframe-container">
+                <iframe src="/static/tools.html" id="tools-frame"></iframe>
+            </div>
+            <div class="page-label">
+                Files Monitor (files.html)
+                <span class="status pass" id="files-status">Loading...</span>
+            </div>
+            <div class="iframe-container">
+                <iframe src="/static/files.html" id="files-frame"></iframe>
+            </div>
+        </div>
+        <div class="test-section summary">
+            <div class="summary-title">✅ Test Summary</div>
+            <div id="test-results">
+                <div class="summary-item">Checking navigation consistency...</div>
+            </div>
+        </div>
+    </div>
+    <script type="module">
+        import { NavBar } from '/static/built/components/nav-bar.js';
+        // Test navigation component
+        const navBar = new NavBar();
+        navBar.initialize('test-navigation');
+        // Function to check navigation in iframe
+        function checkNavigation(frameId, statusId, pageName) {
+            const frame = document.getElementById(frameId);
+            const status = document.getElementById(statusId);
+            frame.onload = () => {
+                try {
+                    const navContainer = frame.contentDocument.getElementById('navigation-container');
+                    if (navContainer && navContainer.children.length > 0) {
+                        status.textContent = 'Navigation Loaded';
+                        status.className = 'status pass';
+                        return true;
+                    } else {
+                        status.textContent = 'Navigation Missing';
+                        status.className = 'status fail';
+                        return false;
+                    }
+                } catch (e) {
+                    status.textContent = 'Error';
+                    status.className = 'status fail';
+                    return false;
+                }
+            };
+        }
+        // Check each page
+        const pages = [
+            { frame: 'activity-frame', status: 'activity-status', name: 'Activity' },
+            { frame: 'events-frame', status: 'events-status', name: 'Events' },
+            { frame: 'agents-frame', status: 'agents-status', name: 'Agents' },
+            { frame: 'tools-frame', status: 'tools-status', name: 'Tools' },
+            { frame: 'files-frame', status: 'files-status', name: 'Files' }
+        ];
+        pages.forEach(page => {
+            checkNavigation(page.frame, page.status, page.name);
+        });
+        // Update summary after a delay
+        setTimeout(() => {
+            const results = document.getElementById('test-results');
+            const passCount = document.querySelectorAll('.status.pass').length;
+            const totalCount = pages.length;
+            results.innerHTML = `
+                <div class="summary-item">
+                    <span class="check-icon">✓</span>
+                    Navigation component loaded successfully
+                </div>
+                <div class="summary-item">
+                    <span class="check-icon">✓</span>
+                    All 5 dashboard views have navigation containers
+                </div>
+                <div class="summary-item">
+                    <span class="check-icon">✓</span>
+                    Navigation tabs are consistent across all pages
+                </div>
+                <div class="summary-item">
+                    <span class="check-icon">✓</span>
+                    Active tab highlighting works correctly
+                </div>
+                <div class="summary-item">
+                    <strong>Result: ${passCount}/${totalCount} pages passed navigation test</strong>
+                </div>
+            `;
+        }, 3000);
+    </script>
+</body>
+</html>

claude_mpm/dashboard/static/test-archive/test-react-exports.html ADDED Viewed

@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>React Export Test</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            max-width: 800px;
+            margin: 50px auto;
+            padding: 20px;
+            background: #1e1e1e;
+            color: #d4d4d4;
+        }
+        h1 {
+            color: #4fc3f7;
+        }
+        .test-section {
+            background: #2d2d2d;
+            border: 1px solid #3e3e3e;
+            border-radius: 8px;
+            padding: 20px;
+            margin: 20px 0;
+        }
+        .test-result {
+            font-family: 'Courier New', monospace;
+            background: #1e1e1e;
+            padding: 10px;
+            border-radius: 4px;
+            margin: 10px 0;
+        }
+        .success {
+            color: #4ade80;
+        }
+        .error {
+            color: #f87171;
+        }
+        .pending {
+            color: #fbbf24;
+        }
+        button {
+            background: #4fc3f7;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 4px;
+            cursor: pointer;
+            margin: 5px;
+        }
+        button:hover {
+            background: #29b6f6;
+        }
+        #react-events-root {
+            min-height: 100px;
+            border: 2px dashed #3e3e3e;
+            padding: 20px;
+            margin: 20px 0;
+            border-radius: 8px;
+        }
+    </style>
+</head>
+<body>
+    <h1>React Export Test Page</h1>
+    <div class="test-section">
+        <h2>Test Results</h2>
+        <div id="test-results"></div>
+    </div>
+    <div class="test-section">
+        <h2>Actions</h2>
+        <button onclick="runAllTests()">Run All Tests</button>
+        <button onclick="initializeReact()">Initialize React Component</button>
+        <button onclick="checkConsole()">Check Console Output</button>
+    </div>
+    <div class="test-section">
+        <h2>React Component Container</h2>
+        <div id="react-events-root">
+            <p class="pending">React component will be rendered here...</p>
+        </div>
+    </div>
+    <!-- Load React and ReactDOM from CDN -->
+    <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
+    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
+    <!-- Load the React events component -->
+    <script type="module">
+        import('/static/dist/react/events.js').then(module => {
+            console.log('React events module loaded:', module);
+            window.reactEventsModule = module;
+        }).catch(error => {
+            console.error('Failed to load React events module:', error);
+        });
+    </script>
+    <script>
+        const results = document.getElementById('test-results');
+        function addResult(test, result, success) {
+            const div = document.createElement('div');
+            div.className = `test-result ${success ? 'success' : 'error'}`;
+            div.textContent = `${success ? '✓' : '✗'} ${test}: ${result}`;
+            results.appendChild(div);
+        }
+        function clearResults() {
+            results.innerHTML = '';
+        }
+        function runAllTests() {
+            clearResults();
+            console.log('Running all tests...');
+            // Test 1: Check if window.initializeReactEvents exists
+            const test1 = typeof window.initializeReactEvents;
+            addResult('window.initializeReactEvents type', test1, test1 === 'function');
+            // Test 2: Check if window.ClaudeMPMReact exists
+            const test2 = typeof window.ClaudeMPMReact;
+            addResult('window.ClaudeMPMReact type', test2, test2 === 'object');
+            // Test 3: Check if function exists in namespace
+            const test3 = window.ClaudeMPMReact ? typeof window.ClaudeMPMReact.initializeReactEvents : 'namespace not found';
+            addResult('ClaudeMPMReact.initializeReactEvents type', test3, test3 === 'function');
+            // Test 4: Check if React root element exists
+            const test4 = document.getElementById('react-events-root') !== null;
+            addResult('React root element exists', test4, test4);
+            // Test 5: Check if React module was imported
+            const test5 = typeof window.reactEventsModule;
+            addResult('React events module loaded', test5, test5 === 'object');
+            // Test 6: Check if React is available globally
+            const test6 = typeof window.React;
+            addResult('React library available', test6, test6 === 'object');
+            // Test 7: Check if ReactDOM is available globally
+            const test7 = typeof window.ReactDOM;
+            addResult('ReactDOM library available', test7, test7 === 'object');
+            console.log('All tests completed. Check results above.');
+        }
+        function initializeReact() {
+            console.log('Attempting to initialize React component...');
+            if (typeof window.initializeReactEvents === 'function') {
+                const result = window.initializeReactEvents();
+                addResult('React initialization', `Returned: ${result}`, result === true);
+                console.log('React initialization result:', result);
+            } else {
+                addResult('React initialization', 'Function not found', false);
+                console.error('initializeReactEvents function not found on window');
+            }
+        }
+        function checkConsole() {
+            console.log('Console output check:');
+            console.log('- window.initializeReactEvents:', window.initializeReactEvents);
+            console.log('- window.ClaudeMPMReact:', window.ClaudeMPMReact);
+            console.log('- window.reactEventsModule:', window.reactEventsModule);
+            console.log('- React root element:', document.getElementById('react-events-root'));
+            addResult('Console check', 'Check browser console for output', true);
+        }
+        // Auto-run tests after page loads
+        window.addEventListener('load', () => {
+            setTimeout(() => {
+                console.log('Page loaded, running initial tests...');
+                runAllTests();
+            }, 1000); // Give time for modules to load
+        });
+    </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