claude-mpm 5.1.8__py3-none-any.whl → 5.4.22__py3-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.

Potentially problematic release.


This version of claude-mpm might be problematic. Click here for more details.

Files changed (191) hide show
  1. claude_mpm/VERSION +1 -1
  2. claude_mpm/__init__.py +4 -0
  3. claude_mpm/agents/{PM_INSTRUCTIONS_TEACH.md → CLAUDE_MPM_TEACHER_OUTPUT_STYLE.md} +721 -41
  4. claude_mpm/agents/PM_INSTRUCTIONS.md +290 -34
  5. claude_mpm/agents/agent_loader.py +13 -44
  6. claude_mpm/agents/frontmatter_validator.py +68 -0
  7. claude_mpm/agents/templates/circuit-breakers.md +138 -1
  8. claude_mpm/cli/__main__.py +4 -0
  9. claude_mpm/cli/chrome_devtools_installer.py +175 -0
  10. claude_mpm/cli/commands/agent_state_manager.py +8 -17
  11. claude_mpm/cli/commands/agents.py +169 -31
  12. claude_mpm/cli/commands/auto_configure.py +210 -25
  13. claude_mpm/cli/commands/config.py +88 -2
  14. claude_mpm/cli/commands/configure.py +1111 -161
  15. claude_mpm/cli/commands/configure_agent_display.py +15 -6
  16. claude_mpm/cli/commands/mpm_init/core.py +160 -46
  17. claude_mpm/cli/commands/mpm_init/knowledge_extractor.py +481 -0
  18. claude_mpm/cli/commands/mpm_init/prompts.py +280 -0
  19. claude_mpm/cli/commands/skills.py +214 -189
  20. claude_mpm/cli/commands/summarize.py +413 -0
  21. claude_mpm/cli/executor.py +11 -3
  22. claude_mpm/cli/parsers/agents_parser.py +54 -9
  23. claude_mpm/cli/parsers/auto_configure_parser.py +0 -138
  24. claude_mpm/cli/parsers/base_parser.py +5 -0
  25. claude_mpm/cli/parsers/config_parser.py +153 -83
  26. claude_mpm/cli/parsers/skills_parser.py +3 -2
  27. claude_mpm/cli/startup.py +550 -94
  28. claude_mpm/commands/mpm-config.md +265 -0
  29. claude_mpm/commands/mpm-help.md +14 -95
  30. claude_mpm/commands/mpm-organize.md +500 -0
  31. claude_mpm/config/agent_sources.py +27 -0
  32. claude_mpm/core/framework/formatters/content_formatter.py +3 -13
  33. claude_mpm/core/framework/loaders/agent_loader.py +8 -5
  34. claude_mpm/core/framework_loader.py +4 -2
  35. claude_mpm/core/logger.py +13 -0
  36. claude_mpm/core/output_style_manager.py +173 -43
  37. claude_mpm/core/socketio_pool.py +3 -3
  38. claude_mpm/core/unified_agent_registry.py +134 -16
  39. claude_mpm/hooks/claude_hooks/correlation_manager.py +60 -0
  40. claude_mpm/hooks/claude_hooks/event_handlers.py +211 -78
  41. claude_mpm/hooks/claude_hooks/hook_handler.py +6 -0
  42. claude_mpm/hooks/claude_hooks/installer.py +33 -10
  43. claude_mpm/hooks/claude_hooks/memory_integration.py +26 -9
  44. claude_mpm/hooks/claude_hooks/response_tracking.py +2 -3
  45. claude_mpm/hooks/claude_hooks/services/connection_manager.py +4 -0
  46. claude_mpm/hooks/memory_integration_hook.py +46 -1
  47. claude_mpm/init.py +0 -19
  48. claude_mpm/models/agent_definition.py +7 -0
  49. claude_mpm/scripts/claude-hook-handler.sh +58 -18
  50. claude_mpm/scripts/launch_monitor.py +93 -13
  51. claude_mpm/scripts/start_activity_logging.py +0 -0
  52. claude_mpm/services/agents/agent_recommendation_service.py +278 -0
  53. claude_mpm/services/agents/agent_review_service.py +280 -0
  54. claude_mpm/services/agents/deployment/agent_discovery_service.py +2 -3
  55. claude_mpm/services/agents/deployment/agent_template_builder.py +4 -2
  56. claude_mpm/services/agents/deployment/multi_source_deployment_service.py +188 -12
  57. claude_mpm/services/agents/deployment/remote_agent_discovery_service.py +531 -55
  58. claude_mpm/services/agents/git_source_manager.py +34 -0
  59. claude_mpm/services/agents/loading/base_agent_manager.py +1 -13
  60. claude_mpm/services/agents/sources/git_source_sync_service.py +8 -1
  61. claude_mpm/services/agents/toolchain_detector.py +10 -6
  62. claude_mpm/services/analysis/__init__.py +11 -1
  63. claude_mpm/services/analysis/clone_detector.py +1030 -0
  64. claude_mpm/services/command_deployment_service.py +81 -10
  65. claude_mpm/services/event_bus/config.py +3 -1
  66. claude_mpm/services/git/git_operations_service.py +93 -8
  67. claude_mpm/services/monitor/daemon.py +9 -2
  68. claude_mpm/services/monitor/daemon_manager.py +39 -3
  69. claude_mpm/services/monitor/server.py +225 -19
  70. claude_mpm/services/self_upgrade_service.py +120 -12
  71. claude_mpm/services/skills/__init__.py +3 -0
  72. claude_mpm/services/skills/git_skill_source_manager.py +32 -2
  73. claude_mpm/services/skills/selective_skill_deployer.py +704 -0
  74. claude_mpm/services/skills/skill_to_agent_mapper.py +406 -0
  75. claude_mpm/services/skills_deployer.py +126 -9
  76. claude_mpm/services/socketio/event_normalizer.py +15 -1
  77. claude_mpm/services/socketio/server/core.py +160 -21
  78. claude_mpm/services/version_control/git_operations.py +103 -0
  79. claude_mpm/utils/agent_filters.py +17 -44
  80. {claude_mpm-5.1.8.dist-info → claude_mpm-5.4.22.dist-info}/METADATA +47 -84
  81. {claude_mpm-5.1.8.dist-info → claude_mpm-5.4.22.dist-info}/RECORD +86 -176
  82. claude_mpm-5.4.22.dist-info/entry_points.txt +5 -0
  83. claude_mpm-5.4.22.dist-info/licenses/LICENSE +94 -0
  84. claude_mpm-5.4.22.dist-info/licenses/LICENSE-FAQ.md +153 -0
  85. claude_mpm/agents/BASE_AGENT_TEMPLATE.md +0 -292
  86. claude_mpm/agents/BASE_DOCUMENTATION.md +0 -53
  87. claude_mpm/agents/BASE_ENGINEER.md +0 -658
  88. claude_mpm/agents/BASE_OPS.md +0 -219
  89. claude_mpm/agents/BASE_PM.md +0 -480
  90. claude_mpm/agents/BASE_PROMPT_ENGINEER.md +0 -787
  91. claude_mpm/agents/BASE_QA.md +0 -167
  92. claude_mpm/agents/BASE_RESEARCH.md +0 -53
  93. claude_mpm/agents/base_agent.json +0 -31
  94. claude_mpm/agents/base_agent_loader.py +0 -601
  95. claude_mpm/cli/commands/agents_detect.py +0 -380
  96. claude_mpm/cli/commands/agents_recommend.py +0 -309
  97. claude_mpm/cli/ticket_cli.py +0 -35
  98. claude_mpm/commands/mpm-agents-auto-configure.md +0 -278
  99. claude_mpm/commands/mpm-agents-detect.md +0 -177
  100. claude_mpm/commands/mpm-agents-list.md +0 -131
  101. claude_mpm/commands/mpm-agents-recommend.md +0 -223
  102. claude_mpm/commands/mpm-config-view.md +0 -150
  103. claude_mpm/commands/mpm-ticket-organize.md +0 -304
  104. claude_mpm/dashboard/analysis_runner.py +0 -455
  105. claude_mpm/dashboard/index.html +0 -13
  106. claude_mpm/dashboard/open_dashboard.py +0 -66
  107. claude_mpm/dashboard/static/css/activity.css +0 -1958
  108. claude_mpm/dashboard/static/css/connection-status.css +0 -370
  109. claude_mpm/dashboard/static/css/dashboard.css +0 -4701
  110. claude_mpm/dashboard/static/js/components/activity-tree.js +0 -1871
  111. claude_mpm/dashboard/static/js/components/agent-hierarchy.js +0 -777
  112. claude_mpm/dashboard/static/js/components/agent-inference.js +0 -956
  113. claude_mpm/dashboard/static/js/components/build-tracker.js +0 -333
  114. claude_mpm/dashboard/static/js/components/code-simple.js +0 -857
  115. claude_mpm/dashboard/static/js/components/connection-debug.js +0 -654
  116. claude_mpm/dashboard/static/js/components/diff-viewer.js +0 -891
  117. claude_mpm/dashboard/static/js/components/event-processor.js +0 -542
  118. claude_mpm/dashboard/static/js/components/event-viewer.js +0 -1155
  119. claude_mpm/dashboard/static/js/components/export-manager.js +0 -368
  120. claude_mpm/dashboard/static/js/components/file-change-tracker.js +0 -443
  121. claude_mpm/dashboard/static/js/components/file-change-viewer.js +0 -690
  122. claude_mpm/dashboard/static/js/components/file-tool-tracker.js +0 -724
  123. claude_mpm/dashboard/static/js/components/file-viewer.js +0 -580
  124. claude_mpm/dashboard/static/js/components/hud-library-loader.js +0 -211
  125. claude_mpm/dashboard/static/js/components/hud-manager.js +0 -671
  126. claude_mpm/dashboard/static/js/components/hud-visualizer.js +0 -1718
  127. claude_mpm/dashboard/static/js/components/module-viewer.js +0 -2764
  128. claude_mpm/dashboard/static/js/components/session-manager.js +0 -579
  129. claude_mpm/dashboard/static/js/components/socket-manager.js +0 -368
  130. claude_mpm/dashboard/static/js/components/ui-state-manager.js +0 -749
  131. claude_mpm/dashboard/static/js/components/unified-data-viewer.js +0 -1824
  132. claude_mpm/dashboard/static/js/components/working-directory.js +0 -920
  133. claude_mpm/dashboard/static/js/connection-manager.js +0 -536
  134. claude_mpm/dashboard/static/js/dashboard.js +0 -1914
  135. claude_mpm/dashboard/static/js/extension-error-handler.js +0 -164
  136. claude_mpm/dashboard/static/js/socket-client.js +0 -1474
  137. claude_mpm/dashboard/static/js/tab-isolation-fix.js +0 -185
  138. claude_mpm/dashboard/static/socket.io.min.js +0 -7
  139. claude_mpm/dashboard/static/socket.io.v4.8.1.backup.js +0 -7
  140. claude_mpm/dashboard/templates/code_simple.html +0 -153
  141. claude_mpm/dashboard/templates/index.html +0 -606
  142. claude_mpm/dashboard/test_dashboard.html +0 -372
  143. claude_mpm/hooks/claude_hooks/__pycache__/__init__.cpython-313.pyc +0 -0
  144. claude_mpm/hooks/claude_hooks/__pycache__/event_handlers.cpython-313.pyc +0 -0
  145. claude_mpm/hooks/claude_hooks/__pycache__/hook_handler.cpython-313.pyc +0 -0
  146. claude_mpm/hooks/claude_hooks/__pycache__/memory_integration.cpython-313.pyc +0 -0
  147. claude_mpm/hooks/claude_hooks/__pycache__/response_tracking.cpython-313.pyc +0 -0
  148. claude_mpm/hooks/claude_hooks/__pycache__/tool_analysis.cpython-313.pyc +0 -0
  149. claude_mpm/hooks/claude_hooks/services/__pycache__/__init__.cpython-313.pyc +0 -0
  150. claude_mpm/hooks/claude_hooks/services/__pycache__/connection_manager_http.cpython-313.pyc +0 -0
  151. claude_mpm/hooks/claude_hooks/services/__pycache__/duplicate_detector.cpython-313.pyc +0 -0
  152. claude_mpm/hooks/claude_hooks/services/__pycache__/state_manager.cpython-313.pyc +0 -0
  153. claude_mpm/hooks/claude_hooks/services/__pycache__/subagent_processor.cpython-313.pyc +0 -0
  154. claude_mpm/scripts/mcp_server.py +0 -75
  155. claude_mpm/scripts/mcp_wrapper.py +0 -39
  156. claude_mpm/services/mcp_gateway/__init__.py +0 -159
  157. claude_mpm/services/mcp_gateway/auto_configure.py +0 -369
  158. claude_mpm/services/mcp_gateway/config/__init__.py +0 -17
  159. claude_mpm/services/mcp_gateway/config/config_loader.py +0 -296
  160. claude_mpm/services/mcp_gateway/config/config_schema.py +0 -243
  161. claude_mpm/services/mcp_gateway/config/configuration.py +0 -429
  162. claude_mpm/services/mcp_gateway/core/__init__.py +0 -43
  163. claude_mpm/services/mcp_gateway/core/base.py +0 -312
  164. claude_mpm/services/mcp_gateway/core/exceptions.py +0 -253
  165. claude_mpm/services/mcp_gateway/core/interfaces.py +0 -443
  166. claude_mpm/services/mcp_gateway/core/process_pool.py +0 -977
  167. claude_mpm/services/mcp_gateway/core/singleton_manager.py +0 -315
  168. claude_mpm/services/mcp_gateway/core/startup_verification.py +0 -316
  169. claude_mpm/services/mcp_gateway/main.py +0 -589
  170. claude_mpm/services/mcp_gateway/registry/__init__.py +0 -12
  171. claude_mpm/services/mcp_gateway/registry/service_registry.py +0 -412
  172. claude_mpm/services/mcp_gateway/registry/tool_registry.py +0 -489
  173. claude_mpm/services/mcp_gateway/server/__init__.py +0 -15
  174. claude_mpm/services/mcp_gateway/server/mcp_gateway.py +0 -414
  175. claude_mpm/services/mcp_gateway/server/stdio_handler.py +0 -372
  176. claude_mpm/services/mcp_gateway/server/stdio_server.py +0 -712
  177. claude_mpm/services/mcp_gateway/tools/__init__.py +0 -36
  178. claude_mpm/services/mcp_gateway/tools/base_adapter.py +0 -485
  179. claude_mpm/services/mcp_gateway/tools/document_summarizer.py +0 -789
  180. claude_mpm/services/mcp_gateway/tools/external_mcp_services.py +0 -654
  181. claude_mpm/services/mcp_gateway/tools/health_check_tool.py +0 -456
  182. claude_mpm/services/mcp_gateway/tools/hello_world.py +0 -551
  183. claude_mpm/services/mcp_gateway/tools/kuzu_memory_service.py +0 -555
  184. claude_mpm/services/mcp_gateway/utils/__init__.py +0 -14
  185. claude_mpm/services/mcp_gateway/utils/package_version_checker.py +0 -160
  186. claude_mpm/services/mcp_gateway/utils/update_preferences.py +0 -170
  187. claude_mpm-5.1.8.dist-info/entry_points.txt +0 -10
  188. claude_mpm-5.1.8.dist-info/licenses/LICENSE +0 -21
  189. /claude_mpm/agents/{OUTPUT_STYLE.md → CLAUDE_MPM_OUTPUT_STYLE.md} +0 -0
  190. {claude_mpm-5.1.8.dist-info → claude_mpm-5.4.22.dist-info}/WHEEL +0 -0
  191. {claude_mpm-5.1.8.dist-info → claude_mpm-5.4.22.dist-info}/top_level.txt +0 -0
