feat: add bot action controls and real-time vital statistics to the web dashboard

This commit is contained in:
syntaxbullet
2026-01-07 14:26:37 +01:00
parent 9804456257
commit 8047bce755
7 changed files with 588 additions and 582 deletions

View File

@@ -24,14 +24,15 @@ export function BaseLayout({ title, content }: LayoutProps): string {
<meta name="description" content="Aurora Bot Web Interface">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="https://unpkg.com/lucide@latest"></script>
</head>
<body>
<header>
<h1>Aurora Web</h1>
<h1>Aurora</h1>
<nav>
<a href="/">Home</a>
<a href="/dashboard">Dashboard</a>
<a href="/dashboard" class="active">Dashboard</a>
</nav>
</header>
<main>
@@ -39,12 +40,12 @@ export function BaseLayout({ title, content }: LayoutProps): string {
</main>
<footer>
<div class="footer-content">
<p>&copy; ${new Date().getFullYear()} Aurora Bot</p>
<p>&copy; ${new Date().getFullYear()} Aurora</p>
<div class="footer-status">
<span class="status-indicator online"></span>
<span>System Operational</span>
<span class="separator">|</span>
<span>Uptime: <span id="uptime-display" data-start-timestamp="${Math.floor(startTimestamp)}">${initialUptimeString}</span></span>
<span class="status-indicator online"></span>
<span>Operational</span>
<span style="margin: 0 8px; color: var(--accents-2)">/</span>
<span id="uptime-display" data-start-timestamp="${Math.floor(startTimestamp)}">${initialUptimeString}</span>
</div>
</div>
</footer>