Preface¶

In the DeepSeek Harness (DSH) web chat interface, once a long conversation accumulates dozens or even hundreds of turns, navigating back to a specific user query often relies solely on scrolling or searching. The official DeepSeek website features a persistent ScrollNav navigation rail on the right side: each user message corresponds to a thin line that expands on hover for a preview and allows direct jumping on click. The default DSH interface lacks this interaction.

dsh-chat-timeline, developed by community maintainer jjxjjjjiik-bot, aims to port the interface and interaction of the official chat.deepseek.com right-side navigation bar 1:1 into the DSH web environment. It is not an official DeepSeek product and has no affiliation with DeepSeek; it is categorized as a “fun customization” in the SkillHub community directory, with approximately 26 stars and 4 forks on GitHub.

This introduction will cover the plugin’s positioning, capabilities, and installation methods.

What is this¶

In one sentence: dsh-chat-timeline is a pluginized replica of the ScrollNav from the official DeepSeek website, rendering a persistent navigation rail on the right side of the web chat area. It supports key bookmarks, smooth navigation, and integrates with rewind and undo functionalities.

Maintainer: jjxjjjjiik-bot (MIT license, npm package name dsh-chat-timeline, current version 0.1.4). The plugin uses the Host-side session projection dshChatTimeline to enumerate user messages. The client-side TimelineRail component is mounted in the conversation.input.dock slot and portaled to the body for rendering.

Core Features¶

A slender vertical rail is displayed on the right side of the screen. Each user message corresponds to an indicator line, matching the official site’s collapsed state. The rail automatically hides when the conversation has fewer than 2 user messages and collapses when the viewport width is ≤ 767px to avoid obstructing narrow screens.

Key Bookmarks and Filtering¶

After expanding the panel, clicking the ★ icon marks the corresponding Q&A pair with a star. In the collapsed state, marked items are highlighted with a golden indicator line. The top “★ Show Marked Only (n)” option allows one-click filtering of key Q&As. Marker data is stored persistently in the local localStorage.

Light and dark modes replicate the styles of the official ScrollNav (CSS extracted from the official main.css and namespaced with the dsct_ prefix). Clicking an item smoothly scrolls to the corresponding message, triggering loadOlder to load earlier history as needed. The navigation process includes debouncing and locking to minimize hover panel jitter during cross-area jumps in long conversations.

Integration with Rewind and Workbench¶

When integrated with the dsh-rewind plugin, rewound or undone messages are automatically removed from the timeline (the Host supports surface replacement). The plugin detects the right-side workbench (e.g., aionui or other toolbars) and adjusts its position to align with the chat area edge, avoiding overlap. The component provides ARIA labels and keyboard navigation and respects the system’s prefers-reduced-motion settings.

Installation and Enabling¶

One-click installation via DSH / npm is recommended. Execute the following in the terminal:

dsh plugin --profile web add dsh-chat-timeline

Or:

dsh plugin add dsh-chat-timeline

After installation, restart dsh web and refresh the browser to activate the plugin.

Windows users can also download the repository ZIP and double-click install.bat. The script will copy the plugin, register the configuration, and run pnpm install. A restart of dsh web is still required.

For manual installation, place the plugin in $DSH_HOME/profiles/web/plugins/dsh-chat-timeline/ (where $DSH_HOME is typically ~/.dsh). Add "dsh-chat-timeline": "file:plugins/dsh-chat-timeline" to profiles/web/package.json, run pnpm install, and insert the following into profiles/web/cordis.patch.yml:

- insert:
    - id: chat-timeline
      name: dsh-chat-timeline

The plugin requires Node.js >= 22.

Typical Usage¶

After installation and restarting, open any DSH Web conversation with multiple rounds of user messages. The navigation rail will appear on the right side.

Move the mouse to the right-side vertical rail, hover to expand the panel, and browse the summaries of each user query.
Click an item to smoothly scroll to the corresponding message. If the message is not yet loaded, the plugin will fetch history based on data source priority (projection → loaded nodes → background loadOlder).
For Q&A pairs that need frequent review, click ★ in the expanded panel to star them. You can then use the top “★ Show Marked Only” option for quick filtering.
If using dsh-rewind to rewind or undo messages, the timeline will automatically remove the corresponding nodes, eliminating the need for manual cleanup.

Applicable Scenarios and Notes¶

This plugin is suitable for developers or everyday users who frequently engage in long conversations in DSH Web and wish to use the official-style right-side navigation to quickly locate user queries. Key markers are saved locally in the browser and must be re-marked when switching devices or clearing the cache.

The DSH ecosystem follows the “everything is a plugin” principle: the community directory SkillHub is an independent site with no official affiliation to DeepSeek or High-Flyer. Before installation, it is recommended to browse the GitHub source code and MIT license. The plugin runs with the privileges of the current dsh process; you should evaluate whether it meets your security and compliance requirements.

Links¶

SkillHub directory page: https://www.skillhub.cn/plugins/jjxjjjjiik-bot/dsh-chat-timeline
GitHub repository: https://github.com/jjxjjjjiik-bot/dsh-chat-timeline

dsh-chat-timeline: Bringing DeepSeek's Official Right-Side Conversation Navigation Bar into DSH Web