@@ -1,606 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Claude MPM Socket.IO Dashboard</title>
7
- <link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI2IiBmaWxsPSIjNDI5OWUxIi8+CiAgPHRleHQgeD0iMTYiIHk9IjIxIiBmb250LWZhbWlseT0iSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5NUE08L3RleHQ+Cjwvc3ZnPgo=">
8
-
9
- <!-- Browser Extension Error Handler - Load First -->
10
- <script type="module">
11
- // Load extension error handler before anything else to catch early errors
12
- import extensionErrorHandler from '/static/js/extension-error-handler.js';
13
- // Handler is automatically initialized on import
14
- </script>
15
-
16
- <!-- External Dependencies -->
17
- <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
18
-
19
- <!-- D3.js for Activity Tree Visualization -->
20
- <script src="https://d3js.org/d3.v7.min.js"></script>
21
-
22
- <!-- Font Awesome for icons -->
23
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
24
-
25
- <!-- Syntax Highlighting - Prism.js -->
26
- <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
27
- <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
28
- <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
29
- <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
30
- <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css" rel="stylesheet">
31
-
32
- <!-- Stylesheets -->
33
- <link rel="stylesheet" href="/static/css/dashboard.css">
34
- <link rel="stylesheet" href="/static/css/connection-status.css">
35
- <link rel="stylesheet" href="/static/css/activity.css">
36
-
37
- <!-- Additional styles for file operations -->
38
- <style>
39
- .file-item {
40
- background: white;
41
- border-radius: 6px;
42
- padding: 12px;
43
- margin-bottom: 8px;
44
- border-left: 4px solid #4299e1;
45
- cursor: pointer;
46
- transition: all 0.2s;
47
- }
48
-
49
- .file-item:hover {
50
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
51
- transform: translateX(2px);
52
- }
53
-
54
- .file-header {
55
- display: flex;
56
- align-items: center;
57
- gap: 8px;
58
- margin-bottom: 4px;
59
- }
60
-
61
- .file-icon {
62
- font-size: 16px;
63
- min-width: 20px;
64
- }
65
-
66
- .file-path {
67
- flex: 1;
68
- font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
69
- font-size: 13px;
70
- color: #2d3748;
71
- word-break: break-all;
72
- }
73
-
74
- .file-timestamp {
75
- font-size: 12px;
76
- color: #718096;
77
- }
78
-
79
- .file-summary {
80
- font-size: 12px;
81
- color: #4a5568;
82
- margin-left: 28px;
83
- }
84
-
85
- .operation-item {
86
- background: #f8fafc;
87
- border: 1px solid #e2e8f0;
88
- border-radius: 6px;
89
- padding: 10px;
90
- margin-bottom: 8px;
91
- }
92
-
93
- .operation-header {
94
- display: flex;
95
- align-items: center;
96
- gap: 8px;
97
- margin-bottom: 6px;
98
- }
99
-
100
- .operation-icon {
101
- font-size: 14px;
102
- min-width: 16px;
103
- }
104
-
105
- .operation-type {
106
- font-weight: 600;
107
- color: #2d3748;
108
- }
109
-
110
- .operation-timestamp {
111
- margin-left: auto;
112
- font-size: 11px;
113
- color: #718096;
114
- }
115
-
116
- .operation-details {
117
- font-size: 12px;
118
- color: #4a5568;
119
- line-height: 1.4;
120
- }
121
-
122
- .file-details {
123
- background: white;
124
- border-radius: 6px;
125
- padding: 15px;
126
- }
127
-
128
- .file-path-display {
129
- font-size: 14px;
130
- margin-bottom: 15px;
131
- padding-bottom: 10px;
132
- border-bottom: 1px solid #e2e8f0;
133
- }
134
-
135
- .operations-list {
136
- max-height: 400px;
137
- overflow-y: auto;
138
- }
139
- </style>
140
- </head>
141
- <body>
142
- <!-- Connection Notifications Area -->
143
- <div id="connection-notifications" class="connection-notifications"></div>
144
-
145
- <div class="container">
146
- <!-- Header Section -->
147
- <div class="header">
148
- <!-- Row 1: Title, Status, Metrics -->
149
- <div class="header-row">
150
- <div class="header-title">
151
- <h1>🚀 Claude MPM Monitor</h1>
152
- <div id="connection-status" class="status-badge status-disconnected">
153
- <span>●</span> Disconnected
154
- </div>
155
- <div id="connection-quality" class="connection-quality" style="display: none;">
156
- <div class="quality-bar">
157
- <div class="quality-fill"></div>
158
- </div>
159
- <span class="quality-text">--</span>
160
- </div>
161
- <span id="connection-latency" class="connection-latency" style="display: none;">--ms</span>
162
- <!-- Version display will be inserted here by BuildTracker component -->
163
- </div>
164
- <div class="metrics-widget">
165
- <div class="metric-mini">
166
- <div class="metric-mini-value" id="total-events">0</div>
167
- <div class="metric-mini-label">Events</div>
168
- </div>
169
- <div class="metric-mini">
170
- <div class="metric-mini-value" id="events-per-minute">0</div>
171
- <div class="metric-mini-label">Per Min</div>
172
- </div>
173
- <div class="metric-mini">
174
- <div class="metric-mini-value" id="unique-types">0</div>
175
- <div class="metric-mini-label">Types</div>
176
- </div>
177
- <div class="metric-mini">
178
- <div class="metric-mini-value" id="error-count">0</div>
179
- <div class="metric-mini-label">Errors</div>
180
- </div>
181
- <!-- Debug metrics for troubleshooting -->
182
- <div class="metric-mini" style="background: rgba(255,255,255,0.05);">
183
- <div class="metric-mini-value" id="debug-events-received">0</div>
184
- <div class="metric-mini-label">Received</div>
185
- </div>
186
- <div class="metric-mini" style="background: rgba(255,255,255,0.05);">
187
- <div class="metric-mini-value" id="debug-events-rendered">0</div>
188
- <div class="metric-mini-label">Rendered</div>
189
- </div>
190
- </div>
191
- </div>
192
-
193
- <!-- Row 2: Main Controls (Always Visible) -->
194
- <div class="header-row main-controls">
195
- <div class="session-group">
196
- <label>Session:</label>
197
- <select id="session-select" class="session-select">
198
- <option value="">All Sessions</option>
199
- </select>
200
- </div>
201
- <div class="working-dir-group">
202
- <label>Working Dir:</label>
203
- <div class="working-dir-display">
204
- <span id="working-dir-path" class="working-dir-path" title="Click to browse files • Shift+Click to change directory">Loading...</span>
205
- <button id="change-dir-btn" class="btn-icon" title="Change working directory">📁</button>
206
- </div>
207
- </div>
208
- <div class="action-buttons">
209
- <button id="export-btn" class="btn-success">Export</button>
210
- </div>
211
- <div class="connection-toggle">
212
- <button id="connection-toggle-btn" class="btn-secondary">Connection Settings</button>
213
- </div>
214
- </div>
215
-
216
- <!-- Row 3: Connection Controls (Hidden by Default) -->
217
- <div class="header-row connection-controls-row" id="connection-controls-row" style="display: none;">
218
- <div class="connection-controls">
219
- <button id="connect-btn">Connect</button>
220
- <button id="disconnect-btn" class="btn-secondary">Disconnect</button>
221
- <input type="text" id="port-input" value="8765" placeholder="Port">
222
- <label>Session:</label>
223
- </div>
224
- </div>
225
- </div>
226
-
227
- <!-- Main Content Area -->
228
- <div class="events-wrapper">
229
- <!-- Split container for module viewer and tabbed content -->
230
- <div class="split-container" id="normal-view">
231
- <!-- Left: Module Viewer -->
232
- <div class="module-viewer">
233
- <!-- Single pane layout: Structured Data with collapsible JSON -->
234
- <div class="module-panes" id="module-content">
235
- <!-- Data Pane -->
236
- <div class="module-data-pane">
237
- <div class="module-data-header">
238
- <h5>📊 Structured Data</h5>
239
- </div>
240
- <div class="module-data-content" id="module-data-content">
241
- <div class="module-empty">
242
- <p>Click on an event to view structured data</p>
243
- <p class="module-hint">Data is organized by event type</p>
244
- </div>
245
- </div>
246
- </div>
247
-
248
- </div>
249
- </div>
250
-
251
- <!-- Right: Tabbed Content -->
252
- <div class="events-container">
253
- <!-- Tab Navigation - Using hash-based navigation -->
254
- <div class="tab-nav">
255
- <a href="#events" class="tab-button" data-tab="events">📊 Events</a>
256
- <a href="#agents" class="tab-button" data-tab="agents">🤖 Agents</a>
257
- <a href="#tools" class="tab-button" data-tab="tools">🔧 Tools</a>
258
- <a href="#files" class="tab-button" data-tab="files">📁 Files</a>
259
- <a href="#activity" class="tab-button" data-tab="activity">🌳 Activity</a>
260
- </div>
261
-
262
- <!-- Events Tab -->
263
- <div class="tab-content" id="events-tab">
264
- <div class="tab-filters">
265
- <input type="text" id="events-search-input" placeholder="Search events...">
266
- <select id="events-type-filter">
267
- <option value="">All Events</option>
268
- <!-- Event types will be dynamically populated from actual event data -->
269
- </select>
270
- </div>
271
- <div class="events-list" id="events-list">
272
- <div class="no-events">
273
- Connect to Socket.IO server to see events...
274
- </div>
275
- </div>
276
- </div>
277
-
278
- <!-- Agents Tab -->
279
- <div class="tab-content" id="agents-tab">
280
- <div class="tab-filters">
281
- <input type="text" id="agents-search-input" placeholder="Search agents...">
282
- <select id="agents-type-filter">
283
- <option value="">All Agents</option>
284
- <option value="research">Research</option>
285
- <option value="engineer">Engineer</option>
286
- <option value="pm">Project Manager</option>
287
- <option value="ops">Operations</option>
288
- </select>
289
- </div>
290
- <div class="events-list" id="agents-list">
291
- <div class="no-events">
292
- No agent events found...
293
- </div>
294
- </div>
295
- </div>
296
-
297
- <!-- Tools Tab -->
298
- <div class="tab-content" id="tools-tab">
299
- <div class="tab-filters">
300
- <input type="text" id="tools-search-input" placeholder="Search tools...">
301
- <select id="tools-type-filter">
302
- <option value="">All Tools</option>
303
- <option value="Read">Read</option>
304
- <option value="Write">Write</option>
305
- <option value="Edit">Edit</option>
306
- <option value="Bash">Bash</option>
307
- <option value="Grep">Grep</option>
308
- <option value="Glob">Glob</option>
309
- </select>
310
- </div>
311
- <div class="events-list" id="tools-list">
312
- <div class="no-events">
313
- No tool events found...
314
- </div>
315
- </div>
316
- </div>
317
-
318
- <!-- Files Tab -->
319
- <div class="tab-content" id="files-tab">
320
- <div class="tab-filters">
321
- <input type="text" id="files-search-input" placeholder="Search files...">
322
- <select id="files-type-filter">
323
- <option value="">All Operations</option>
324
- <option value="read">Read</option>
325
- <option value="write">Write</option>
326
- <option value="edit">Edit</option>
327
- <option value="search">Search</option>
328
- </select>
329
- </div>
330
- <div class="events-list" id="files-list">
331
- <div class="no-events">
332
- No file operations found...
333
- </div>
334
- </div>
335
- </div>
336
-
337
- <!-- Activity Tab -->
338
- <div class="tab-content" id="activity-tab">
339
- <div class="activity-container">
340
- <div class="activity-header">
341
- <div class="activity-controls">
342
- <button id="expand-all" class="btn-sm">Expand All</button>
343
- <button id="collapse-all" class="btn-sm">Collapse All</button>
344
- <select id="time-range">
345
- <option value="all">All Time</option>
346
- <option value="hour">Last Hour</option>
347
- <option value="30min" selected>Last 30 Minutes</option>
348
- <option value="10min">Last 10 Minutes</option>
349
- </select>
350
- <input type="text" id="activity-search" placeholder="Search nodes...">
351
- </div>
352
- <div class="activity-stats">
353
- <span class="stat-item">
354
- <span class="stat-label">Nodes:</span>
355
- <span id="node-count" class="stat-value">0</span>
356
- </span>
357
- <span class="stat-item">
358
- <span class="stat-label">Active:</span>
359
- <span id="active-count" class="stat-value">0</span>
360
- </span>
361
- <span class="stat-item">
362
- <span class="stat-label">Depth:</span>
363
- <span id="tree-depth" class="stat-value">0</span>
364
- </span>
365
- </div>
366
- </div>
367
- <div id="activity-tree-container" class="activity-tree-container">
368
- <div id="activity-tree"></div>
369
- <div class="tree-legend">
370
- <div class="legend-item">
371
- <span class="legend-icon">📁</span>
372
- <span>Project Root</span>
373
- </div>
374
- <div class="legend-item">
375
- <span class="legend-icon pm">🎯</span>
376
- <span>PM Session</span>
377
- </div>
378
- <div class="legend-item">
379
- <span class="legend-icon todowrite">📝</span>
380
- <span>Todo Item</span>
381
- </div>
382
- <div class="legend-item">
383
- <span class="legend-icon agent">🤖</span>
384
- <span>Agent</span>
385
- </div>
386
- <div class="legend-item">
387
- <span class="legend-icon tool">🔧</span>
388
- <span>Tool</span>
389
- </div>
390
- </div>
391
- </div>
392
- <div class="activity-breadcrumb" id="activity-breadcrumb">
393
- PM > Click a node to see path
394
- </div>
395
- </div>
396
- </div>
397
-
398
- </div>
399
- </div>
400
- </div>
401
- </div>
402
-
403
-
404
- <!-- Footer -->
405
- <div class="footer">
406
- <div class="footer-content">
407
- <div class="footer-item">
408
- <span class="footer-label">Session:</span>
409
- <span class="footer-value" id="footer-session">All Sessions</span>
410
- </div>
411
- <span class="footer-divider">|</span>
412
- <div class="footer-item">
413
- <span class="footer-label">Directory:</span>
414
- <span class="footer-value" id="footer-working-dir">Loading...</span>
415
- </div>
416
- <span class="footer-divider">|</span>
417
- <div class="footer-item">
418
- <span class="footer-label">Branch:</span>
419
- <span class="footer-value" id="footer-git-branch">Unknown</span>
420
- </div>
421
- <!-- Analysis Status (hidden by default) -->
422
- <div class="footer-item" id="footer-analysis-container" style="display: none;">
423
- <span class="footer-divider">|</span>
424
- <span class="footer-label">Analysis:</span>
425
- <span class="footer-value" id="footer-analysis-status">
426
- <span class="analysis-progress" id="footer-analysis-progress"></span>
427
- </span>
428
- </div>
429
- </div>
430
- </div>
431
-
432
- <!-- JavaScript Modules -->
433
- <!-- Load bundled dashboard assets (built with Vite) - with proper initialization order -->
434
- <script type="module">
435
- // Set up working directory environment variables
436
- // These will be used by the working-directory component
437
- // The server will inject these values through a separate API call
438
-
439
- // Get the current working directory from the server
440
- fetch('/api/working-directory')
441
- .then(response => response.json())
442
- .then(data => {
443
- window.processWorkingDirectory = data.working_directory || '/Users/masa/Projects/claude-mpm';
444
- window.homeDirectory = data.home_directory || '/Users/masa';
445
-
446
- // Store in session storage for persistence
447
- if (window.processWorkingDirectory && window.processWorkingDirectory !== '/') {
448
- sessionStorage.setItem('currentWorkingDirectory', window.processWorkingDirectory);
449
- }
450
-
451
- // Dispatch event to notify components that working directory is ready
452
- window.dispatchEvent(new CustomEvent('workingDirectoryInitialized', {
453
- detail: {
454
- working_directory: window.processWorkingDirectory,
455
- home_directory: window.homeDirectory
456
- }
457
- }));
458
- })
459
- .catch(error => {
460
- console.error('Failed to get working directory from server:', error);
461
- // Use defaults as fallback
462
- window.processWorkingDirectory = '/Users/masa/Projects/claude-mpm';
463
- window.homeDirectory = '/Users/masa';
464
- });
465
-
466
- // Add timestamp-based cache busting and ensure proper loading order
467
- const timestamp = Date.now();
468
-
469
- // Load modules sequentially to ensure dashboard.js loads first
470
- const loadModule = (src) => {
471
- return new Promise((resolve, reject) => {
472
- const script = document.createElement('script');
473
- script.type = 'module';
474
- script.src = `${src}?t=${timestamp}`;
475
- script.onload = resolve;
476
- script.onerror = reject;
477
- document.body.appendChild(script);
478
- });
479
- };
480
-
481
- // Load shared services first, then components
482
- // Load services sequentially to ensure dependencies are available
483
- loadModule('/static/js/shared/tooltip-service.js')
484
- .then(() => loadModule('/static/js/shared/dom-helpers.js'))
485
- .then(() => loadModule('/static/js/shared/event-bus.js'))
486
- .then(() => loadModule('/static/js/shared/logger.js'))
487
- .then(() => {
488
- // CRITICAL: Load socket-client.js FIRST (dependency of socket-manager)
489
- return loadModule('/static/js/socket-client.js');
490
- })
491
- .then(() => {
492
- // CRITICAL: Load socket-manager BEFORE dashboard.js
493
- // The source version must be loaded to make SocketManager globally available
494
- return loadModule('/static/js/components/socket-manager.js');
495
- })
496
- .then(() => {
497
- // Load all required dashboard dependencies BEFORE dashboard.js
498
- // These must be available globally for the dist/dashboard.js to work
499
- return Promise.all([
500
- loadModule('/static/js/components/event-viewer.js'),
501
- loadModule('/static/js/components/module-viewer.js'),
502
- loadModule('/static/js/components/session-manager.js'),
503
- loadModule('/static/js/components/agent-inference.js'),
504
- loadModule('/static/js/components/agent-hierarchy.js'),
505
- loadModule('/static/js/components/ui-state-manager.js'),
506
- loadModule('/static/js/components/event-processor.js'),
507
- loadModule('/static/js/components/export-manager.js'),
508
- loadModule('/static/js/components/working-directory.js'),
509
- loadModule('/static/js/components/file-tool-tracker.js'),
510
- loadModule('/static/js/components/build-tracker.js')
511
- ]);
512
- })
513
- .then(() => {
514
- // Now load main components including dashboard.js which depends on the above
515
- return Promise.all([
516
- loadModule('/static/dist/dashboard.js'), // Use dist version that requires above components
517
- loadModule('/static/dist/components/activity-tree.js'),
518
- loadModule('/static/dist/components/file-viewer.js') // File viewer for viewing file contents
519
- ]);
520
- })
521
- .then(() => {
522
- console.log('All dashboard modules loaded successfully');
523
-
524
- // Browser Log Viewer initialization is now handled by UIStateManager
525
- // This prevents duplicate event handlers and tab selection conflicts
526
-
527
- // Load bulletproof tab isolation fix
528
- loadModule('/static/js/tab-isolation-fix.js')
529
- .then(() => {
530
- console.log('✅ Tab isolation fix loaded successfully');
531
- })
532
- .catch(err => {
533
- console.error('❌ Failed to load tab isolation fix:', err);
534
- });
535
-
536
- // Hash navigation will handle default tab based on URL
537
- // If no hash, default will be 'events' as per hashToTab mapping
538
- })
539
- .catch(error => {
540
- console.error('[CRITICAL] Error loading dashboard modules:', error);
541
- console.error('Stack trace:', error.stack);
542
- });
543
-
544
- // Give modules time to execute and initialize dashboard
545
- setTimeout(() => {
546
- console.log('Checking dashboard initialization...');
547
-
548
- if (window.dashboard) {
549
- console.log('Dashboard found, checking auto-connect status...');
550
-
551
- // Force auto-connect if not already connected
552
- if (window.dashboard.socketManager) {
553
- const socketManager = window.dashboard.socketManager;
554
-
555
- if (!socketManager.isConnected() && !socketManager.isConnecting()) {
556
- console.log('Dashboard loaded but not connected, forcing auto-connect...');
557
-
558
- // Try to trigger auto-connect manually
559
- const params = new URLSearchParams(window.location.search);
560
- socketManager.initializeFromURL(params);
561
- } else {
562
- console.log('Dashboard already connected or connecting');
563
- }
564
- } else {
565
- console.warn('Dashboard found but socketManager not available');
566
- }
567
- } else {
568
- console.warn('Dashboard still not initialized after module loading');
569
-
570
- // Try to manually trigger initialization
571
- if (document.readyState === 'complete' || document.readyState === 'interactive') {
572
- console.log('Document ready, attempting to trigger dashboard initialization...');
573
- document.dispatchEvent(new Event('DOMContentLoaded'));
574
- }
575
- }
576
-
577
- // Debug: Test connection settings button
578
- const connectionToggleBtn = document.getElementById('connection-toggle-btn');
579
- if (connectionToggleBtn) {
580
- console.log('Connection toggle button found, testing functionality...');
581
-
582
- // Add a debug click handler to ensure the button works
583
- connectionToggleBtn.addEventListener('click', () => {
584
- console.log('Connection toggle button clicked (debug handler)');
585
-
586
- if (window.dashboard && window.dashboard.socketManager) {
587
- console.log('Calling socketManager.toggleConnectionControls()');
588
- window.dashboard.socketManager.toggleConnectionControls();
589
- } else {
590
- console.log('Manual toggle fallback');
591
- const controlsRow = document.getElementById('connection-controls-row');
592
- if (controlsRow) {
593
- const isVisible = controlsRow.style.display !== 'none';
594
- controlsRow.style.display = isVisible ? 'none' : 'block';
595
- connectionToggleBtn.textContent = isVisible ? 'Connection Settings' : 'Hide Settings';
596
- console.log(`Manually toggled controls visibility: ${!isVisible}`);
597
- }
598
- }
599
- });
600
- } else {
601
- console.error('Connection toggle button not found in DOM');
602
- }
603
- }, 1000);
604
- </script>
605
- </body>
606
- </html>