Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Provider Telemetry Console</title> | |
| <link rel="stylesheet" href="static/css/pro-dashboard.css" /> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script> | |
| </head> | |
| <body data-theme="dark"> | |
| <main class="main-area" style="margin-left:auto;margin-right:auto;max-width:1400px;"> | |
| <header class="topbar"> | |
| <div> | |
| <h1>Provider Monitoring</h1> | |
| <p class="text-muted">Glass dashboard for ingestion partners</p> | |
| </div> | |
| <div class="status-group"> | |
| <div class="status-pill" data-admin-health data-state="warn"> | |
| <span class="status-dot"></span> | |
| <span>checking</span> | |
| </div> | |
| <button class="ghost" data-admin-refresh>Refresh</button> | |
| </div> | |
| </header> | |
| <section class="page active"> | |
| <div class="stats-grid" data-admin-providers></div> | |
| <div class="grid-two"> | |
| <div class="glass-card"> | |
| <h3>Latency Distribution</h3> | |
| <canvas id="provider-latency-chart" height="220"></canvas> | |
| </div> | |
| <div class="glass-card"> | |
| <h3>Health Split</h3> | |
| <canvas id="provider-status-chart" height="220"></canvas> | |
| </div> | |
| </div> | |
| <div class="glass-card"> | |
| <div class="section-header"> | |
| <h3>Provider Directory</h3> | |
| <span class="text-muted">Fetched from /api/providers</span> | |
| </div> | |
| <div class="table-wrapper"> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Name</th> | |
| <th>Category</th> | |
| <th>Latency</th> | |
| <th>Status</th> | |
| <th>Endpoint</th> | |
| </tr> | |
| </thead> | |
| <tbody data-admin-table></tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <script type="module" src="static/js/adminDashboard.js"></script> | |
| </body> | |
| </html> | |