claude-mpm 4.7.3__py3-none-any.whl → 4.7.5__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.
@@ -1,218 +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 - Monitor Dashboard</title>
7
- <style>
8
- * { margin: 0; padding: 0; box-sizing: border-box; }
9
-
10
- body {
11
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
12
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
13
- color: #fff;
14
- min-height: 100vh;
15
- padding: 20px;
16
- }
17
-
18
- .container {
19
- max-width: 1200px;
20
- margin: 0 auto;
21
- }
22
-
23
- .header {
24
- text-align: center;
25
- margin-bottom: 40px;
26
- }
27
-
28
- .header h1 {
29
- font-size: 3em;
30
- margin-bottom: 10px;
31
- background: linear-gradient(135deg, #fff 0%, #e0e0e0 100%);
32
- -webkit-background-clip: text;
33
- -webkit-text-fill-color: transparent;
34
- }
35
-
36
- .header p {
37
- font-size: 1.2em;
38
- opacity: 0.9;
39
- }
40
-
41
- .monitors-grid {
42
- display: grid;
43
- grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
44
- gap: 20px;
45
- margin-bottom: 40px;
46
- }
47
-
48
- .monitor-card {
49
- background: rgba(255, 255, 255, 0.1);
50
- backdrop-filter: blur(10px);
51
- border-radius: 12px;
52
- padding: 25px;
53
- border: 1px solid rgba(255, 255, 255, 0.2);
54
- transition: transform 0.3s, box-shadow 0.3s;
55
- cursor: pointer;
56
- text-decoration: none;
57
- color: inherit;
58
- display: block;
59
- }
60
-
61
- .monitor-card:hover {
62
- transform: translateY(-5px);
63
- box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
64
- }
65
-
66
- .monitor-icon {
67
- font-size: 3em;
68
- margin-bottom: 15px;
69
- }
70
-
71
- .monitor-title {
72
- font-size: 1.5em;
73
- font-weight: 600;
74
- margin-bottom: 10px;
75
- }
76
-
77
- .monitor-description {
78
- font-size: 0.95em;
79
- opacity: 0.8;
80
- line-height: 1.5;
81
- }
82
-
83
- .status-bar {
84
- background: rgba(255, 255, 255, 0.1);
85
- backdrop-filter: blur(10px);
86
- border-radius: 12px;
87
- padding: 20px;
88
- border: 1px solid rgba(255, 255, 255, 0.2);
89
- text-align: center;
90
- }
91
-
92
- .status-indicator {
93
- display: inline-flex;
94
- align-items: center;
95
- gap: 10px;
96
- padding: 10px 20px;
97
- background: rgba(255, 255, 255, 0.1);
98
- border-radius: 25px;
99
- margin: 5px;
100
- }
101
-
102
- .status-dot {
103
- width: 12px;
104
- height: 12px;
105
- border-radius: 50%;
106
- background: #4ade80;
107
- box-shadow: 0 0 10px #4ade80;
108
- animation: pulse 2s infinite;
109
- }
110
-
111
- .status-dot.disconnected {
112
- background: #f87171;
113
- box-shadow: 0 0 10px #f87171;
114
- }
115
-
116
- @keyframes pulse {
117
- 0%, 100% { opacity: 1; }
118
- 50% { opacity: 0.5; }
119
- }
120
-
121
- .demo-notice {
122
- background: rgba(251, 191, 36, 0.2);
123
- border: 1px solid rgba(251, 191, 36, 0.5);
124
- border-radius: 8px;
125
- padding: 15px;
126
- margin-top: 20px;
127
- text-align: center;
128
- }
129
-
130
- .demo-notice strong {
131
- color: #fbbf24;
132
- }
133
- </style>
134
- </head>
135
- <body>
136
- <div class="container">
137
- <div class="header">
138
- <h1>Claude MPM Monitor Dashboard</h1>
139
- <p>Real-time monitoring for agents, tools, files, and events</p>
140
- </div>
141
-
142
- <div class="monitors-grid">
143
- <a href="/static/agents.html" class="monitor-card">
144
- <div class="monitor-icon">🤖</div>
145
- <div class="monitor-title">Agents Monitor</div>
146
- <div class="monitor-description">Track agent activities, delegations, and performance in real-time</div>
147
- </a>
148
-
149
- <a href="/static/tools.html" class="monitor-card">
150
- <div class="monitor-icon">🔧</div>
151
- <div class="monitor-title">Tools Monitor</div>
152
- <div class="monitor-description">Monitor tool operations, execution times, and success rates</div>
153
- </a>
154
-
155
- <a href="/static/files.html" class="monitor-card">
156
- <div class="monitor-icon">📁</div>
157
- <div class="monitor-title">Files Monitor</div>
158
- <div class="monitor-description">Track file operations, modifications, and access patterns</div>
159
- </a>
160
-
161
- <a href="/static/events.html" class="monitor-card">
162
- <div class="monitor-icon">📊</div>
163
- <div class="monitor-title">Events Stream</div>
164
- <div class="monitor-description">View raw event stream with filtering and search capabilities</div>
165
- </a>
166
-
167
- <a href="/static/dashboard.html" class="monitor-card">
168
- <div class="monitor-icon">📈</div>
169
- <div class="monitor-title">Main Dashboard</div>
170
- <div class="monitor-description">Comprehensive tabbed view with all monitoring features</div>
171
- </a>
172
-
173
- <a href="/static/test-socket.html" class="monitor-card">
174
- <div class="monitor-icon">🧪</div>
175
- <div class="monitor-title">Connection Test</div>
176
- <div class="monitor-description">Debug Socket.IO connection and test event flow</div>
177
- </a>
178
- </div>
179
-
180
- <div class="status-bar">
181
- <h3 style="margin-bottom: 15px;">Connection Status</h3>
182
- <div class="status-indicator">
183
- <div class="status-dot" id="connectionDot"></div>
184
- <span id="connectionStatus">Checking connection...</span>
185
- </div>
186
- <div class="status-indicator">
187
- <span>Server: <strong>localhost:8765</strong></span>
188
- </div>
189
- </div>
190
-
191
- <div class="demo-notice">
192
- <strong>💡 Demo Mode:</strong> Add <code>?demo</code> to any monitor URL to see simulated data
193
- <br>Example: <code>/static/agents.html?demo</code>
194
- </div>
195
- </div>
196
-
197
- <script src="/static/socket.io.min.js"></script>
198
- <script>
199
- // Test Socket.IO connection
200
- const socket = io('http://localhost:8765');
201
-
202
- socket.on('connect', () => {
203
- document.getElementById('connectionDot').classList.remove('disconnected');
204
- document.getElementById('connectionStatus').textContent = 'Connected to Socket.IO server';
205
- });
206
-
207
- socket.on('disconnect', () => {
208
- document.getElementById('connectionDot').classList.add('disconnected');
209
- document.getElementById('connectionStatus').textContent = 'Disconnected from server';
210
- });
211
-
212
- socket.on('connect_error', () => {
213
- document.getElementById('connectionDot').classList.add('disconnected');
214
- document.getElementById('connectionStatus').textContent = 'Connection error';
215
- });
216
- </script>
217
- </body>
218
- </html>