dsh-plugin-message-timeline-navigation
为 DSH Web 客户端提供 Codex 风格的消息时间线导航:悬停预览、点击跳转,并高亮当前阅读回合。
cokiscarazo-rgb
@cokiscarazo-rgb
⬇ 1
★ 1
main
安装
dsh plugin --profile web add github:cokiscarazo-rgb/dsh-plugin-message-timeline-navigation
需要可复现安装时,可在仓库后追加 #commit 固定提交。
为 DSH Web 客户端提供 Codex 风格的消息时间线导航:悬停预览、点击跳转,并高亮当前阅读回合。
该插件未提供要点说明,请参考仓库 README。
codexconversationdeepseek-harnessdshnavigationplugin
- 安装并启动 DeepSeek Harness:
npx @deepseek-ai/dsh web - 在终端执行上面的安装命令(CLI 会解析插件并核验来源)
- 用 dsh plugins list 确认已安装,必要时重启 Harness 生效
插件以当前 dsh 进程的权限运行,安装时可能执行代码。请先通读仓库源码与许可证,确认无破坏性命令与越权访问;本站只做索引,不对第三方插件安全性作担保。
| 代码仓库 | github.com/cokiscarazo-rgb/dsh-plugin-message-timeline-navigation |
| 许可证 | MIT |
| 主要语言 | main |
| 下载量 | 1 |
| GitHub 星标 | 1 |
| 最近推送 | 2026-08-21 |
| 收录日期 | 2026-09-19 |
| 分类 | 会话与消息 |
事实信息来自公开插件目录快照(2026-10-03),介绍文案由本站再加工。
以下为插件仓库 README 全文(原始内容,由公开目录抓取整理)。
# dsh-plugin-message-timeline-navigation A Codex-style **message timeline navigation** plugin for [DSH (DeepSeek Harness)](https://github.com/deepseek-ai/deepseek-harness) web clients. It overlays a vertical rail of dense short ticks on the left edge of the conversation view — one tick per **user turn** (your message plus its assistant reply). Hover a tick to preview the message, click to jump straight to it, and watch the rail track your reading progress as you scroll. DSH(DeepSeek Harness)web 端插件:在对话区左侧叠加一根 **Codex 风格的消息时间线**——密集的短横线,每条横线对应一个**用户回合**(你的消息及其完整的 agent 回复)。悬停可预览消息、点击可直接跳转、滚动时当前阅读进度会自动标记在时间线上。 --- ## Features / 功能 - **One tick per user turn / 每回合一个节点** Each tick represents a user message **plus** its whole assistant reply. Agent-only tail nodes are filtered out (`[data-turn-tail]`), so the rail never shows "phantom" agent ticks. - **Hover preview with cascade effect / 悬停级联预览** Hover a tick: it stretches to a longer dark line while its 3 neighbors on each side lengthen in a stepped cascade (matching the classic Codex look). A small card shows the message text preview. - **Click to jump / 点击跳转** Click any tick to smoothly scroll that message to the **top** of the viewport and briefly highlight it. - **Reading-progress tracking / 当前阅读进度** The tick for the turn you are currently reading (the turn whose segment contains the **scrollport top edge**) stays dark even when not hovered — the moment a turn scrolls into view from the top, its tick turns dark. Length is unchanged; only the color changes. - **Only user messages / 只显示用户消息** The rail strictly tracks user messages (ruled by the DOM contract below), so the timeline is dense and predictable. ## Install / 安装 The plugin is a pure overlay and only needs a DSH web client. Install it as a DSH plugin (pnpm is recommended for DSH workspace setups): ```powershell dsh plugin add dsh-plugin-message-timeline-navigation ``` Or install directly from this repository: ```powershell dsh plugin add dsh-plugin-message-timeline-navigation@github:cokiscarazo-rgb/dsh-plugin-message-timeline-navigation ``` **中文说明:** 通过 DSH 的插件命令安装即可(推荐使用 pnpm 环境;不要把插件装成全局包)。安装后刷新对话页面(或等待 client HMR 热更 1–2 秒)即可看到左侧时间线。 > 注:本插件为纯前端浮层,不修改 DSH 本体;程序本体与个人配置分离,插件文件仅存在于你的 DSH 插件目录。 ## Usage / 使用说明 1. Open any conversation in a DSH web client. 2. On the left edge of the chat you'll see the vertical rail of ticks. 3. **Hover** a tick → preview card + cascade expansion. 4. **Click** a tick → jumps to that message, top-aligned, with a temporary highlight. 5. **Scroll** the conversation → the tick for the current turn stays dark. ## How it works / 实现原理 - The overlay mounts its own React root on `document.body` (same pattern as other DSH client plugins). - It reads the conversation DOM directly using DSH's public DOM contract: - scrollport: `[data-conversation-scroll]` - user message: `div[data-time-hover-root]` minus `div[data-turn-tail]` - A `MutationObserver` + `ResizeObserver` + scroll listener keep the rail in sync with message changes, view switches, and scrolling. - Dashes are distributed by index down the scrollport height (with a fixed 10px rhythm mirroring the classic sidebar), so every tick stays visible even in very long conversations. ## Directory / 目录结构 ``` dsh-plugin-message-timeline-navigation/ ├── package.json # manifest: dsh.bundle.patch + dsh.client.inject ├── cordis.patch.yml # bundle-level mount for the host half ├── LICENSE # MIT ├── lib/ │ ├── index.js # host half (minimal: config defaults) │ ├── client.js # client half (the timeline rail core) │ └── types/ # type declarations └── README.md ``` ## Compatibility / 兼容性 - DSH web client (conversation view). Tested against recent DSH client releases (`dsh-client-ui-conversation` DOM contract). - Requires `react` / `react-dom` 18+ and `cordis` rc line, declared as peer dependencies. ## License / 许可证 [MIT](LICENSE) © 2026 [cokiscarazo-rgb](https://github.com/cokiscarazo-rgb)
数据来源:公开的 DeepSeek Harness 插件目录与各插件 GitHub 仓库。本站为独立第三方目录,与 DeepSeek、幻方(High-Flyer)及插件作者均无隶属或背书关系。