Can you explain a bit more about "zooming, different levels of detail" you mention? Maybe break them down to separate issue you are having with the library, what does it do, what do you want that it's not doing. If there is a way to tweak it then you don't have to build the component from scratch.
But if you already abandoned the idea of tweaking timeline-js then you can have full control in vue, have to build it yourself though. Start by breaking the functionality of the timeline into separate interaction. From a quick look, timeline-js just make style attribute reactive. Have a box? good. Now put really long div in it with placeholder texture. Can you drag/scroll it? no? grab a suitable function from vueuse and make it scrollable. Follow with markers, zoom, dummy event items, data fetching (the actual width, marker spacing, events placement can be calculated from timestamp in json after this step), lazy loading, styling, animation, so on.
I don't know how much experience do you have with each things required (html, css, js, vue) so it is a bit difficult to give useful answer.
(https://quackers.gumroad.com/l/classic_modifier_menu)
Here you go
IIRC The reason is that old layout is getting cluttered. It least the modifier is searchable now, which I think is a great improvement.
It's just a muscle memory issue for me, keep hitting
S
afterShift + A
.