dsh-timeline

Long sessions are the norm in dsh WebUI: a first-turn prompt followed by several steering follow-ups, large code blocks, and endless scrolling. Finding an earlier message of your own often means scrolling back and forth. dsh-timeline draws a vertical timeline along the right edge of the message list, collapsing scattered user messages into a single tappable, jumpable, numbered scale.

The core experience hinges on three interactions: hover any tick to see a message preview with its sequence number (e.g. 3 / 12); click to jump straight to that message, which lands at the top of the viewport with a brief highlight; use the up and down arrows to step through messages one by one while the current tick tracks your scroll position. Colors pull from dsh theme tokens, so dark and light modes adapt automatically. Under the hood, pure logic (tick layout, summary truncation, position interpolation) is separated from the DOM contract, so a product upgrade only requires verifying one set of selectors instead of rewriting the plugin.

It suits developers who regularly accumulate a dozen or more user messages in a single dsh session and need to revisit early prompts or steering instructions. If you find yourself reaching for Ctrl+F in a long scroll list, this timeline lets you glance and jump straight to the message you need.