nessi
58eab24258
Add FastAPI-based monitoring dashboard with support for Codex CLI and Devin API v3 Enterprise consumption tracking. Includes Docker deployment, systemd service configuration, kiosk mode launcher, comprehensive documentation, and demo mode for testing without credentials.
31 lines
1.6 KiB
HTML
31 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="dark">
|
|
<title>AI Usage Dashboard</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<header class="topbar">
|
|
<div class="brand"><span class="eyebrow">MONITORING CONSOLE</span><h1>AI USAGE</h1></div>
|
|
<div class="header-status"><span id="connection-dot" class="live-dot" aria-hidden="true"></span><span id="connection-state">LIVE</span><span id="clock">--:--:--</span><span id="last-update">Last update: --:--:--</span></div>
|
|
<div id="demo-badge" class="demo-badge" hidden>DEMO DATA</div>
|
|
</header>
|
|
<section class="cards" aria-label="Provider usage">
|
|
<article id="codex-card" class="provider-card" aria-labelledby="codex-heading">
|
|
<div class="card-heading"><div><span class="eyebrow">PROVIDER</span><h2 id="codex-heading">CODEX</h2></div><span id="codex-status" class="status-pill">CONNECTING</span></div>
|
|
<div id="codex-content" class="limits" aria-live="polite"></div>
|
|
</article>
|
|
<article id="devin-card" class="provider-card" aria-labelledby="devin-heading">
|
|
<div class="card-heading"><div><span class="eyebrow">PROVIDER</span><h2 id="devin-heading">DEVIN</h2></div><span id="devin-status" class="status-pill">CONNECTING</span></div>
|
|
<div id="devin-content" class="limits" aria-live="polite"></div>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|