Foreword

In DSH’s web chat interface, when reviewing a particular user message in a long conversation, you often need to scroll back and forth. dsh-scroll-timeline is a browser-side plugin for DSH that generates a vertical node track along the right edge of the sidebar: each user message corresponds to a horizontal bar node, supporting hover preview and click-to-jump. It is designed for chat scenarios where quickly locating user messages is essential.

What Is This

invalidnaaaame/dsh-scroll-timeline is an open-source third-party DSH plugin, licensed under MIT, derived from vlln/dsh-navbar (MIT). It introduces no additional commands, routes, or utilities; it is driven solely by official anchor attributes, rendered browser-side, with the Node side acting as an empty mount carrier, and 0 patches.

data-time-hover-root

Core Features

  • Displays a vertical node track along the right edge of the chat sidebar, with each user message corresponding to a horizontal bar node.
  • A peak bar follows the current reading position.
  • When the pointer hovers over the node track, the nearest node becomes the peak, and adjacent nodes expand into a magnetic mountain shape according to the 39/30/21/15/9 ratio.
  • Hovering over a node shows a message preview card, truncated at 6 lines, opening to the right.
  • Clicking a node smoothly scrolls to the corresponding message and displays a brand blue highlight ring.
  • All historical nodes are always displayed; long conversations can be scrolled within the container.
  • Automatically hides when there are fewer than 2 user messages or when not on the chat page.
  • Disables animations under the prefers-reduced-motion environment.

Installation and Enablement

First, confirm that the target environment is the DSH web client. Use the following one-line git install command:

dsh plugin --profile web add "github:invalidnaaaame/dsh-scroll-timeline#main"

After installation, restart web for the plugin to take effect. You can then disable or enable the plugin in the Settings → Plugins panel.

Typical Usage

  1. Open the DSH chat view, and the timeline will appear on the right edge of the sidebar.

  2. Move the pointer near the node track; the node closest to the pointer becomes the peak, and adjacent nodes expand according to 39/30/21/15/9.

  3. Hover over a node to view a 6-line preview of that user message.

  4. Click a node, and the page smoothly scrolls to the corresponding user message, displaying a brand blue highlight ring.

  5. If the conversation is long, the timeline itself will scroll within its container; if there are fewer than 2 user messages, the node track is automatically hidden.

Adjustable Parameters

The base width and peak width of the node track can be adjusted via CSS variables:

--dsh-navbar-base-w: /* base width */;
--dsh-navbar-peak-w: /* peak width */;

Applicable Scenarios and Notes

This plugin is suitable for scenarios where you frequently need to review user messages in DSH web chat. It is a browser-side plugin, with the Node side serving as an empty mount carrier, and has been verified compatible with:

dsh 0.1.0-rc.6 through dsh 0.1.1-rc.2

Its anchor contract remains present in the latest release.

Before installation, please note:

  • This plugin runs with the permissions of the current dsh process, so review the source code and license before installation.
  • It is a third-party plugin and is not affiliated with the official DeepSeek Harness project.
  • package.json declares peerDependencies as @deepseek-ai/cordis ^4.0.1.
  • The DSH community directory is an independent site and has no official affiliation with DeepSeek / High-Flyer.

Links

  • GitHub: https://github.com/invalidnaaaame/dsh-scroll-timeline
  • Community Directory Page: https://www.skillhub.cn/plugins/invalidnaaaame/dsh-scroll-timeline