Pattern Looper visualizer

[cannc4]

Implemented here, a looper/recorder for the compiled patterns with the appropriate timestamps:
7ad43c2#diff-3c8f2d6aba18c7d3b2d65bc05d21c42c

The idea is to have a visualiser to keep track of the loop and possibly interact with it

Such as breakpoints(nodes) and line segments. The distance between the breakpoints is determined by the time interval of the two successive patterns.

• Click and drag a breakpoint to move it to the desired location.
• Click on a breakpoint to delete it.