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

claude_mpm/dashboard/static/built/components/code-tree/tree-breadcrumb.js

@@ -1,9 +1,9 @@
 /**
  * Tree Breadcrumb Navigation
- * 
+ *
  * Breadcrumb navigation and status display for the code tree.
  * Provides path navigation and activity status updates.
- * 
+ *
  * @module tree-breadcrumb
  */
 
@@ -48,7 +48,7 @@ class TreeBreadcrumb {
         // Create path navigation
         const pathContainer = document.createElement('div');
         pathContainer.className = 'tree-breadcrumb-path-container';
-        
+
         this.pathElement = document.createElement('div');
         this.pathElement.id = 'tree-breadcrumb-path';
         this.pathElement.className = 'tree-breadcrumb-path';
@@ -57,7 +57,7 @@ class TreeBreadcrumb {
         // Create status/activity display
         const statusContainer = document.createElement('div');
         statusContainer.className = 'tree-breadcrumb-status-container';
-        
+
         this.statusElement = document.createElement('div');
         this.statusElement.id = 'breadcrumb-content';
         this.statusElement.className = 'breadcrumb-content';
@@ -83,14 +83,14 @@ class TreeBreadcrumb {
      */
     updatePath(path) {
         this.currentPath = path || '/';
-        
+
         if (!this.pathElement) return;
 
         // Clear existing path
         this.pathElement.innerHTML = '';
 
-        if (!this.workingDirectory || 
-            this.workingDirectory === 'Loading...' || 
+        if (!this.workingDirectory ||
+            this.workingDirectory === 'Loading...' ||
             this.workingDirectory === 'Not selected') {
             this.pathElement.textContent = 'No project selected';
             return;
@@ -98,7 +98,7 @@ class TreeBreadcrumb {
 
         // Build path segments
         const segments = this.buildSegments(this.currentPath);
-        
+
         // Create clickable segments
         segments.forEach((segment, index) => {
             if (index > 0) {
@@ -109,17 +109,17 @@ class TreeBreadcrumb {
             }
 
             const segmentElement = document.createElement('span');
-            segmentElement.className = index === segments.length - 1 ? 
+            segmentElement.className = index === segments.length - 1 ?
                 'breadcrumb-segment current' : 'breadcrumb-segment';
             segmentElement.textContent = segment.name;
-            
+
             // Add click handler for non-current segments
             if (index < segments.length - 1) {
                 segmentElement.style.cursor = 'pointer';
                 segmentElement.addEventListener('click', () => {
                     this.navigateToSegment(segment.path);
                 });
-                
+
                 // Add hover effect
                 segmentElement.addEventListener('mouseenter', () => {
                     segmentElement.classList.add('hover');
@@ -128,7 +128,7 @@ class TreeBreadcrumb {
                     segmentElement.classList.remove('hover');
                 });
             }
-            
+
             this.pathElement.appendChild(segmentElement);
         });
 
@@ -143,7 +143,7 @@ class TreeBreadcrumb {
      */
     buildSegments(path) {
         const segments = [];
-        
+
         // Add root/project segment
         const projectName = this.workingDirectory.split('/').pop() || 'Root';
         segments.push({
@@ -155,7 +155,7 @@ class TreeBreadcrumb {
         if (path && path !== '/') {
             const pathParts = path.split('/').filter(p => p.length > 0);
             let currentPath = '';
-            
+
             pathParts.forEach(part => {
                 currentPath += '/' + part;
                 segments.push({
@@ -184,15 +184,15 @@ class TreeBreadcrumb {
      */
     navigateToSegment(path) {
         if (path === null) return; // Skip ellipsis
-        
+
         this.currentPath = path;
         this.updatePath(path);
-        
+
         // Call navigation callback if provided
         if (this.navigationCallback) {
             this.navigationCallback(path);
         }
-        
+
         // Dispatch custom event
         const event = new CustomEvent('breadcrumbNavigation', {
             detail: { path }
@@ -207,10 +207,10 @@ class TreeBreadcrumb {
      */
     updateStatus(message, type = 'info') {
         if (!this.statusElement) return;
-        
+
         this.statusElement.textContent = message;
         this.statusElement.className = `breadcrumb-content breadcrumb-${type}`;
-        
+
         // Add fade animation for status changes
         this.statusElement.style.animation = 'none';
         setTimeout(() => {
@@ -225,18 +225,18 @@ class TreeBreadcrumb {
      */
     updateActivityTicker(message, type = 'info') {
         this.updateStatus(message, type);
-        
+
         // Optional: Add to activity history
         if (!this.activityHistory) {
             this.activityHistory = [];
         }
-        
+
         this.activityHistory.push({
             message,
             type,
             timestamp: Date.now()
         });
-        
+
         // Keep only last 100 activities
         if (this.activityHistory.length > 100) {
             this.activityHistory.shift();
@@ -248,7 +248,7 @@ class TreeBreadcrumb {
      */
     handlePathOverflow() {
         if (!this.pathElement) return;
-        
+
         // Check if path overflows
         if (this.pathElement.scrollWidth > this.pathElement.clientWidth) {
             // Add scroll buttons or implement horizontal scroll
@@ -266,7 +266,7 @@ class TreeBreadcrumb {
      */
     showLoading(message = 'Loading...') {
         this.updateStatus(message, 'info');
-        
+
         // Add loading spinner if needed
         if (this.statusElement) {
             const spinner = document.createElement('span');
@@ -310,16 +310,16 @@ class TreeBreadcrumb {
     clear() {
         this.currentPath = '/';
         this.workingDirectory = null;
-        
+
         if (this.pathElement) {
             this.pathElement.innerHTML = '';
         }
-        
+
         if (this.statusElement) {
             this.statusElement.textContent = '';
             this.statusElement.className = 'breadcrumb-content';
         }
-        
+
         this.activityHistory = [];
     }
 
@@ -328,11 +328,11 @@ class TreeBreadcrumb {
      */
     destroy() {
         this.clear();
-        
+
         if (this.container) {
             this.container.innerHTML = '';
         }
-        
+
         this.container = null;
         this.pathElement = null;
         this.statusElement = null;

claude_mpm/dashboard/static/built/components/code-tree/tree-constants.js

@@ -1,8 +1,8 @@
 /**
  * Tree Constants and Configuration
- * 
+ *
  * Constants and default configurations for the code tree visualization.
- * 
+ *
  * @module tree-constants
  */
 
@@ -11,12 +11,12 @@ const treeConstants = {
     DEFAULT_MARGIN: { top: 20, right: 20, bottom: 20, left: 20 },
     DEFAULT_WIDTH: 960,
     DEFAULT_HEIGHT: 600,
-    
+
     // Animation settings
     ANIMATION_DURATION: 750,
     TOOLTIP_FADE_DURATION: 200,
     TOOLTIP_HIDE_DELAY: 500,
-    
+
     // Node visualization
     NODE_RADIUS: {
         DEFAULT: 6,
@@ -24,38 +24,38 @@ const treeConstants = {
         LARGE: 8,
         EXPANDED: 10
     },
-    
+
     // Colors
     COLORS: {
         // Complexity colors
         COMPLEXITY_LOW: '#52c41a',      // Green
         COMPLEXITY_MEDIUM: '#faad14',   // Orange
         COMPLEXITY_HIGH: '#f5222d',      // Red
-        
+
         // Node state colors
         NODE_DEFAULT: '#69b7ff',
         NODE_SELECTED: '#1890ff',
         NODE_HOVER: '#40a9ff',
         NODE_LOADING: '#ffc53d',
         NODE_ERROR: '#ff4d4f',
-        
+
         // Link colors
         LINK_DEFAULT: '#d9d9d9',
         LINK_SELECTED: '#1890ff',
-        
+
         // Text colors
         TEXT_PRIMARY: '#262626',
         TEXT_SECONDARY: '#8c8c8c',
         TEXT_DISABLED: '#bfbfbf'
     },
-    
+
     // Tree layout
     TREE_LAYOUT: {
         NODE_SIZE: [100, 40],
         SEPARATION: (a, b) => (a.parent === b.parent ? 1 : 2),
         RADIAL_SEPARATION: (a, b) => (a.parent === b.parent ? 1 : 2) / a.depth
     },
-    
+
     // File type mappings
     LANGUAGE_EXTENSIONS: {
         'py': 'python',
@@ -95,7 +95,7 @@ const treeConstants = {
         'bat': 'batch',
         'md': 'markdown'
     },
-    
+
     // Default filters
     DEFAULT_FILTERS: {
         language: 'all',
@@ -104,7 +104,7 @@ const treeConstants = {
         maxComplexity: 999,
         showHidden: false
     },
-    
+
     // API endpoints
     API_ENDPOINTS: {
         FILE_READ: '/api/file/read',
@@ -112,7 +112,7 @@ const treeConstants = {
         ANALYZE_DIRECTORY: '/api/analyze/directory',
         SEARCH: '/api/search'
     },
-    
+
     // WebSocket events
     SOCKET_EVENTS: {
         CONNECT: 'connect',
@@ -126,7 +126,7 @@ const treeConstants = {
         NODE_EXPANDED: 'node_expanded',
         NODE_COLLAPSED: 'node_collapsed'
     },
-    
+
     // Messages
     MESSAGES: {
         NO_WORKING_DIR: 'Please select a working directory to view the code tree',
@@ -139,7 +139,7 @@ const treeConstants = {
         CLICK_TO_EXPLORE: 'Click to explore contents',
         CLICK_TO_ANALYZE: 'Click to analyze file'
     },
-    
+
     // Performance thresholds
     PERFORMANCE: {
         MAX_NODES_RENDER: 1000,
@@ -148,7 +148,7 @@ const treeConstants = {
         DEBOUNCE_RESIZE: 150,
         CACHE_TTL: 300000  // 5 minutes
     },
-    
+
     // Icon mappings
     ICONS: {
         // Node type icons
@@ -160,13 +160,13 @@ const treeConstants = {
         VARIABLE: '📍',
         DIRECTORY: '📁',
         FILE: '📄',
-        
+
         // State icons
         LOADING: '⏳',
         ERROR: '❌',
         WARNING: '⚠️',
         SUCCESS: '✅',
-        
+
         // Action icons
         EXPAND: '▶',
         COLLAPSE: '▼',
@@ -175,34 +175,34 @@ const treeConstants = {
         REFRESH: '🔄',
         SETTINGS: '⚙️'
     },
-    
+
     // CSS classes
     CSS_CLASSES: {
         // Container classes
         CONTAINER: 'code-tree-container',
         SVG: 'code-tree-svg',
         GROUP: 'code-tree-group',
-        
+
         // Node classes
         NODE: 'tree-node',
         NODE_SELECTED: 'tree-node-selected',
         NODE_HOVER: 'tree-node-hover',
         NODE_LOADING: 'tree-node-loading',
         NODE_ERROR: 'tree-node-error',
-        
+
         // Link classes
         LINK: 'tree-link',
         LINK_SELECTED: 'tree-link-selected',
-        
+
         // Text classes
         LABEL: 'tree-label',
         LABEL_PRIMARY: 'tree-label-primary',
         LABEL_SECONDARY: 'tree-label-secondary',
-        
+
         // Tooltip classes
         TOOLTIP: 'code-tree-tooltip',
         TOOLTIP_VISIBLE: 'code-tree-tooltip-visible',
-        
+
         // Control classes
         CONTROLS: 'tree-controls',
         CONTROL_BTN: 'tree-control-btn',

claude_mpm/dashboard/static/built/components/code-tree/tree-search.js

@@ -1,9 +1,9 @@
 /**
  * Tree Search Functionality
- * 
+ *
  * Search and filter functionality for the code tree visualization.
  * Provides searching, filtering, and highlighting capabilities.
- * 
+ *
  * @module tree-search
  */
 
@@ -27,7 +27,7 @@ class TreeSearch {
      */
     setSearchTerm(term, callback, immediate = false) {
         this.searchTerm = term.toLowerCase();
-        
+
         if (callback) {
             if (immediate) {
                 callback(this.searchTerm);
@@ -35,7 +35,7 @@ class TreeSearch {
                 this.debounce(() => callback(this.searchTerm), this.debounceDelay);
             }
         }
-        
+
         // Add to history if not empty and not duplicate
         if (term && this.searchHistory[0] !== term) {
             this.searchHistory.unshift(term);
@@ -85,7 +85,7 @@ class TreeSearch {
         root.descendants().forEach(node => {
             const shouldHide = !this.nodeMatchesFilters(node);
             node.data._hidden = shouldHide;
-            
+
             // Mark node for search highlighting
             if (this.searchTerm && !shouldHide) {
                 node.data._highlighted = this.nodeMatchesSearch(node);
@@ -138,18 +138,18 @@ class TreeSearch {
         if (this.languageFilter === 'all') {
             return true;
         }
-        
+
         // Check node language
         if (node.data.language === this.languageFilter) {
             return true;
         }
-        
+
         // Check if any children match (for directories)
         if (node.children || node._children) {
             const children = node.children || node._children;
             return children.some(child => this.matchesLanguageFilter(child));
         }
-        
+
         return false;
     }
 
@@ -191,8 +191,8 @@ class TreeSearch {
         if (node.data.complexity === undefined) {
             return true; // No complexity data, show by default
         }
-        
-        return node.data.complexity >= this.complexityFilter.min && 
+
+        return node.data.complexity >= this.complexityFilter.min &&
                node.data.complexity <= this.complexityFilter.max;
     }
 
@@ -205,7 +205,7 @@ class TreeSearch {
         if (this.typeFilter === 'all') {
             return true;
         }
-        
+
         return node.data.type === this.typeFilter;
     }
 
@@ -218,7 +218,7 @@ class TreeSearch {
         if (!this.searchTerm) {
             return false;
         }
-        
+
         const name = (node.data.name || '').toLowerCase();
         return name.includes(this.searchTerm);
     }
@@ -229,7 +229,7 @@ class TreeSearch {
      */
     resetNodeVisibility(root) {
         if (!root) return;
-        
+
         root.descendants().forEach(node => {
             node.data._hidden = false;
             node.data._highlighted = false;
@@ -245,21 +245,21 @@ class TreeSearch {
         const checkVisibility = (node) => {
             if (node.children) {
                 let hasVisibleChild = false;
-                
+
                 node.children.forEach(child => {
                     checkVisibility(child);
                     if (!child.data._hidden) {
                         hasVisibleChild = true;
                     }
                 });
-                
+
                 // If node has visible children, it must be visible too
                 if (hasVisibleChild && node.data._hidden) {
                     node.data._hidden = false;
                 }
             }
         };
-        
+
         checkVisibility(root);
     }
 
@@ -271,16 +271,16 @@ class TreeSearch {
      */
     searchByPath(root, pattern) {
         if (!root || !pattern) return [];
-        
+
         const results = [];
         const regexPattern = this.pathPatternToRegex(pattern);
-        
+
         root.descendants().forEach(node => {
             if (node.data.path && regexPattern.test(node.data.path)) {
                 results.push(node);
             }
         });
-        
+
         return results;
     }
 
@@ -296,7 +296,7 @@ class TreeSearch {
         const regexStr = escaped
             .replace(/\*/g, '.*')  // * matches any characters
             .replace(/\?/g, '.');  // ? matches single character
-        
+
         return new RegExp('^' + regexStr + '$', 'i');
     }
 
@@ -308,10 +308,10 @@ class TreeSearch {
      */
     getSearchSuggestions(root, prefix = '') {
         if (!root) return [];
-        
+
         const suggestions = new Set();
         const lowerPrefix = prefix.toLowerCase();
-        
+
         root.descendants().forEach(node => {
             if (node.data.name) {
                 const name = node.data.name.toLowerCase();
@@ -320,7 +320,7 @@ class TreeSearch {
                 }
             }
         });
-        
+
         return Array.from(suggestions).sort().slice(0, 10);
     }
 
@@ -332,11 +332,11 @@ class TreeSearch {
      */
     highlightSearchTerm(text, term = null) {
         const searchTerm = term || this.searchTerm;
-        
+
         if (!searchTerm || !text) {
             return text;
         }
-        
+
         const regex = new RegExp(`(${this.escapeRegex(searchTerm)})`, 'gi');
         return text.replace(regex, '<mark>$1</mark>');
     }
@@ -357,7 +357,7 @@ class TreeSearch {
      */
     getFilterSummary() {
         const parts = [];
-        
+
         if (this.searchTerm) {
             parts.push(`Search: "${this.searchTerm}"`);
         }
@@ -370,7 +370,7 @@ class TreeSearch {
         if (this.complexityFilter.min > 0 || this.complexityFilter.max < 999) {
             parts.push(`Complexity: ${this.complexityFilter.min}-${this.complexityFilter.max}`);
         }
-        
+
         return parts.length > 0 ? parts.join(', ') : 'No filters applied';
     }