magicOF2/dsh-turn-marks

README 摘要

📌 dsh-turn-marks 会话左侧消息标记条 · Turn Marks for DSH Chat — 为 DeepSeek Harness Web UI 增加 Claude Code / Codex 桌面端同款「左侧消息条条」：每发一条消息就多一根小条， 点击跳转到该消息，悬停预览内容，当前消息对应的条条变白。 ✨ 特性 / Features - 每段一条 ：你在会话里每发送一条消息（用户消息 / turn），左侧就多一根灰色小条 - 密集排列 ：条条间距紧凑（上限 24px），消息少时聚拢在轨道中部，消息多时自适应填满，方便点选 - 点击跳转 ：点任意一根条条，会话框平滑滚动，让那条消息 对齐视口最上方 （内容不足时尽可能靠上并完整显示下方内容） - 选中变白 ：点击过的（以及当前正显示在视口里的）条条变成白色，其余保持灰色 - 悬停预览 ：鼠标悬停在条条上，弹出气泡显示该条消息的时间与内容预览（前 180 字） - 跟随滚动 ：手动滚动会话时，白色条条会自动跟随当前视口内的消息 - 零配置 ：纯浏览器端插件，无 Host 逻辑、无外部依赖、无网络请求 - 主题友好 ：颜色全部使用 DSH 主题 CSS 变量，浅色 / 深色模式自动适配 - 增量挂载 ：注册在 conversation.input.dock 槽位，不替换任何原生组件，卸载干净 🎯 界面位置 / Where it lives 条条悬浮在 对话内容区左边缘 （消息流与窗口左缘之间的空隙），纵向等距排列， 像一根滚动条轨道一样贯穿整个会话高度： 📦 安装 / Installation 方式一：从 GitHub 安装（推荐给其他用户） 方式二：本地开发 / 自用（链接方式） ⚠️ 安装后需要重启 dsh web ，并在浏览器里 Ctrl+Shift+R 强制刷新一次。 之后插件随 GUI 自动加载， 无需任何手动启用 。 🖱️ 使用 / Usage 1. 打开任意会话，发送几条消息 → 对话左侧出现对应数量的灰色小条 2. 点击 任意一条 → 会话平滑滚动到那条消息，条条变白 3. 悬停 任意一条 → 弹出该消息的预览气泡（编号 + 时间 + 内容前 180 字） 4. 手动上下滚动 → 白色条条自动跟随视口内当前的消息 🔧 工作原理 / How it works（技术设计） 难度评估： 低 。这是一个纯前端（浏览器端）的增量 UI 插件，约 200 行代码， 不需要 Host 逻辑、不需要后端、不需要持久化。核心就是「数据 + 定位 + 交互」三件事。 1. 数据来源：会话快照（Conversation Snapshot） 插件挂载在 conversation.input.dock 槽位（会话输入区上方的一个增量行）。 该槽位的 owner 会传入 session: Conve…

分类