Add event lines to plots

[amitschang]

Adds lines to plotter for events.

Notes:

• Unfortunately since the events most likely don't come from hardware, we need to send a separate request to get them (the sensor request specifies name). Only alternatives I think would be to either treat events separately in the history endpoint (not sure I like that) or just retrieve all data.
• I noticed the shape of data might not be ideal, iso {'name': [{...}], 'name2': [{...}]}, might want to change backend to [{'name': 'name', ...}, {'name': 'name2', ...}]. This would replace the awkwardness of the flatmap currently done on events, and also preserve the name in each record. can do in separate change with backend
• The time axis was categorical, so lines not exactly corresponding to a point would not render. It has changed to numeric and with a formatter to render as time.
• I couldn't figure out how to make labels vertical or better-yet show up as a tooltip, so any useful log message ends up cluttering and possibly unreadable...

Example SS:

[imaitland]

You can use Promise.all to parralleize these two request.

const [historyData, eventsData] = Promise.allSettled([await Evolver.history({whatever}), await Evolver.history({whatever + kinds["event"]})])

[imaitland]

Label will take a component as prop, and daisyUI provides a tooltip: https://daisyui.com/components/tooltip/,

label = {() => {
  return (
    <div className="tooltip" data-tip={event.data.message}>
      {event.data.message.length > 20 ? `${event.data.message.slice(0, 20)}...` : event.data.message}
    </div>
  )
}}

[amitschang]

Looks cool, but when I do this I don't see any text at all. I tried with plain div and span elements like this, doesn't seem to show. There may be some requirements it has on the underlying element...

[imaitland]

Interesting, did you test this change with a chart that shows multiple vials' histories?

[amitschang]

yeah, the thing worked around here is that event will be tagged from a particular logger (main device, or controller), e.g.

{ "main_device": [...], "controller": [...]}

each may be tagged with vial (shown only for that plot) or not (global), but we need to bring all those named things into a single array. I think I might change backend shape since either you wan't it all where each element says where it came from, or you are selecting only one, where this structure is redundant 😄

[imaitland]

Nice!

[amitschang]

Made updates and re-requesting review. To do the label thing well looks to require more effort, so I think what we can do is merge this in (if otherwise good) and make label change as an enhancement (it affects only a single line in this PR)

[imaitland]

LGTM

[amitschang]

thanks!