claude-mpm 4.2.2__py3-none-any.whl → 4.2.3__py3-none-any.whl

claude_mpm/VERSION

@@ -1 +1 @@
-4.2.2
+4.2.3

claude_mpm/cli/commands/monitor.py

@@ -73,7 +73,7 @@ class MonitorCommand(BaseCommand):
 
     def _start_monitor(self, args) -> CommandResult:
         """Start the monitor server."""
-        port = getattr(args, "port", 8766)  # Default to 8766 for monitor
+        port = getattr(args, "port", 8765)  # Default to 8765 for monitor
         host = getattr(args, "host", "localhost")
         background = getattr(
             args, "background", True

claude_mpm/core/config.py

@@ -530,7 +530,7 @@ class Config:
             # Monitor server configuration (decoupled from dashboard)
             "monitor_server": {
                 "host": "localhost",
-                "port": 8766,  # Default monitor port (separate from dashboard)
+                "port": 8765,  # Default monitor port (shared with dashboard)
                 "enable_health_monitoring": True,
                 "auto_start": False,  # Don't auto-start with dashboard by default
                 "event_buffer_size": 2000,  # Larger buffer for monitor server
@@ -541,7 +541,7 @@ class Config:
                 "host": "localhost",
                 "port": 8765,  # Dashboard UI port
                 "monitor_host": "localhost",  # Monitor server host to connect to
-                "monitor_port": 8766,  # Monitor server port to connect to
+                "monitor_port": 8765,  # Monitor server port to connect to
                 "auto_connect_monitor": True,  # Automatically connect to monitor
                 "monitor_reconnect": True,  # Auto-reconnect to monitor if disconnected
                 "fallback_standalone": True,  # Run in standalone mode if monitor unavailable

claude_mpm/dashboard/static/css/code-tree.css

@@ -459,7 +459,7 @@
     border-radius: 8px;
     padding: 20px;
     position: relative;
-    overflow: auto;
+    overflow: hidden;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
     border-left: 1px solid #e2e8f0;
 }
@@ -828,6 +828,8 @@
 .code-node text {
     font: 12px sans-serif;
     pointer-events: none;
+    /* Smooth transitions for zoom-based text scaling */
+    transition: font-size 0.2s ease;
 }
 
 .code-node.module circle {
@@ -974,6 +976,8 @@
     text-anchor: middle;
     dominant-baseline: central;
     font-weight: 500;
+    /* Smooth transitions for zoom-based scaling */
+    transition: font-size 0.2s ease;
 }
 
 .code-node.directory:hover .item-count-badge {
@@ -1405,4 +1409,219 @@
         transform: translateX(0);
         opacity: 1;
     }
+}
+
+/* Back Button for Focused Directory View */
+.tree-control-btn.back-btn {
+    background: #3182ce !important;
+    color: white !important;
+    border: 1px solid #2c5aa0 !important;
+    font-weight: 600;
+    margin-right: 10px;
+}
+
+.tree-control-btn.back-btn:hover {
+    background: #2c5aa0 !important;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(49, 130, 206, 0.3);
+}
+
+/* Focused Directory View Styling */
+.code-tree-container.focused {
+    border: 2px solid #3182ce;
+    border-radius: 8px;
+    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
+}
+
+.code-tree-container.focused .tree-controls-toolbar {
+    background: #e6fffa;
+    border-bottom: 1px solid #81e6d9;
+}
+
+/* Corner Controls Styling */
+.tree-corner-controls {
+    position: absolute;
+    z-index: 1000;
+    background: rgba(255, 255, 255, 0.95);
+    border: 1px solid #e2e8f0;
+    border-radius: 6px;
+    padding: 8px 12px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    backdrop-filter: blur(4px);
+    font-size: 12px;
+}
+
+.tree-corner-controls.top-left {
+    top: 10px;
+    left: 10px;
+}
+
+.tree-corner-controls.top-right {
+    top: 10px;
+    right: 10px;
+}
+
+.tree-corner-controls.bottom-left {
+    bottom: 10px;
+    left: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+}
+
+.tree-corner-controls.bottom-right {
+    bottom: 10px;
+    right: 10px;
+}
+
+.tree-corner-controls .control-group {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+}
+
+.tree-corner-controls .control-label {
+    font-weight: 600;
+    color: #4a5568;
+    white-space: nowrap;
+}
+
+.tree-corner-controls .checkbox-group {
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.tree-corner-controls .checkbox-label {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 11px;
+    color: #4a5568;
+    cursor: pointer;
+    white-space: nowrap;
+}
+
+.tree-corner-controls .checkbox-label input[type="checkbox"] {
+    margin: 0;
+    transform: scale(0.9);
+}
+
+.tree-corner-controls .select-compact,
+.tree-corner-controls .search-compact,
+.tree-corner-controls .input-compact {
+    font-size: 11px;
+    padding: 4px 8px;
+    border: 1px solid #d1d5db;
+    border-radius: 4px;
+    background: white;
+}
+
+.tree-corner-controls .search-compact {
+    width: 120px;
+}
+
+.tree-corner-controls .input-compact {
+    width: 140px;
+}
+
+.tree-corner-controls .stats-display {
+    font-size: 11px;
+    color: #6b7280;
+    font-weight: 500;
+    margin-bottom: 4px;
+}
+
+.tree-corner-controls .status-display {
+    font-size: 10px;
+    color: #4b5563;
+    font-style: italic;
+    opacity: 0.8;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.tree-corner-controls .status-display .breadcrumb-ticker {
+    display: block;
+}
+
+.tree-corner-controls .status-display #breadcrumb-content {
+    display: inline-block;
+    animation: none; /* Disable any existing animations for corner display */
+}
+
+/* Hide corner controls when in focused mode to avoid clutter */
+.code-tree-container.focused .tree-corner-controls {
+    opacity: 0.7;
+}
+
+.code-tree-container.focused .tree-corner-controls:hover {
+    opacity: 1;
+}
+
+/* Force horizontal text for specific nodes */
+.node-label.horizontal-text {
+    writing-mode: horizontal-tb !important;
+    text-orientation: mixed !important;
+    transform: rotate(0deg) !important;
+}
+
+/* Zoom controls styling */
+.zoom-level-display {
+    display: inline-block;
+    padding: 2px 6px;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 3px;
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    font-size: 11px !important;
+    color: #718096 !important;
+    margin-left: 8px !important;
+    vertical-align: middle;
+    min-width: 35px;
+    text-align: center;
+}
+
+/* Enhanced tree control buttons for zoom */
+.tree-control-btn {
+    background: #f8f9fa;
+    border: 1px solid #e2e8f0;
+    border-radius: 4px;
+    padding: 6px 8px;
+    margin: 0 2px;
+    cursor: pointer;
+    font-size: 12px;
+    color: #4a5568;
+    transition: all 0.2s;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.tree-control-btn:hover {
+    background: #e2e8f0;
+    border-color: #cbd5e0;
+    color: #2d3748;
+}
+
+.tree-control-btn:active {
+    background: #cbd5e0;
+    transform: translateY(1px);
+}
+
+/* Zoom-specific button styling */
+.tree-control-btn[title*="Zoom"] {
+    font-family: system-ui, -apple-system, sans-serif;
+    font-weight: 500;
+}
+
+/* Pan cursor when dragging */
+.code-tree-container svg {
+    cursor: grab;
+}
+
+.code-tree-container svg:active {
+    cursor: grabbing;
 }

claude_mpm/dashboard/static/css/dashboard.css

@@ -1575,6 +1575,292 @@ button:active {
     padding: 12px;
 }
 
+/* AST Data Viewer Items */
+.ast-data-viewer-item {
+    border-bottom: 1px solid #f1f5f9;
+    padding: 12px 16px;
+    cursor: pointer;
+    transition: background-color 0.2s;
+    background: white;
+    margin-bottom: 2px;
+    border-radius: 4px;
+}
+
+.ast-data-viewer-item:hover {
+    background: #f8fafc;
+}
+
+.ast-data-viewer-item:last-child {
+    border-bottom: none;
+}
+
+.ast-data-viewer-item.selected {
+    background: #ebf8ff;
+    border-left: 3px solid #3182ce;
+}
+
+.ast-data-item-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 4px;
+}
+
+.ast-data-item-name {
+    font-weight: 600;
+    color: #2d3748;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.ast-data-item-type {
+    font-size: 11px;
+    padding: 2px 6px;
+    border-radius: 10px;
+    background: #e2e8f0;
+    color: #4a5568;
+    text-transform: uppercase;
+    font-weight: 500;
+}
+
+.ast-data-item-type.class { background: #fed7d7; color: #c53030; }
+.ast-data-item-type.function { background: #c6f6d5; color: #2f855a; }
+.ast-data-item-type.method { background: #bee3f8; color: #2b6cb0; }
+.ast-data-item-type.variable { background: #feebc8; color: #c05621; }
+.ast-data-item-type.import { background: #e9d8fd; color: #6b46c1; }
+
+.ast-data-item-details {
+    font-size: 12px;
+    color: #718096;
+    line-height: 1.4;
+}
+
+.ast-data-item-line {
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    background: #f7fafc;
+    padding: 2px 4px;
+    border-radius: 3px;
+    margin-right: 8px;
+}
+
+.ast-data-item-complexity {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.ast-complexity-indicator {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: #e2e8f0;
+}
+
+.ast-complexity-indicator.low { background: #48bb78; }
+.ast-complexity-indicator.medium { background: #ed8936; }
+.ast-complexity-indicator.high { background: #e53e3e; }
+
+.ast-data-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 200px;
+    color: #a0aec0;
+    text-align: center;
+    padding: 20px;
+}
+
+.ast-placeholder-icon {
+    font-size: 48px;
+    margin-bottom: 12px;
+    opacity: 0.5;
+}
+
+.ast-placeholder-text {
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+/* Hierarchical Source Viewer */
+.source-viewer {
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    font-size: 12px;
+    line-height: 1.4;
+    background: #f8fafc;
+    border-radius: 6px;
+    overflow: hidden;
+}
+
+.source-viewer-header {
+    background: #e2e8f0;
+    padding: 8px 12px;
+    border-bottom: 1px solid #cbd5e0;
+    font-weight: 600;
+    color: #2d3748;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.source-viewer-controls {
+    display: flex;
+    gap: 4px;
+}
+
+.source-control-btn {
+    background: none;
+    border: none;
+    padding: 2px 6px;
+    border-radius: 3px;
+    cursor: pointer;
+    font-size: 11px;
+    color: #718096;
+    transition: all 0.2s;
+}
+
+.source-control-btn:hover {
+    background: #cbd5e0;
+    color: #4a5568;
+}
+
+.source-viewer-content {
+    max-height: 600px;
+    overflow-y: auto;
+    background: white;
+}
+
+/* Source Lines */
+.source-line {
+    display: flex;
+    align-items: flex-start;
+    padding: 2px 0;
+    border-left: 3px solid transparent;
+    transition: all 0.2s;
+}
+
+.source-line:hover {
+    background: #f7fafc;
+}
+
+.source-line.highlighted {
+    background: #ebf8ff;
+    border-left-color: #3182ce;
+}
+
+.source-line.collapsible {
+    cursor: pointer;
+}
+
+.source-line.collapsible:hover {
+    background: #edf2f7;
+}
+
+.line-number {
+    width: 40px;
+    text-align: right;
+    color: #a0aec0;
+    padding-right: 8px;
+    user-select: none;
+    flex-shrink: 0;
+}
+
+.line-content {
+    flex: 1;
+    padding-right: 12px;
+    white-space: pre;
+    overflow-x: auto;
+}
+
+.collapse-indicator {
+    width: 16px;
+    text-align: center;
+    color: #718096;
+    cursor: pointer;
+    user-select: none;
+    flex-shrink: 0;
+}
+
+.collapse-indicator:hover {
+    color: #4a5568;
+}
+
+.collapse-indicator.expanded::before {
+    content: '▼';
+}
+
+.collapse-indicator.collapsed::before {
+    content: '▶';
+}
+
+.collapse-indicator.none::before {
+    content: '';
+}
+
+/* Collapsed Content */
+.collapsed-content {
+    display: none;
+}
+
+.collapsed-placeholder {
+    color: #a0aec0;
+    font-style: italic;
+    padding-left: 16px;
+}
+
+/* Syntax Highlighting */
+.source-line .keyword {
+    color: #805ad5;
+    font-weight: 600;
+}
+
+.source-line .string {
+    color: #38a169;
+}
+
+.source-line .comment {
+    color: #718096;
+    font-style: italic;
+}
+
+.source-line .function-def {
+    color: #3182ce;
+    font-weight: 600;
+}
+
+.source-line .class-def {
+    color: #d69e2e;
+    font-weight: 600;
+}
+
+.source-line .decorator {
+    color: #805ad5;
+}
+
+/* AST Integration */
+.source-line.ast-element {
+    position: relative;
+}
+
+.source-line.ast-element::after {
+    content: '';
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #48bb78;
+}
+
+.source-line.ast-element.selected::after {
+    background: #3182ce;
+    box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.3);
+}
+
 .structured-field {
     margin-bottom: 8px;
     font-size: 13px;