TableRogue/dsh-message-navigator

README 摘要

dsh-message-navigator 消息导航条(Message Navigator) —— DeepSeek Harness 网页聊天界面右侧的垂直消息索引条:每条用户输入对应一个半透明短横线 marker,点击平滑跳转,滚动时当前阅读位置实时高亮,适合超长对话快速定位。 A slim right-edge message index for the DeepSeek Harness web GUI: one marker per user input, click to jump, active marker follows scroll. 特性 - 点击跳转 scrollIntoView (平滑居中,已在视口附近时跳过动画,不产生横向位移) - 滚动同步 视口 40% 处为阅读线,实时高亮对应 marker;滚动路径纯算术计算,零 DOM 查询、零 re-render - Hover 预览 统一 240px 卡片式 tooltip,1–2 行省略 - 动态同步 新消息/删除/加载历史/切换会话自动重建;AI 流式输出不生成 marker - 稳定标识 marker ↔ 消息经 data-chat-flow-key (内含 messageId)一一对应,不依赖 DOM 索引 - 性能与响应式 几百条消息仍流畅;≤1100px 隐藏 tooltip,≤880px 隐藏组件 安装(每次启动自动加载) 安装后自动追加进 profile 的 dsh.profile.bundles ,启动 dsh --profile web 即生效,无需重建 Web 产物。验证 / 卸载: 临时方式(动态插件,单次进程) :把 src/client.js 头注释以下的内容填入 cordis define 的 code.client 并 cordis run ,详见文件头注释。 实现契约 只读使用产品自身滚动记忆所依赖的稳定锚点: [data-conversation-scroll] (滚动容器)、 [data-chat-flow-key] 、 [data-chat-flow-kind="user" "steering"] ;UI 挂载在加法式 shell.overlay 层,不替换任何现有界面。 定制 lib/client.js 顶部常量: STRIP W (条宽 20)、 EDGE GAP (4)、 PAD (14)、 GAP (marker 间距 12)、 LINE FRAC (阅读线 0.4);样式类前缀 mnv- ,颜色随主题 token --dsw-alias-label-primary 自适应亮/暗。 已知限制:依赖上述 DOM 契约,产品改版后可能需要同步更新选择器;本地链接安装时改源码重启即生效。 License MIT © 2026 TableRogue

分类