agentflow-dashboard 0.1.3 → 0.2.0
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.
- package/bin/dashboard.js +7 -5
- package/dist/chunk-L24LYP6L.js +515 -0
- package/dist/cli.cjs +665 -0
- package/dist/cli.js +120 -0
- package/dist/index.cjs +191 -236
- package/dist/index.js +5 -557
- package/dist/public/dashboard.js +365 -253
- package/dist/public/index.html +115 -0
- package/package.json +5 -4
- package/public/dashboard.js +365 -253
- package/public/index.html +115 -0
package/public/index.html
CHANGED
|
@@ -226,6 +226,119 @@
|
|
|
226
226
|
color: #9ca3af;
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
+
.process-health {
|
|
230
|
+
margin-bottom: 1.5rem;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.process-health-card {
|
|
234
|
+
background: #1a1f2e;
|
|
235
|
+
border: 1px solid #2a2f3e;
|
|
236
|
+
border-radius: 8px;
|
|
237
|
+
padding: 1rem 1.25rem;
|
|
238
|
+
margin-bottom: 0.75rem;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
.process-health-card h4 {
|
|
242
|
+
font-size: 0.85rem;
|
|
243
|
+
color: #9ca3af;
|
|
244
|
+
text-transform: uppercase;
|
|
245
|
+
margin-bottom: 0.75rem;
|
|
246
|
+
letter-spacing: 0.05em;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.ph-row {
|
|
250
|
+
display: flex;
|
|
251
|
+
align-items: center;
|
|
252
|
+
gap: 1rem;
|
|
253
|
+
margin-bottom: 0.5rem;
|
|
254
|
+
font-size: 0.85rem;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
.ph-label {
|
|
258
|
+
color: #9ca3af;
|
|
259
|
+
min-width: 100px;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
.ph-value {
|
|
263
|
+
color: #e6e6e6;
|
|
264
|
+
font-family: 'SF Mono', 'Fira Code', monospace;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.ph-value.ok { color: #10b981; }
|
|
268
|
+
.ph-value.warn { color: #f59e0b; }
|
|
269
|
+
.ph-value.bad { color: #ef4444; }
|
|
270
|
+
|
|
271
|
+
.worker-dots {
|
|
272
|
+
display: flex;
|
|
273
|
+
gap: 6px;
|
|
274
|
+
align-items: center;
|
|
275
|
+
flex-wrap: wrap;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.worker-dot {
|
|
279
|
+
width: 10px;
|
|
280
|
+
height: 10px;
|
|
281
|
+
border-radius: 50%;
|
|
282
|
+
display: inline-block;
|
|
283
|
+
position: relative;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.worker-dot.alive { background: #10b981; }
|
|
287
|
+
.worker-dot.stale { background: #ef4444; }
|
|
288
|
+
.worker-dot.unknown { background: #6b7280; }
|
|
289
|
+
|
|
290
|
+
.worker-dot-label {
|
|
291
|
+
font-size: 0.75rem;
|
|
292
|
+
color: #9ca3af;
|
|
293
|
+
margin-left: 2px;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.orphan-table {
|
|
297
|
+
width: 100%;
|
|
298
|
+
border-collapse: collapse;
|
|
299
|
+
font-size: 0.8rem;
|
|
300
|
+
font-family: 'SF Mono', 'Fira Code', monospace;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.orphan-table th {
|
|
304
|
+
text-align: left;
|
|
305
|
+
color: #9ca3af;
|
|
306
|
+
font-weight: 500;
|
|
307
|
+
padding: 0.4rem 0.6rem;
|
|
308
|
+
border-bottom: 1px solid #2a2f3e;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.orphan-table td {
|
|
312
|
+
padding: 0.35rem 0.6rem;
|
|
313
|
+
color: #e6e6e6;
|
|
314
|
+
border-bottom: 1px solid #1f2433;
|
|
315
|
+
white-space: nowrap;
|
|
316
|
+
overflow: hidden;
|
|
317
|
+
text-overflow: ellipsis;
|
|
318
|
+
max-width: 300px;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.orphan-table tr:hover td {
|
|
322
|
+
background: #262b3d;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
.problems-list {
|
|
326
|
+
list-style: none;
|
|
327
|
+
padding: 0;
|
|
328
|
+
margin: 0.5rem 0 0 0;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.problems-list li {
|
|
332
|
+
font-size: 0.8rem;
|
|
333
|
+
color: #ef4444;
|
|
334
|
+
padding: 0.2rem 0;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
.problems-list li::before {
|
|
338
|
+
content: "\2022";
|
|
339
|
+
margin-right: 0.5rem;
|
|
340
|
+
}
|
|
341
|
+
|
|
229
342
|
@media (max-width: 768px) {
|
|
230
343
|
.main {
|
|
231
344
|
grid-template-columns: 1fr;
|
|
@@ -256,6 +369,8 @@
|
|
|
256
369
|
</div>
|
|
257
370
|
|
|
258
371
|
<div class="content">
|
|
372
|
+
<div class="process-health" id="processHealth" style="display:none;"></div>
|
|
373
|
+
|
|
259
374
|
<div class="stats-grid" id="statsGrid">
|
|
260
375
|
<div class="loading">Loading statistics...</div>
|
|
261
376
|
</div>
|