claude-mpm 4.16.0__py3-none-any.whl → 4.25.10__py3-none-any.whl

claude_mpm/dashboard/static/css/activity.css

@@ -607,13 +607,13 @@ body .activity-tree-container .linear-tree .tree-node.tool.privileged-tool .tree
 }
 
 @keyframes pulse-todo {
-    0% { 
+    0% {
         background: #ebf8ff;
     }
-    50% { 
+    50% {
         background: #bee3f8;
     }
-    100% { 
+    100% {
         background: #ebf8ff;
     }
 }
@@ -648,14 +648,14 @@ body .activity-tree-container .linear-tree .tree-node.tool.privileged-tool .tree
 
 /* Status Animation */
 @keyframes pulse-status {
-    0% { 
-        opacity: 1; 
+    0% {
+        opacity: 1;
     }
-    50% { 
-        opacity: 0.7; 
+    50% {
+        opacity: 0.7;
     }
-    100% { 
-        opacity: 1; 
+    100% {
+        opacity: 1;
     }
 }
 
@@ -1059,23 +1059,23 @@ body .activity-tree-container .linear-tree .tree-node.tool.privileged-tool .tree
         flex-direction: column;
         gap: 15px;
     }
-    
+
     .activity-controls {
         width: 100%;
         flex-wrap: wrap;
         justify-content: center;
     }
-    
+
     .tree-legend {
         position: static;
         margin-top: 15px;
         max-width: 300px;
     }
-    
+
     .tree-params {
         max-width: 150px;
     }
-    
+
     .activity-controls input {
         width: 150px;
     }
@@ -1085,35 +1085,35 @@ body .activity-tree-container .linear-tree .tree-node.tool.privileged-tool .tree
     .activity-container {
         padding: 10px;
     }
-    
+
     .activity-tree-container {
         padding: 0;
     }
-    
+
     .linear-tree {
         padding: 10px;
     }
-    
+
     .tree-node[data-level="1"] {
         margin-left: 15px;
     }
-    
+
     .tree-node[data-level="2"] {
         margin-left: 30px;
     }
-    
+
     .tree-node[data-level="3"] {
         margin-left: 45px;
     }
-    
+
     .tree-node[data-level="4"] {
         margin-left: 60px;
     }
-    
+
     .tree-params {
         max-width: 100px;
     }
-    
+
     .stat-item {
         flex-direction: column;
         gap: 2px;
@@ -1127,188 +1127,188 @@ body .activity-tree-container .linear-tree .tree-node.tool.privileged-tool .tree
         background: #1a202c;
         color: #e2e8f0;
     }
-    
+
     /* D3 Dark Mode Styles */
     #activity-tree-svg {
         background: #1a202c;
     }
-    
+
     .node-label {
         fill: #e2e8f0;
     }
-    
+
     .node:hover .node-label {
         fill: #63b3ed;
     }
-    
+
     .link {
         stroke: #4a5568;
     }
-    
+
     .node:hover .link {
         stroke: #63b3ed;
     }
-    
+
     .d3-tooltip {
         background: rgba(45, 55, 72, 0.95) !important;
         color: #e2e8f0 !important;
         border: 1px solid #4a5568;
     }
-    
+
     .activity-header {
         background: #2d3748;
     }
-    
+
     .activity-controls select,
     .activity-controls input {
         background: #2d3748;
         color: #e2e8f0;
         border-color: #4a5568;
     }
-    
+
     .stat-label {
         color: #a0aec0;
     }
-    
+
     .stat-value {
         color: #e2e8f0;
     }
-    
+
     .tree-legend {
         background: rgba(45, 55, 72, 0.95);
         border-color: #4a5568;
     }
-    
+
     .legend-item {
         color: #e2e8f0;
     }
-    
+
     .tree-node:hover {
         background-color: #2d3748;
     }
-    
+
     .tree-node-content:hover {
         background-color: #4a5568;
     }
-    
+
     .tree-label {
         color: #e2e8f0;
     }
-    
+
     .tree-meta {
         color: #a0aec0;
     }
-    
+
     .tree-node.project-root {
         background: linear-gradient(135deg, #4299e1 0%, #553c9a 100%);
     }
-    
+
     .tree-node.session {
         background: #2d3748;
         border-color: #4a5568;
     }
-    
+
     .tree-node.session .tree-label {
         color: #e2e8f0;
     }
-    
+
     .tree-children {
         border-left-color: #4a5568;
     }
-    
+
     .tree-label.clickable:hover {
         background-color: rgba(74, 85, 104, 0.5);
         color: #e2e8f0;
     }
-    
+
     .module-item-details {
         color: #e2e8f0;
     }
-    
+
     .module-item-header {
         border-bottom-color: #4a5568;
     }
-    
+
     .module-item-header h6 {
         color: #e2e8f0;
     }
-    
+
     .detail-label {
         color: #a0aec0;
     }
-    
+
     .detail-value {
         color: #e2e8f0;
     }
-    
+
     .detail-section {
         border-top-color: #4a5568;
     }
-    
+
     .detail-section-title {
         color: #a0aec0;
     }
-    
+
     .tools-list, .params-list {
         background: #2d3748;
         border-color: #4a5568;
     }
-    
+
     .tool-summary {
         background: #4a5568;
         border-color: #718096;
         color: #e2e8f0;
     }
-    
+
     .tool-params-expanded {
         background: #2d3748;
         border-color: #4a5568;
         color: #e2e8f0;
     }
-    
+
     .param-line .param-key,
     .param-key {
         color: #9f7aea;
     }
-    
+
     .param-line .param-value,
     .param-value {
         color: #e2e8f0;
     }
-    
+
     .param-item {
         border-bottom-color: #4a5568;
     }
-    
+
     .param-text-short {
         background: #2d3748;
         border-color: #4a5568;
         color: #e2e8f0;
     }
-    
+
     .param-text,
     .param-text-long {
         background: #2d3748;
         border-color: #4a5568;
         color: #e2e8f0;
     }
-    
+
     .param-json {
         background: #1a202c;
         border-color: #4a5568;
         color: #e2e8f0;
     }
-    
+
     .param-primitive {
         background: #4a5568;
         color: #e2e8f0;
     }
-    
+
     .param-error {
         background: #742a2a;
         color: #feb2b2;
     }
-    
+
     .tool-result {
         background: #1a202c;
         border-color: #4a5568;
@@ -1548,20 +1548,20 @@ body .activity-tree-container .linear-tree .tree-node.tool.privileged-tool .tree
         flex-direction: column;
         gap: 8px;
     }
-    
+
     .summary-item {
         min-width: auto;
     }
-    
+
     .todo-checklist-item {
         padding: 6px;
     }
-    
+
     .todo-checkbox {
         width: 20px;
         height: 20px;
     }
-    
+
     .checkbox-icon {
         font-size: 12px;
     }
@@ -1572,21 +1572,21 @@ body .activity-tree-container .linear-tree .tree-node.tool.privileged-tool .tree
     .activity-header {
         display: none;
     }
-    
+
     .tree-legend {
         position: static;
         margin-bottom: 20px;
     }
-    
+
     .activity-tree-container {
         box-shadow: none;
         border: 1px solid #000;
     }
-    
+
     .tree-node {
         break-inside: avoid;
     }
-    
+
     .tree-status {
         border: 1px solid #000;
         background: transparent !important;

claude_mpm/dashboard/static/css/connection-status.css

@@ -317,11 +317,11 @@
         left: 10px;
         max-width: none;
     }
-    
+
     .connection-metrics {
         padding: 12px;
     }
-    
+
     .metrics-grid {
         grid-template-columns: repeat(2, 1fr);
     }
@@ -332,38 +332,38 @@
     .connection-quality {
         background: #2d3748;
     }
-    
+
     .quality-bar {
         background: #4a5568;
     }
-    
+
     .quality-text {
         color: #cbd5e0;
     }
-    
+
     .connection-metrics {
         background: #2d3748;
         box-shadow: 0 2px 8px rgba(0,0,0,0.3);
     }
-    
+
     .metric-item {
         background: #1a202c;
     }
-    
+
     .metric-value {
         color: #e2e8f0;
     }
-    
+
     .metric-label {
         color: #a0aec0;
     }
-    
+
     .notification {
         background: #2d3748;
         color: #e2e8f0;
         box-shadow: 0 4px 12px rgba(0,0,0,0.3);
     }
-    
+
     .connection-health {
         background: #2d3748;
     }

claude_mpm/dashboard/static/css/dashboard.css

@@ -3240,16 +3240,16 @@ button:disabled:hover {
     .file-actions {
         flex-direction: column;
     }
-    
+
     .file-action-btn {
         justify-content: center;
         width: 100%;
     }
-    
+
     .single-file-actions {
         padding: 8px;
     }
-    
+
     .inline-preview-content {
         font-size: 11px;
         padding: 8px;
@@ -3878,11 +3878,11 @@ button:disabled:hover {
         margin-left: 10px;
         font-size: 11px;
     }
-    
+
     .version-label {
         display: none;
     }
-    
+
     .version-separator {
         margin: 0 3px;
     }
@@ -4171,19 +4171,19 @@ button:disabled:hover {
     .agent-node-level-1 {
         margin-left: 16px;
     }
-    
+
     .agent-node-level-2 {
         margin-left: 32px;
     }
-    
+
     .agent-node-level-3 {
         margin-left: 48px;
     }
-    
+
     .agent-node-children {
         margin-left: 12px;
     }
-    
+
     .agent-node-details {
         margin-left: 28px;
     }
@@ -4293,20 +4293,20 @@ button:disabled:hover {
         grid-template-columns: 1fr;
         gap: 6px;
     }
-    
+
     .agent-event-time {
         justify-self: start;
         min-width: auto;
     }
-    
+
     .agent-event-agent {
         font-size: 14px;
     }
-    
+
     .agent-event-action {
         font-size: 12px;
     }
-    
+
     .agent-event-status {
         justify-self: end;
     }
@@ -4689,12 +4689,12 @@ button:disabled:hover {
         align-items: flex-start;
         gap: 8px;
     }
-    
+
     .detail-row {
         flex-direction: column;
         gap: 4px;
     }
-    
+
     .detail-label {
         min-width: auto;
     }

claude_mpm/dashboard/static/index.html

@@ -15,10 +15,10 @@
 
     <!-- External Dependencies -->
     <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
-    
+
     <!-- D3.js for Activity Tree Visualization -->
     <script src="https://d3js.org/d3.v7.min.js"></script>
-    
+
     <!-- Font Awesome for icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
@@ -142,7 +142,7 @@
 <body>
     <!-- Connection Notifications Area -->
     <div id="connection-notifications" class="connection-notifications"></div>
-    
+
     <div class="container">
         <!-- Header Section -->
         <div class="header">
@@ -437,19 +437,19 @@
         // Set up working directory environment variables
         // These will be used by the working-directory component
         // The server will inject these values through a separate API call
-        
+
         // Get the current working directory from the server
         fetch('/api/working-directory')
             .then(response => response.json())
             .then(data => {
                 window.processWorkingDirectory = data.working_directory || '/Users/masa/Projects/claude-mpm';
                 window.homeDirectory = data.home_directory || '/Users/masa';
-                
+
                 // Store in session storage for persistence
                 if (window.processWorkingDirectory && window.processWorkingDirectory !== '/') {
                     sessionStorage.setItem('currentWorkingDirectory', window.processWorkingDirectory);
                 }
-                
+
                 // Dispatch event to notify components that working directory is ready
                 window.dispatchEvent(new CustomEvent('workingDirectoryInitialized', {
                     detail: {
@@ -464,10 +464,10 @@
                 window.processWorkingDirectory = '/Users/masa/Projects/claude-mpm';
                 window.homeDirectory = '/Users/masa';
             });
-        
+
         // Add timestamp-based cache busting and ensure proper loading order
         const timestamp = Date.now();
-        
+
         // Load modules sequentially to ensure dashboard.js loads first
         const loadModule = (src) => {
             return new Promise((resolve, reject) => {
@@ -479,7 +479,7 @@
                 document.body.appendChild(script);
             });
         };
-        
+
         // Load shared services first, then tree modules, then components
         // Load services sequentially to ensure dependencies are available
         loadModule('/static/js/shared/tooltip-service.js')
@@ -531,19 +531,19 @@
             })
             .then(() => {
             console.log('All dashboard modules loaded successfully');
-            
+
             // Debug: Check if CodeViewer loaded
             if (window.CodeViewer) {
                 console.log('[DEBUG] CodeViewer is available on window object');
             } else {
                 console.error('[ERROR] CodeViewer NOT FOUND on window object!');
             }
-            
+
             // CodeViewer will auto-initialize and handle tab switching internally
-            
+
             // Browser Log Viewer initialization is now handled by UIStateManager
             // This prevents duplicate event handlers and tab selection conflicts
-            
+
             // Load bulletproof tab isolation fix
             loadModule('/static/js/tab-isolation-fix.js')
                 .then(() => {
@@ -569,21 +569,21 @@
                 console.error('[CRITICAL] Error loading dashboard modules:', error);
                 console.error('Stack trace:', error.stack);
             });
-            
+
             // Give modules time to execute and initialize dashboard
             setTimeout(() => {
                 console.log('Checking dashboard initialization...');
-                
+
                 if (window.dashboard) {
                     console.log('Dashboard found, checking auto-connect status...');
-                    
+
                     // Force auto-connect if not already connected
                     if (window.dashboard.socketManager) {
                         const socketManager = window.dashboard.socketManager;
-                        
+
                         if (!socketManager.isConnected() && !socketManager.isConnecting()) {
                             console.log('Dashboard loaded but not connected, forcing auto-connect...');
-                            
+
                             // Try to trigger auto-connect manually
                             const params = new URLSearchParams(window.location.search);
                             socketManager.initializeFromURL(params);
@@ -595,23 +595,23 @@
                     }
                 } else {
                     console.warn('Dashboard still not initialized after module loading');
-                    
+
                     // Try to manually trigger initialization
                     if (document.readyState === 'complete' || document.readyState === 'interactive') {
                         console.log('Document ready, attempting to trigger dashboard initialization...');
                         document.dispatchEvent(new Event('DOMContentLoaded'));
                     }
                 }
-                
+
                 // Debug: Test connection settings button
                 const connectionToggleBtn = document.getElementById('connection-toggle-btn');
                 if (connectionToggleBtn) {
                     console.log('Connection toggle button found, testing functionality...');
-                    
+
                     // Add a debug click handler to ensure the button works
                     connectionToggleBtn.addEventListener('click', () => {
                         console.log('Connection toggle button clicked (debug handler)');
-                        
+
                         if (window.dashboard && window.dashboard.socketManager) {
                             console.log('Calling socketManager.toggleConnectionControls()');
                             window.dashboard.socketManager.toggleConnectionControls();