GhostLine / Frontend Lineage
Architecture Maps
Interactive diagrams showing how GhostLine's frontend fits together — from the public demo path through replay, research tooling, and the live GPU backend.
→ Technical deep-dive (component-level)
Frontend overview
The full picture: how the landing page, recording chooser, viewer panels, research sidebar, and backend connection relate to each other.
Public demo flow
What visitors see: landing page to recording selection to the replay workspace, with the research panel visible alongside.
Replay pipeline
How a recorded .ghostline file gets loaded, parsed, buffered for playback, and rendered across the viewer panels.
Research workbench
How replay sessions feed into the research tools — signal comparison, parameter sweeps, hypothesis testing, and spectrograph overlays.
Live backend connection
How the app connects to a GPU backend for real-time generation — the path that powers live inference when a backend is running.
Migration plan
How the public demo is moving from its current codebase into the full research instrument, and what changes along the way.