Node Mapping Interface - Copy this Html, Tailwind Component to your project

The Node Mapping Interface presents a sophisticated visualization of the output topology, designed for complex multi display configurations. The interface uses a node based routing system similar to professional compositing software. The main canvas uses a dark theme with high contrast connection paths showing signal flow. Each output node (display device) is represented as a configurable block with input ports for video, timing data, and control signals. Nodes can be freely positioned to create logical groups or match physical layout configurations. Signal routing is handled through virtual patch points with real time status indication for NDI streams, MQTT control signals, and OSC timing data. The routing system supports both simple point to point connections and complex matrices with automatic signal conversion where needed. Each node block expands to reveal detailed configuration options including: Resolution and refresh rate management Color space and HDR settings NDI stream quality parameters Frame synchronization options Latency compensation controls Backup signal routing The interface includes a real time system resource monitor showing bandwidth utilization, processing load, and signal latency for each connection path. Critical signal paths can be redundantly configured with automatic failover.