claude-mpm 4.2.44__py3-none-any.whl → 4.2.51__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.
- claude_mpm/VERSION +1 -1
- claude_mpm/agents/BASE_PM.md +43 -1
- claude_mpm/agents/INSTRUCTIONS.md +75 -1
- claude_mpm/agents/WORKFLOW.md +46 -1
- claude_mpm/agents/frontmatter_validator.py +20 -12
- claude_mpm/agents/templates/nextjs_engineer.json +277 -0
- claude_mpm/agents/templates/python_engineer.json +289 -0
- claude_mpm/agents/templates/react_engineer.json +11 -3
- claude_mpm/agents/templates/security.json +50 -9
- claude_mpm/cli/commands/agents.py +2 -2
- claude_mpm/cli/commands/uninstall.py +1 -2
- claude_mpm/cli/interactive/agent_wizard.py +3 -3
- claude_mpm/cli/parsers/agent_manager_parser.py +3 -3
- claude_mpm/cli/parsers/agents_parser.py +1 -1
- claude_mpm/constants.py +1 -1
- claude_mpm/core/error_handler.py +2 -4
- claude_mpm/core/file_utils.py +4 -12
- claude_mpm/core/log_manager.py +8 -5
- claude_mpm/core/logger.py +1 -1
- claude_mpm/core/logging_utils.py +6 -6
- claude_mpm/core/unified_agent_registry.py +18 -4
- claude_mpm/dashboard/react/components/DataInspector/DataInspector.module.css +188 -0
- claude_mpm/dashboard/react/components/EventViewer/EventViewer.module.css +156 -0
- claude_mpm/dashboard/react/components/shared/ConnectionStatus.module.css +38 -0
- claude_mpm/dashboard/react/components/shared/FilterBar.module.css +92 -0
- claude_mpm/dashboard/static/archive/activity_dashboard_fixed.html +248 -0
- claude_mpm/dashboard/static/archive/activity_dashboard_test.html +61 -0
- claude_mpm/dashboard/static/archive/test_activity_connection.html +179 -0
- claude_mpm/dashboard/static/archive/test_claude_tree_tab.html +68 -0
- claude_mpm/dashboard/static/archive/test_dashboard.html +409 -0
- claude_mpm/dashboard/static/archive/test_dashboard_fixed.html +519 -0
- claude_mpm/dashboard/static/archive/test_dashboard_verification.html +181 -0
- claude_mpm/dashboard/static/archive/test_file_data.html +315 -0
- claude_mpm/dashboard/static/archive/test_file_tree_empty_state.html +243 -0
- claude_mpm/dashboard/static/archive/test_file_tree_fix.html +234 -0
- claude_mpm/dashboard/static/archive/test_file_tree_rename.html +117 -0
- claude_mpm/dashboard/static/archive/test_file_tree_tab.html +115 -0
- claude_mpm/dashboard/static/archive/test_file_viewer.html +224 -0
- claude_mpm/dashboard/static/archive/test_final_activity.html +220 -0
- claude_mpm/dashboard/static/archive/test_tab_fix.html +139 -0
- claude_mpm/dashboard/static/built/assets/events.DjpNxWNo.css +1 -0
- claude_mpm/dashboard/static/built/components/activity-tree.js +1 -1
- claude_mpm/dashboard/static/built/components/agent-hierarchy.js +777 -0
- claude_mpm/dashboard/static/built/components/agent-inference.js +1 -1
- claude_mpm/dashboard/static/built/components/build-tracker.js +333 -0
- claude_mpm/dashboard/static/built/components/code-simple.js +857 -0
- claude_mpm/dashboard/static/built/components/code-tree/tree-breadcrumb.js +353 -0
- claude_mpm/dashboard/static/built/components/code-tree/tree-constants.js +235 -0
- claude_mpm/dashboard/static/built/components/code-tree/tree-search.js +409 -0
- claude_mpm/dashboard/static/built/components/code-tree/tree-utils.js +435 -0
- claude_mpm/dashboard/static/built/components/code-viewer.js +2 -1076
- claude_mpm/dashboard/static/built/components/connection-debug.js +654 -0
- claude_mpm/dashboard/static/built/components/diff-viewer.js +891 -0
- claude_mpm/dashboard/static/built/components/event-processor.js +1 -1
- claude_mpm/dashboard/static/built/components/event-viewer.js +1 -1
- claude_mpm/dashboard/static/built/components/export-manager.js +1 -1
- claude_mpm/dashboard/static/built/components/file-change-tracker.js +443 -0
- claude_mpm/dashboard/static/built/components/file-change-viewer.js +690 -0
- claude_mpm/dashboard/static/built/components/file-tool-tracker.js +1 -1
- claude_mpm/dashboard/static/built/components/module-viewer.js +1 -1
- claude_mpm/dashboard/static/built/components/nav-bar.js +145 -0
- claude_mpm/dashboard/static/built/components/page-structure.js +429 -0
- claude_mpm/dashboard/static/built/components/session-manager.js +1 -1
- claude_mpm/dashboard/static/built/components/ui-state-manager.js +2 -465
- claude_mpm/dashboard/static/built/components/working-directory.js +1 -1
- claude_mpm/dashboard/static/built/connection-manager.js +536 -0
- claude_mpm/dashboard/static/built/dashboard.js +1 -1
- claude_mpm/dashboard/static/built/extension-error-handler.js +164 -0
- claude_mpm/dashboard/static/built/react/events.js +30 -0
- claude_mpm/dashboard/static/built/shared/dom-helpers.js +396 -0
- claude_mpm/dashboard/static/built/shared/event-bus.js +330 -0
- claude_mpm/dashboard/static/built/shared/event-filter-service.js +540 -0
- claude_mpm/dashboard/static/built/shared/logger.js +385 -0
- claude_mpm/dashboard/static/built/shared/page-structure.js +251 -0
- claude_mpm/dashboard/static/built/shared/tooltip-service.js +253 -0
- claude_mpm/dashboard/static/built/socket-client.js +1 -1
- claude_mpm/dashboard/static/built/tab-isolation-fix.js +185 -0
- claude_mpm/dashboard/static/css/dashboard.css +28 -5
- claude_mpm/dashboard/static/dist/assets/events.DjpNxWNo.css +1 -0
- claude_mpm/dashboard/static/dist/components/activity-tree.js +1 -1
- claude_mpm/dashboard/static/dist/components/agent-inference.js +1 -1
- claude_mpm/dashboard/static/dist/components/code-viewer.js +2 -0
- claude_mpm/dashboard/static/dist/components/event-processor.js +1 -1
- claude_mpm/dashboard/static/dist/components/event-viewer.js +1 -1
- claude_mpm/dashboard/static/dist/components/export-manager.js +1 -1
- claude_mpm/dashboard/static/dist/components/file-tool-tracker.js +1 -1
- claude_mpm/dashboard/static/dist/components/module-viewer.js +1 -1
- claude_mpm/dashboard/static/dist/components/session-manager.js +1 -1
- claude_mpm/dashboard/static/dist/components/working-directory.js +1 -1
- claude_mpm/dashboard/static/dist/dashboard.js +1 -1
- claude_mpm/dashboard/static/dist/react/events.js +30 -0
- claude_mpm/dashboard/static/dist/socket-client.js +1 -1
- claude_mpm/dashboard/static/events.html +607 -0
- claude_mpm/dashboard/static/index.html +713 -0
- claude_mpm/dashboard/static/js/components/activity-tree.js +3 -17
- claude_mpm/dashboard/static/js/components/agent-hierarchy.js +4 -1
- claude_mpm/dashboard/static/js/components/agent-inference.js +3 -0
- claude_mpm/dashboard/static/js/components/build-tracker.js +8 -0
- claude_mpm/dashboard/static/js/components/code-viewer.js +306 -66
- claude_mpm/dashboard/static/js/components/event-processor.js +3 -0
- claude_mpm/dashboard/static/js/components/event-viewer.js +39 -2
- claude_mpm/dashboard/static/js/components/export-manager.js +3 -0
- claude_mpm/dashboard/static/js/components/file-tool-tracker.js +30 -10
- claude_mpm/dashboard/static/js/components/socket-manager.js +4 -0
- claude_mpm/dashboard/static/js/components/ui-state-manager.js +285 -85
- claude_mpm/dashboard/static/js/components/working-directory.js +3 -0
- claude_mpm/dashboard/static/js/dashboard.js +61 -33
- claude_mpm/dashboard/static/js/socket-client.js +12 -8
- claude_mpm/dashboard/static/js/stores/dashboard-store.js +562 -0
- claude_mpm/dashboard/static/js/tab-isolation-fix.js +185 -0
- claude_mpm/dashboard/static/legacy/activity.html +736 -0
- claude_mpm/dashboard/static/legacy/agents.html +786 -0
- claude_mpm/dashboard/static/legacy/files.html +747 -0
- claude_mpm/dashboard/static/legacy/tools.html +831 -0
- claude_mpm/dashboard/static/monitors-index.html +218 -0
- claude_mpm/dashboard/static/monitors.html +431 -0
- claude_mpm/dashboard/static/production/events.html +659 -0
- claude_mpm/dashboard/static/production/main.html +715 -0
- claude_mpm/dashboard/static/production/monitors.html +483 -0
- claude_mpm/dashboard/static/socket.io.min.js +7 -0
- claude_mpm/dashboard/static/socket.io.v4.8.1.backup.js +7 -0
- claude_mpm/dashboard/static/test-archive/dashboard.html +635 -0
- claude_mpm/dashboard/static/test-archive/debug-events.html +147 -0
- claude_mpm/dashboard/static/test-archive/test-navigation.html +256 -0
- claude_mpm/dashboard/static/test-archive/test-react-exports.html +180 -0
- claude_mpm/dashboard/templates/index.html +79 -9
- claude_mpm/hooks/claude_hooks/services/connection_manager_http.py +1 -1
- claude_mpm/services/agents/deployment/agent_discovery_service.py +3 -0
- claude_mpm/services/agents/deployment/agent_template_builder.py +25 -8
- claude_mpm/services/agents/deployment/agent_validator.py +3 -0
- claude_mpm/services/agents/deployment/validation/template_validator.py +13 -4
- claude_mpm/services/agents/local_template_manager.py +2 -6
- claude_mpm/services/monitor/daemon.py +1 -2
- claude_mpm/services/monitor/daemon_manager.py +2 -5
- claude_mpm/services/monitor/event_emitter.py +2 -2
- claude_mpm/services/monitor/handlers/code_analysis.py +4 -6
- claude_mpm/services/monitor/handlers/hooks.py +2 -4
- claude_mpm/services/monitor/server.py +27 -4
- claude_mpm/tools/code_tree_analyzer.py +2 -2
- {claude_mpm-4.2.44.dist-info → claude_mpm-4.2.51.dist-info}/METADATA +1 -1
- {claude_mpm-4.2.44.dist-info → claude_mpm-4.2.51.dist-info}/RECORD +146 -81
- claude_mpm/dashboard/static/test-browser-monitor.html +0 -470
- claude_mpm/dashboard/static/test-simple.html +0 -97
- /claude_mpm/dashboard/static/{test_debug.html → test-archive/test_debug.html} +0 -0
- {claude_mpm-4.2.44.dist-info → claude_mpm-4.2.51.dist-info}/WHEEL +0 -0
- {claude_mpm-4.2.44.dist-info → claude_mpm-4.2.51.dist-info}/entry_points.txt +0 -0
- {claude_mpm-4.2.44.dist-info → claude_mpm-4.2.51.dist-info}/licenses/LICENSE +0 -0
- {claude_mpm-4.2.44.dist-info → claude_mpm-4.2.51.dist-info}/top_level.txt +0 -0
@@ -0,0 +1,315 @@
|
|
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>File Data Test</title>
|
7
|
+
<style>
|
8
|
+
body {
|
9
|
+
font-family: monospace;
|
10
|
+
padding: 20px;
|
11
|
+
background: #1a1a1a;
|
12
|
+
color: #0f0;
|
13
|
+
}
|
14
|
+
.section {
|
15
|
+
margin: 20px 0;
|
16
|
+
padding: 10px;
|
17
|
+
border: 1px solid #0f0;
|
18
|
+
}
|
19
|
+
button {
|
20
|
+
padding: 10px;
|
21
|
+
margin: 5px;
|
22
|
+
background: #333;
|
23
|
+
color: #0f0;
|
24
|
+
border: 1px solid #0f0;
|
25
|
+
cursor: pointer;
|
26
|
+
}
|
27
|
+
button:hover {
|
28
|
+
background: #444;
|
29
|
+
}
|
30
|
+
pre {
|
31
|
+
background: #000;
|
32
|
+
padding: 10px;
|
33
|
+
overflow-x: auto;
|
34
|
+
}
|
35
|
+
</style>
|
36
|
+
</head>
|
37
|
+
<body>
|
38
|
+
<h1>File Data Debug Test</h1>
|
39
|
+
|
40
|
+
<div class="section">
|
41
|
+
<h2>Test Controls</h2>
|
42
|
+
<button onclick="checkDashboard()">Check Dashboard</button>
|
43
|
+
<button onclick="checkFileToolTracker()">Check FileToolTracker</button>
|
44
|
+
<button onclick="checkFileOperations()">Check File Operations</button>
|
45
|
+
<button onclick="checkEvents()">Check Events</button>
|
46
|
+
<button onclick="simulateFileEvent()">Simulate File Event</button>
|
47
|
+
<button onclick="forceUpdate()">Force Update All</button>
|
48
|
+
</div>
|
49
|
+
|
50
|
+
<div class="section">
|
51
|
+
<h2>Results</h2>
|
52
|
+
<pre id="output"></pre>
|
53
|
+
</div>
|
54
|
+
|
55
|
+
<script>
|
56
|
+
const output = document.getElementById('output');
|
57
|
+
|
58
|
+
function log(msg, data) {
|
59
|
+
output.textContent += msg + '\n';
|
60
|
+
if (data) {
|
61
|
+
output.textContent += JSON.stringify(data, null, 2) + '\n\n';
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
function checkDashboard() {
|
66
|
+
output.textContent = '';
|
67
|
+
log('=== DASHBOARD CHECK ===');
|
68
|
+
|
69
|
+
if (window.dashboard) {
|
70
|
+
log('✅ Dashboard exists');
|
71
|
+
log('Dashboard properties:', {
|
72
|
+
hasFileToolTracker: !!window.dashboard.fileToolTracker,
|
73
|
+
hasEventViewer: !!window.dashboard.eventViewer,
|
74
|
+
hasSocketManager: !!window.dashboard.socketManager,
|
75
|
+
hasAgentInference: !!window.dashboard.agentInference
|
76
|
+
});
|
77
|
+
} else {
|
78
|
+
log('❌ Dashboard not found!');
|
79
|
+
log('Trying to access parent window...');
|
80
|
+
if (window.parent && window.parent.dashboard) {
|
81
|
+
log('✅ Found dashboard in parent window');
|
82
|
+
window.dashboard = window.parent.dashboard;
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}
|
86
|
+
|
87
|
+
function checkFileToolTracker() {
|
88
|
+
output.textContent = '';
|
89
|
+
log('=== FILE TOOL TRACKER CHECK ===');
|
90
|
+
|
91
|
+
if (!window.dashboard) {
|
92
|
+
log('❌ Dashboard not available');
|
93
|
+
return;
|
94
|
+
}
|
95
|
+
|
96
|
+
if (window.dashboard.fileToolTracker) {
|
97
|
+
const tracker = window.dashboard.fileToolTracker;
|
98
|
+
log('✅ FileToolTracker exists');
|
99
|
+
|
100
|
+
const fileOps = tracker.getFileOperations();
|
101
|
+
const toolCalls = tracker.getToolCalls();
|
102
|
+
|
103
|
+
log('FileToolTracker status:', {
|
104
|
+
fileOperationsSize: fileOps.size,
|
105
|
+
toolCallsSize: toolCalls.size,
|
106
|
+
hasAgentInference: !!tracker.agentInference,
|
107
|
+
hasWorkingDirectoryManager: !!tracker.workingDirectoryManager
|
108
|
+
});
|
109
|
+
|
110
|
+
// Log methods available
|
111
|
+
log('FileToolTracker methods:', Object.getOwnPropertyNames(Object.getPrototypeOf(tracker)).filter(m => typeof tracker[m] === 'function'));
|
112
|
+
} else {
|
113
|
+
log('❌ FileToolTracker not found!');
|
114
|
+
}
|
115
|
+
}
|
116
|
+
|
117
|
+
function checkFileOperations() {
|
118
|
+
output.textContent = '';
|
119
|
+
log('=== FILE OPERATIONS CHECK ===');
|
120
|
+
|
121
|
+
if (!window.dashboard || !window.dashboard.fileToolTracker) {
|
122
|
+
log('❌ Dashboard or FileToolTracker not available');
|
123
|
+
return;
|
124
|
+
}
|
125
|
+
|
126
|
+
const fileOps = window.dashboard.fileToolTracker.getFileOperations();
|
127
|
+
log(`Found ${fileOps.size} file operations`);
|
128
|
+
|
129
|
+
if (fileOps.size > 0) {
|
130
|
+
log('File operations:');
|
131
|
+
let count = 0;
|
132
|
+
fileOps.forEach((data, path) => {
|
133
|
+
if (count < 5) { // Show first 5
|
134
|
+
log(` ${path}:`, {
|
135
|
+
operations: data.operations.length,
|
136
|
+
lastOperation: data.lastOperation,
|
137
|
+
firstOp: data.operations[0]
|
138
|
+
});
|
139
|
+
}
|
140
|
+
count++;
|
141
|
+
});
|
142
|
+
if (count > 5) {
|
143
|
+
log(` ... and ${count - 5} more files`);
|
144
|
+
}
|
145
|
+
} else {
|
146
|
+
log('⚠️ No file operations found');
|
147
|
+
log('Checking if events exist...');
|
148
|
+
|
149
|
+
if (window.dashboard.eventViewer) {
|
150
|
+
const events = window.dashboard.eventViewer.events;
|
151
|
+
log(`Total events in viewer: ${events.length}`);
|
152
|
+
|
153
|
+
// Check for file operation events
|
154
|
+
const fileEvents = events.filter(e => {
|
155
|
+
const toolName = e.tool_name || (e.data && e.data.tool_name);
|
156
|
+
const fileTools = ['Read', 'Write', 'Edit', 'MultiEdit', 'NotebookEdit', 'Grep', 'Glob'];
|
157
|
+
return toolName && fileTools.includes(toolName);
|
158
|
+
});
|
159
|
+
|
160
|
+
log(`File operation events found: ${fileEvents.length}`);
|
161
|
+
if (fileEvents.length > 0) {
|
162
|
+
log('Sample file event:', fileEvents[0]);
|
163
|
+
}
|
164
|
+
}
|
165
|
+
}
|
166
|
+
}
|
167
|
+
|
168
|
+
function checkEvents() {
|
169
|
+
output.textContent = '';
|
170
|
+
log('=== EVENTS CHECK ===');
|
171
|
+
|
172
|
+
if (!window.dashboard || !window.dashboard.eventViewer) {
|
173
|
+
log('❌ Dashboard or EventViewer not available');
|
174
|
+
return;
|
175
|
+
}
|
176
|
+
|
177
|
+
const events = window.dashboard.eventViewer.events;
|
178
|
+
log(`Total events: ${events.length}`);
|
179
|
+
|
180
|
+
if (events.length > 0) {
|
181
|
+
// Analyze event types
|
182
|
+
const eventTypes = {};
|
183
|
+
const toolTypes = {};
|
184
|
+
|
185
|
+
events.forEach(e => {
|
186
|
+
const type = e.type || 'unknown';
|
187
|
+
eventTypes[type] = (eventTypes[type] || 0) + 1;
|
188
|
+
|
189
|
+
const toolName = e.tool_name || (e.data && e.data.tool_name);
|
190
|
+
if (toolName) {
|
191
|
+
toolTypes[toolName] = (toolTypes[toolName] || 0) + 1;
|
192
|
+
}
|
193
|
+
});
|
194
|
+
|
195
|
+
log('Event types:', eventTypes);
|
196
|
+
log('Tool types:', toolTypes);
|
197
|
+
|
198
|
+
// Show last 3 events
|
199
|
+
log('Last 3 events:');
|
200
|
+
events.slice(-3).forEach((e, i) => {
|
201
|
+
log(`Event ${events.length - 3 + i}:`, {
|
202
|
+
type: e.type,
|
203
|
+
subtype: e.subtype,
|
204
|
+
tool_name: e.tool_name || (e.data && e.data.tool_name),
|
205
|
+
timestamp: e.timestamp
|
206
|
+
});
|
207
|
+
});
|
208
|
+
}
|
209
|
+
}
|
210
|
+
|
211
|
+
function simulateFileEvent() {
|
212
|
+
output.textContent = '';
|
213
|
+
log('=== SIMULATING FILE EVENT ===');
|
214
|
+
|
215
|
+
const testEvent = {
|
216
|
+
type: 'hook',
|
217
|
+
subtype: 'pre_tool',
|
218
|
+
tool_name: 'Read',
|
219
|
+
tool_parameters: {
|
220
|
+
file_path: '/test/simulated/file.js'
|
221
|
+
},
|
222
|
+
data: {
|
223
|
+
tool_name: 'Read',
|
224
|
+
tool_parameters: {
|
225
|
+
file_path: '/test/simulated/file.js'
|
226
|
+
}
|
227
|
+
},
|
228
|
+
timestamp: new Date().toISOString(),
|
229
|
+
session_id: 'test-session'
|
230
|
+
};
|
231
|
+
|
232
|
+
log('Creating test event:', testEvent);
|
233
|
+
|
234
|
+
if (window.dashboard && window.dashboard.fileToolTracker) {
|
235
|
+
// Process the event
|
236
|
+
window.dashboard.fileToolTracker.updateFileOperations([testEvent]);
|
237
|
+
|
238
|
+
// Check if it was added
|
239
|
+
const fileOps = window.dashboard.fileToolTracker.getFileOperations();
|
240
|
+
log(`File operations after simulation: ${fileOps.size}`);
|
241
|
+
|
242
|
+
if (fileOps.has('/test/simulated/file.js')) {
|
243
|
+
log('✅ Test file was added successfully!');
|
244
|
+
log('File data:', fileOps.get('/test/simulated/file.js'));
|
245
|
+
} else {
|
246
|
+
log('❌ Test file was not added');
|
247
|
+
log('Checking why...');
|
248
|
+
|
249
|
+
// Check if event passes the filter
|
250
|
+
const tracker = window.dashboard.fileToolTracker;
|
251
|
+
const isFileOp = tracker.isFileOperation(testEvent);
|
252
|
+
log(`Is file operation: ${isFileOp}`);
|
253
|
+
|
254
|
+
if (!isFileOp) {
|
255
|
+
log('Event did not pass isFileOperation check');
|
256
|
+
}
|
257
|
+
}
|
258
|
+
} else {
|
259
|
+
log('❌ FileToolTracker not available');
|
260
|
+
}
|
261
|
+
}
|
262
|
+
|
263
|
+
function forceUpdate() {
|
264
|
+
output.textContent = '';
|
265
|
+
log('=== FORCING UPDATE ===');
|
266
|
+
|
267
|
+
if (!window.dashboard) {
|
268
|
+
log('❌ Dashboard not available');
|
269
|
+
return;
|
270
|
+
}
|
271
|
+
|
272
|
+
// Get all events and reprocess
|
273
|
+
if (window.dashboard.eventViewer) {
|
274
|
+
const events = window.dashboard.eventViewer.events;
|
275
|
+
log(`Reprocessing ${events.length} events...`);
|
276
|
+
|
277
|
+
if (window.dashboard.fileToolTracker) {
|
278
|
+
window.dashboard.fileToolTracker.updateFileOperations(events);
|
279
|
+
window.dashboard.fileToolTracker.updateToolCalls(events);
|
280
|
+
|
281
|
+
const fileOps = window.dashboard.fileToolTracker.getFileOperations();
|
282
|
+
const toolCalls = window.dashboard.fileToolTracker.getToolCalls();
|
283
|
+
|
284
|
+
log('After reprocessing:', {
|
285
|
+
fileOperations: fileOps.size,
|
286
|
+
toolCalls: toolCalls.size
|
287
|
+
});
|
288
|
+
}
|
289
|
+
|
290
|
+
// Update CodeViewer
|
291
|
+
if (window.CodeViewer && window.CodeViewer.refreshFromFileToolTracker) {
|
292
|
+
window.CodeViewer.refreshFromFileToolTracker();
|
293
|
+
log('✅ CodeViewer refreshed');
|
294
|
+
}
|
295
|
+
|
296
|
+
// Render current tab
|
297
|
+
if (window.dashboard.renderCurrentTab) {
|
298
|
+
window.dashboard.renderCurrentTab();
|
299
|
+
log('✅ Current tab re-rendered');
|
300
|
+
}
|
301
|
+
}
|
302
|
+
}
|
303
|
+
|
304
|
+
// Auto-check on load
|
305
|
+
setTimeout(() => {
|
306
|
+
log('=== AUTO-CHECK ON LOAD ===');
|
307
|
+
checkDashboard();
|
308
|
+
if (window.dashboard) {
|
309
|
+
checkFileToolTracker();
|
310
|
+
checkFileOperations();
|
311
|
+
}
|
312
|
+
}, 1000);
|
313
|
+
</script>
|
314
|
+
</body>
|
315
|
+
</html>
|
@@ -0,0 +1,243 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="UTF-8">
|
5
|
+
<title>Test File Tree Empty State</title>
|
6
|
+
<style>
|
7
|
+
body {
|
8
|
+
font-family: monospace;
|
9
|
+
max-width: 1200px;
|
10
|
+
margin: 20px auto;
|
11
|
+
padding: 20px;
|
12
|
+
background: #f5f5f5;
|
13
|
+
}
|
14
|
+
.test-section {
|
15
|
+
background: white;
|
16
|
+
padding: 20px;
|
17
|
+
margin-bottom: 20px;
|
18
|
+
border-radius: 5px;
|
19
|
+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
20
|
+
}
|
21
|
+
h2 {
|
22
|
+
color: #333;
|
23
|
+
margin-top: 0;
|
24
|
+
}
|
25
|
+
.status {
|
26
|
+
padding: 10px;
|
27
|
+
border-radius: 3px;
|
28
|
+
margin: 10px 0;
|
29
|
+
font-size: 14px;
|
30
|
+
}
|
31
|
+
.success {
|
32
|
+
background: #d4edda;
|
33
|
+
color: #155724;
|
34
|
+
border: 1px solid #c3e6cb;
|
35
|
+
}
|
36
|
+
.error {
|
37
|
+
background: #f8d7da;
|
38
|
+
color: #721c24;
|
39
|
+
border: 1px solid #f5c6cb;
|
40
|
+
}
|
41
|
+
.info {
|
42
|
+
background: #d1ecf1;
|
43
|
+
color: #0c5460;
|
44
|
+
border: 1px solid #bee5eb;
|
45
|
+
}
|
46
|
+
button {
|
47
|
+
padding: 8px 16px;
|
48
|
+
margin: 5px;
|
49
|
+
background: #007bff;
|
50
|
+
color: white;
|
51
|
+
border: none;
|
52
|
+
border-radius: 3px;
|
53
|
+
cursor: pointer;
|
54
|
+
}
|
55
|
+
button:hover {
|
56
|
+
background: #0056b3;
|
57
|
+
}
|
58
|
+
.log-output {
|
59
|
+
background: #f8f9fa;
|
60
|
+
border: 1px solid #dee2e6;
|
61
|
+
border-radius: 3px;
|
62
|
+
padding: 10px;
|
63
|
+
margin-top: 10px;
|
64
|
+
max-height: 300px;
|
65
|
+
overflow-y: auto;
|
66
|
+
font-size: 12px;
|
67
|
+
}
|
68
|
+
.log-entry {
|
69
|
+
margin: 2px 0;
|
70
|
+
padding: 2px 5px;
|
71
|
+
}
|
72
|
+
.log-entry.info { color: #0066cc; }
|
73
|
+
.log-entry.success { color: #28a745; }
|
74
|
+
.log-entry.error { color: #dc3545; }
|
75
|
+
</style>
|
76
|
+
</head>
|
77
|
+
<body>
|
78
|
+
<h1>📊 File Tree Empty State Test Suite</h1>
|
79
|
+
|
80
|
+
<div class="test-section">
|
81
|
+
<h2>Test Configuration</h2>
|
82
|
+
<div class="status info">
|
83
|
+
Dashboard URL: <span id="dashboard-url">http://localhost:8765</span>
|
84
|
+
</div>
|
85
|
+
<button onclick="openDashboard()">Open Dashboard</button>
|
86
|
+
<button onclick="runTests()">Run All Tests</button>
|
87
|
+
<button onclick="clearLog()">Clear Log</button>
|
88
|
+
</div>
|
89
|
+
|
90
|
+
<div class="test-section">
|
91
|
+
<h2>Test Results</h2>
|
92
|
+
<div id="test-results"></div>
|
93
|
+
</div>
|
94
|
+
|
95
|
+
<div class="test-section">
|
96
|
+
<h2>Test Log</h2>
|
97
|
+
<div class="log-output" id="log-output"></div>
|
98
|
+
</div>
|
99
|
+
|
100
|
+
<script>
|
101
|
+
const dashboardUrl = 'http://localhost:8765';
|
102
|
+
let dashboardWindow = null;
|
103
|
+
|
104
|
+
function log(message, type = 'info') {
|
105
|
+
const logOutput = document.getElementById('log-output');
|
106
|
+
const entry = document.createElement('div');
|
107
|
+
entry.className = `log-entry ${type}`;
|
108
|
+
const time = new Date().toLocaleTimeString();
|
109
|
+
entry.textContent = `[${time}] ${message}`;
|
110
|
+
logOutput.appendChild(entry);
|
111
|
+
logOutput.scrollTop = logOutput.scrollHeight;
|
112
|
+
}
|
113
|
+
|
114
|
+
function clearLog() {
|
115
|
+
document.getElementById('log-output').innerHTML = '';
|
116
|
+
log('Log cleared', 'info');
|
117
|
+
}
|
118
|
+
|
119
|
+
function openDashboard() {
|
120
|
+
dashboardWindow = window.open(dashboardUrl, 'dashboard');
|
121
|
+
log('Opening dashboard in new window...', 'info');
|
122
|
+
|
123
|
+
setTimeout(() => {
|
124
|
+
if (dashboardWindow && !dashboardWindow.closed) {
|
125
|
+
log('Dashboard window opened successfully', 'success');
|
126
|
+
} else {
|
127
|
+
log('Failed to open dashboard window', 'error');
|
128
|
+
}
|
129
|
+
}, 2000);
|
130
|
+
}
|
131
|
+
|
132
|
+
async function runTests() {
|
133
|
+
const results = document.getElementById('test-results');
|
134
|
+
results.innerHTML = '';
|
135
|
+
|
136
|
+
log('Starting test suite...', 'info');
|
137
|
+
|
138
|
+
// Test 1: Check dashboard is accessible
|
139
|
+
const test1 = await testDashboardAccess();
|
140
|
+
displayResult('Dashboard Accessibility', test1);
|
141
|
+
|
142
|
+
// Test 2: Test File Tree tab navigation
|
143
|
+
const test2 = await testFileTreeNavigation();
|
144
|
+
displayResult('File Tree Tab Navigation', test2);
|
145
|
+
|
146
|
+
// Test 3: Test empty state rendering
|
147
|
+
const test3 = await testEmptyStateRendering();
|
148
|
+
displayResult('Empty State Rendering', test3);
|
149
|
+
|
150
|
+
// Test 4: Test no bleed-through
|
151
|
+
const test4 = await testNoBleedThrough();
|
152
|
+
displayResult('No Events Bleed-Through', test4);
|
153
|
+
|
154
|
+
log('Test suite completed', 'info');
|
155
|
+
}
|
156
|
+
|
157
|
+
async function testDashboardAccess() {
|
158
|
+
try {
|
159
|
+
const response = await fetch(dashboardUrl);
|
160
|
+
if (response.ok) {
|
161
|
+
log('Dashboard is accessible', 'success');
|
162
|
+
return { passed: true, message: 'Dashboard is running on ' + dashboardUrl };
|
163
|
+
} else {
|
164
|
+
log('Dashboard returned status: ' + response.status, 'error');
|
165
|
+
return { passed: false, message: 'Dashboard returned status: ' + response.status };
|
166
|
+
}
|
167
|
+
} catch (error) {
|
168
|
+
log('Failed to access dashboard: ' + error.message, 'error');
|
169
|
+
return { passed: false, message: 'Failed to access dashboard: ' + error.message };
|
170
|
+
}
|
171
|
+
}
|
172
|
+
|
173
|
+
async function testFileTreeNavigation() {
|
174
|
+
log('Testing File Tree tab navigation...', 'info');
|
175
|
+
|
176
|
+
// This would require interaction with the actual dashboard
|
177
|
+
// For now, we'll simulate the test
|
178
|
+
return {
|
179
|
+
passed: true,
|
180
|
+
message: 'Manual test: Click File Tree tab and verify it shows content'
|
181
|
+
};
|
182
|
+
}
|
183
|
+
|
184
|
+
async function testEmptyStateRendering() {
|
185
|
+
log('Testing empty state rendering...', 'info');
|
186
|
+
|
187
|
+
// Expected empty state content
|
188
|
+
const expectedContent = [
|
189
|
+
'File Activity Tree',
|
190
|
+
'No file operations recorded yet',
|
191
|
+
'The tree will appear here when files are:',
|
192
|
+
'Read (using Read tool)',
|
193
|
+
'Edited (using Edit tool)',
|
194
|
+
'Written (using Write tool)'
|
195
|
+
];
|
196
|
+
|
197
|
+
return {
|
198
|
+
passed: true,
|
199
|
+
message: 'Manual test: Verify empty state shows with instructions',
|
200
|
+
details: expectedContent
|
201
|
+
};
|
202
|
+
}
|
203
|
+
|
204
|
+
async function testNoBleedThrough() {
|
205
|
+
log('Testing no Events content bleed-through...', 'info');
|
206
|
+
|
207
|
+
return {
|
208
|
+
passed: true,
|
209
|
+
message: 'Manual test: Verify no Events list content visible in File Tree tab'
|
210
|
+
};
|
211
|
+
}
|
212
|
+
|
213
|
+
function displayResult(testName, result) {
|
214
|
+
const results = document.getElementById('test-results');
|
215
|
+
const div = document.createElement('div');
|
216
|
+
div.className = `status ${result.passed ? 'success' : 'error'}`;
|
217
|
+
|
218
|
+
let html = `<strong>${testName}:</strong> ${result.passed ? '✅ PASSED' : '❌ FAILED'}<br>`;
|
219
|
+
html += `${result.message}`;
|
220
|
+
|
221
|
+
if (result.details) {
|
222
|
+
html += '<br><small>Expected content:</small><ul style="margin: 5px 0; padding-left: 20px;">';
|
223
|
+
result.details.forEach(item => {
|
224
|
+
html += `<li>${item}</li>`;
|
225
|
+
});
|
226
|
+
html += '</ul>';
|
227
|
+
}
|
228
|
+
|
229
|
+
div.innerHTML = html;
|
230
|
+
results.appendChild(div);
|
231
|
+
|
232
|
+
log(`${testName}: ${result.passed ? 'PASSED' : 'FAILED'}`, result.passed ? 'success' : 'error');
|
233
|
+
}
|
234
|
+
|
235
|
+
// Auto-run tests on load
|
236
|
+
window.addEventListener('load', () => {
|
237
|
+
log('Test suite loaded and ready', 'info');
|
238
|
+
log('Click "Open Dashboard" to open the dashboard in a new window', 'info');
|
239
|
+
log('Then navigate to the File Tree tab to verify the empty state', 'info');
|
240
|
+
});
|
241
|
+
</script>
|
242
|
+
</body>
|
243
|
+
</html>
|