SIMON Master Console Rebuild
True command center for SIMON + WEB360
This rebuild gives you a cleaner production spine: interactive tree, live viewer, guarded editor, dynamic graphics, architecture map, and note storage. It is designed to sit beside your existing
console.php
and become the stronger replacement path.
Dashboard
Tree
Viewer
System Map
File Registry
Notes
Files
15,340
Folders
408
Scanned Size
3.84 GB
PHP Files
891
Editable Text Files
12,601
File viewer
guarded to /htdocs
/tools/Connectionink/assets/css/matrix-orb.css
:root { --bg: #020611; --card: rgba(8, 16, 32, 0.84); --line: rgba(130, 247, 255, 0.18); --text: #ddfcff; --muted: rgba(221, 252, 255, 0.72); --glow: #53f3ff; } * { box-sizing: border-box; } html, body { height: 100%; margin: 0; } body { font-family: Inter, system-ui, sans-serif; color: var(--text); background: radial-gradient(circle at 50% 22%, rgba(0, 183, 255, 0.16), transparent 28%), linear-gradient(180deg, #020611 0%, #050a14 100%); } .app-shell { min-height: 100%; padding: 20px; } .topbar, .stage-card, .hud-panel, .pill { background: var(--card); border: 1px solid var(--line); box-shadow: 0 20px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04); backdrop-filter: blur(20px); } .topbar { display:flex; justify-content:space-between; align-items:center; border-radius: 22px; padding: 18px 22px; margin-bottom: 18px; } .eyebrow { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); } h1 { margin: 6px 0 0; font-size: 28px; } .status-cluster { display:flex; gap:10px; flex-wrap:wrap; } .pill { border-radius: 999px; padding: 10px 14px; font-size: 13px; } .dot { display:inline-block; width: 9px; height: 9px; background:#ff4d4d; border-radius: 50%; margin-right: 8px; box-shadow: 0 0 12px #ff4d4d; } .stage-card { position: relative; min-height: 78vh; overflow: hidden; border-radius: 28px; } #orbCanvas { width: 100%; height: 78vh; display:block; } .hud-panel { position:absolute; top:24px; width: 320px; border-radius: 22px; padding: 18px; } .hud-panel.left { left: 24px; } .hud-panel.right { right: 24px; } .hud-panel h2 { margin: 0 0 16px; font-size: 16px; } .metric { display:flex; justify-content:space-between; padding:10px 0; border-top:1px solid rgba(130,247,255,.08); color: var(--muted); } .metric strong { color: var(--text); } .matrix-feed { min-height: 220px; white-space: pre-wrap; line-height: 1.8; font-family: ui-monospace, SFMono-Regular, monospace; color: var(--glow); text-shadow: 0 0 16px rgba(83,243,255,.5); } .bottom-strip { position:absolute; left:24px; right:24px; bottom:20px; display:flex; justify-content:space-between; border-radius: 16px; padding: 14px 16px; background: rgba(4, 10, 20, 0.68); border:1px solid rgba(130,247,255,.12); color: var(--muted); } @media (max-width: 1100px) { .hud-panel { position: static; width: auto; margin: 16px; } .stage-card { padding-bottom: 140px; } .bottom-strip { left:16px; right:16px; flex-direction:column; gap:8px; } }
Save file
Quick jump
open a path
Open