c12. Qcontrol Live View

../qcontrol has made massive progress. We now have a live view (formerly qglass) of all the agent events. You can see a running instance here : http://127.0.0.1:7878/live

We are going to build a qflow visualization of these live events.

Structure

Let's build a custom component that wraps qflow and serves as a translation layer. It should subscribe to the event stream and pass the data into qflow in a way it understands. this is a pattern we were starting to follow in ../qmap

We will be showing one or more agents and the various events they are emmiting. We will show each event as an item.

Timeline view

Because the events have timestamps, we could build a youtube style play bar at the bottom of the visualization for playing back the events that have already occurred. Events should have a small visual representation on the scrubber track. As new live events continue to stream in, the track should continue to grow. We may need a "jump to live" button or something to stop showing archived events and jump to showing new live events.

Create a plan, ask any clarifying questions, suggest patterns I may not be considering.