Add Next.js frontends with health endpoints

This commit is contained in:
Alexa Amundson
2025-11-21 00:18:26 -06:00
parent 6722782f47
commit 5f958e3755
28 changed files with 397 additions and 0 deletions

View File

@@ -0,0 +1,14 @@
:root {
color-scheme: dark;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background-color: #0f1115;
color: #f5f6f8;
}
a {
color: inherit;
}
body {
margin: 0;
}

View File

@@ -0,0 +1,8 @@
import { NextResponse } from "next/server";
export async function GET() {
return NextResponse.json({
service: "blackroad-os-prism-console",
status: "ok"
});
}

View File

@@ -0,0 +1,35 @@
import "./globals.css";
import type { ReactNode } from "react";
export const metadata = {
title: "BlackRoad OS Prism Console",
description: "Operator console for BlackRoad OS"
};
export default function RootLayout({ children }: { children: ReactNode }) {
return (
<html lang="en">
<body>
<div style={{ display: "flex", minHeight: "100vh" }}>
<aside
style={{
width: "240px",
borderRight: "1px solid #222",
padding: "1rem"
}}
>
<h1 style={{ fontSize: "1.1rem", marginBottom: "1rem" }}>
Prism Console
</h1>
<nav style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
<a href="/" style={{ textDecoration: "none" }}>Dashboard</a>
<a href="/agents" style={{ textDecoration: "none" }}>Agents</a>
<a href="/health" style={{ textDecoration: "none" }}>Health</a>
</nav>
</aside>
<main style={{ flex: 1, padding: "1.5rem" }}>{children}</main>
</div>
</body>
</html>
);
}

View File

@@ -0,0 +1,13 @@
export default function Page() {
return (
<div>
<h2>Prism Console</h2>
<p>Welcome to the BlackRoad OS operator console.</p>
<ul>
<li>Monitor services</li>
<li>Inspect agents</li>
<li>Trigger workflows</li>
</ul>
</div>
);
}