mirror of
https://github.com/blackboxprogramming/BlackRoad-Operating-System.git
synced 2026-03-17 05:57:21 -05:00
bcfd03b72a
Phase 2.5 wires up the infrastructure decisions and prepares BlackRoad OS for production deployment. This phase codifies architectural choices and creates deployment-ready configurations. ## Key Decisions Codified - ✅ Monorepo as canonical OS home (for Phase 1-2) - ✅ Prism Console served from backend at /prism - ✅ Documentation via GitHub Pages (MkDocs) - ✅ Vanilla JavaScript frontend maintained ## New Infrastructure ### Documentation & Planning - PHASE2_5_SUMMARY_FOR_ALEXA.md - Complete Phase 2.5 summary - BLACKROAD_OS_REPO_MAP.md - Repository structure map - DEPLOYMENT_NOTES.md - Production deployment guide ### Backend Infrastructure - backend/app/routers/prism_static.py - Prism Console static router - backend/static/prism/ - Prism Console UI skeleton - index.html, css/prism.css, js/prism-core.js ### Documentation System - .github/workflows/docs-deploy.yml - MkDocs deployment automation - codex-docs/mkdocs.yml - MkDocs + Material theme config - codex-docs/DEPLOY_DOCS.md - Docs deployment guide - codex-docs/docs/ - Complete documentation structure ### Updated Files - backend/app/main.py - Added Prism router, OpenAPI tags - MASTER_ORCHESTRATION_PLAN.md - Added Phase 2.5 section ## URL Structure (Production) - https://blackroad.systems → Main OS - https://blackroad.systems/prism → Prism Console - https://blackroad.systems/api/* → REST API - https://docs.blackroad.systems → Documentation ## Post-Merge Checklist 1. Configure GitHub Pages (5 min) 2. Configure Railway deployment (10 min) 3. Configure Cloudflare DNS (15 min) 4. Verify all routes work (5 min) 5. Monitor first deployment (10 min) See PHASE2_5_SUMMARY_FOR_ALEXA.md for complete post-merge instructions. ## Implementation Status ✅ Phase 2.5 Complete - Ready for production deployment --- Where AI meets the open road. 🛣️
180 lines
7.7 KiB
HTML
180 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Prism Console | BlackRoad OS</title>
|
|
<link rel="stylesheet" href="css/prism.css">
|
|
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<div id="prism-app">
|
|
<!-- Header -->
|
|
<header class="prism-header">
|
|
<div class="logo">
|
|
<span class="logo-icon">🌌</span>
|
|
<h1>Prism Console</h1>
|
|
</div>
|
|
<div class="header-actions">
|
|
<span class="status-indicator online">● Online</span>
|
|
<a href="/" class="btn-back">← Back to OS</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content -->
|
|
<main class="prism-main">
|
|
<!-- Sidebar Navigation -->
|
|
<nav class="prism-sidebar">
|
|
<ul class="nav-list">
|
|
<li class="nav-item active" data-tab="dashboard">
|
|
<span class="nav-icon">📊</span>
|
|
<span class="nav-label">Dashboard</span>
|
|
</li>
|
|
<li class="nav-item" data-tab="jobs">
|
|
<span class="nav-icon">⚙️</span>
|
|
<span class="nav-label">Jobs</span>
|
|
</li>
|
|
<li class="nav-item" data-tab="events">
|
|
<span class="nav-icon">📝</span>
|
|
<span class="nav-label">Events</span>
|
|
</li>
|
|
<li class="nav-item" data-tab="metrics">
|
|
<span class="nav-icon">📈</span>
|
|
<span class="nav-label">Metrics</span>
|
|
</li>
|
|
<li class="nav-item" data-tab="agents">
|
|
<span class="nav-icon">🤖</span>
|
|
<span class="nav-label">Agents</span>
|
|
</li>
|
|
<li class="nav-item" data-tab="settings">
|
|
<span class="nav-icon">⚙️</span>
|
|
<span class="nav-label">Settings</span>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Content Area -->
|
|
<div class="prism-content">
|
|
<!-- Dashboard Tab -->
|
|
<section id="dashboard-tab" class="content-tab active">
|
|
<h2>System Dashboard</h2>
|
|
<div class="dashboard-grid">
|
|
<div class="card stat-card">
|
|
<div class="card-header">
|
|
<h3>Active Jobs</h3>
|
|
<span class="stat-value">0</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="stat-subtext">No active jobs</p>
|
|
</div>
|
|
</div>
|
|
<div class="card stat-card">
|
|
<div class="card-header">
|
|
<h3>Total Events</h3>
|
|
<span class="stat-value">0</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="stat-subtext">System initialized</p>
|
|
</div>
|
|
</div>
|
|
<div class="card stat-card">
|
|
<div class="card-header">
|
|
<h3>Agents Online</h3>
|
|
<span class="stat-value">208</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="stat-subtext">All systems operational</p>
|
|
</div>
|
|
</div>
|
|
<div class="card stat-card">
|
|
<div class="card-header">
|
|
<h3>System Health</h3>
|
|
<span class="stat-value">✓</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="stat-subtext">All systems healthy</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3>Welcome to Prism Console</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p>Prism Console is the administrative interface for BlackRoad OS. Use it to:</p>
|
|
<ul>
|
|
<li>Monitor and manage job queues</li>
|
|
<li>View system event logs in real-time</li>
|
|
<li>Track performance metrics and health</li>
|
|
<li>Manage AI agents and workflows</li>
|
|
<li>Configure system settings</li>
|
|
</ul>
|
|
<p><strong>Status:</strong> Phase 2.5 - Infrastructure wiring complete. Full Prism functionality coming in Phase 2.6.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Jobs Tab -->
|
|
<section id="jobs-tab" class="content-tab">
|
|
<h2>Job Queue</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<p>No jobs in queue. Job queue management will be available in Phase 2.6.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Events Tab -->
|
|
<section id="events-tab" class="content-tab">
|
|
<h2>Event Log</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<p>Event log viewer coming in Phase 2.6.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Metrics Tab -->
|
|
<section id="metrics-tab" class="content-tab">
|
|
<h2>System Metrics</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<p>Metrics dashboard coming in Phase 2.6.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Agents Tab -->
|
|
<section id="agents-tab" class="content-tab">
|
|
<h2>Agent Management</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<p>208 AI agents across 10 categories are available. Agent management UI coming in Phase 2.6.</p>
|
|
<p><a href="/api/agents" target="_blank">View Agents API →</a></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Settings Tab -->
|
|
<section id="settings-tab" class="content-tab">
|
|
<h2>System Settings</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<p>Settings panel coming in Phase 2.6.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="prism-footer">
|
|
<p>BlackRoad Operating System © 2025 | Prism Console v2.5 | <a href="/api/docs" target="_blank">API Docs</a> | <a href="https://docs.blackroad.systems" target="_blank">Documentation</a></p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="js/prism-core.js"></script>
|
|
</body>
|
|
</html>
|