Add dashboard 3D fleet map, matrix stream overlay, and PWA support.

Integrates React Three Fiber topology view and a live matrix stream modal on the dashboard. Adds vite-plugin-pwa with AetherForge manifest and three.js dependencies.
This commit is contained in:
drjones
2026-05-28 22:28:26 -07:00
parent c95a4373de
commit 20eb5a3ba4
8 changed files with 4977 additions and 71 deletions

View File

@@ -0,0 +1,43 @@
.matrix-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
background: black;
cursor: pointer;
overflow: hidden;
}
.matrix-canvas {
display: block;
}
.matrix-text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
pointer-events: none;
background: rgba(0, 0, 0, 0.7);
padding: 2rem;
border: 1px solid #0f0;
border-radius: 4px;
box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
}
.matrix-text-overlay h2 {
color: #0f0;
margin: 0 0 1rem 0;
font-family: monospace;
font-size: 2rem;
text-shadow: 0 0 10px #0f0;
}
.matrix-close-hint {
color: rgba(0, 255, 0, 0.7);
font-family: monospace;
font-size: 1rem;
}