划词引用批注 xt765/dsh-selection-quote

dsh-selection-quote

Codex + Cursor 风格划词右键「添加到对话 (⌘L)」+ 持续选中高亮 + 蓝色水滴序号角标与圆角胶囊评论框 + 输入框及已发送消息「💬 N 条注释」胶囊插件，专为 DeepSeek Harness (DSH) 打造。

Codex + Cursor style Selection Context Menu (Copy / Add to Chat ⌘L), Persistent Selection Highlight, Blue Numbered Teardrop Pin Badges, Rounded Capsule Comment Input, and Compact N Comments Pill & Hover Detail Popover for DeepSeek Harness (DSH).

✨ v0.2.0 核心特性 (Features)

1. 无感划词 + 原生级右键菜单（拷贝 (Copy) / 添加到对话 ⌘L）
- 普通鼠标划词时不强行弹窗、不抢夺焦点，完全保留原生选区高亮与 ⌘C 复制体验。
- 在选中文字上点击鼠标右键时，弹出毛玻璃右键菜单：拷贝 (Copy) (⌘C) 与 添加到对话 (⌘L)。
2. 持续选中高亮（CSS.highlights）+ 蓝色水滴序号角标（1、2…）+ 圆角胶囊评论框
- 点击右键菜单中的 「添加到对话」（或直接按 ⌘L），选区正上方浮现 添加可选评论... 圆角胶囊输入框（右侧带圆形 ✓ 确认按钮，支持 Enter 确认或留空仅引用原文）。
- 借助 Chromium 原生 CSS.highlights（::highlight(dsh-selection-quote)）渲染管线，即使焦点进入评论输入框或连续添加第 1、2、3 处引用，原文中的所有被选片段依然持续保持蓝色选中高亮状态。
- 每处选区首行右上角自动锚定一枚蓝色水滴序号角标（1、2…），随消息滚动实时跟随，点击任意角标即可原地重新编辑该条评论。
3. 输入框内嵌「💬 N 条注释 ×」胶囊 + 悬浮详情卡片 + 无正文直接发送
- 确认后的注释以紧凑的 💬 1 条注释 × / 💬 2 条注释 × 胶囊形态内嵌在底部输入框左上方。
- 鼠标悬停或点击该胶囊时，正上方弹出圆角详情卡片，按 1。、2。 分隔展示每条的 所选文本： 与 用户评论：，右上角提供铅笔编辑图标与垃圾桶删除图标。
- 支持仅含注释直接发送：当存在待发送注释时，即使底部输入框不额外打字，右下角发送按钮也会自动激活，按 Enter 或点击发送即可直接发出。
4. 已发送消息自动渲染为「💬 N 条注释」胶囊 + 独立正文气泡
- 基于 uiConversation.userText.register 与 conversation.user.text.node 插槽，发送出去的消息同样自动渲染为右上角的 💬 N 条注释 胶囊（悬停或点击即可查看所有「所选文本 + 用户评论」详情卡片），附加输入的文字则独立显示在下方的用户消息气泡中。

📸 实机运行截图 (Screenshots)

1. 划词右键弹出「拷贝 (Copy) / 添加到对话 ⌘L」菜单

Right-click Context Menu on Selected Text

2. 点击「添加到对话」后展开圆角胶囊评论框 + 蓝色水滴序号角标 1 + 持续蓝色选中高亮

Capsule Comment Input and Blue Teardrop Pin Badge

3. 底部输入框内「💬 1 条注释 ×」胶囊与悬浮详情卡片（所选文本 / 用户评论 / 编辑 / 删除）

Composer N Comments Pill and Hover Popover Card

4. 已发送消息自动渲染为「💬 1 条注释」胶囊

Sent Message N Comments Pill

🏗️ 运行时架构 (Architecture)

flowchart LR
Sel["用户在消息流划词右键点击「添加到对话 ⌘L」"] --> Highlight["CSS.highlights 持续蓝色高亮+ 蓝色水滴序号角标 (1, 2...)"]
Highlight --> Capsule["圆角胶囊输入框添加可选评论... + ✓ 按钮"]
Capsule -- "Enter / 点击 ✓" --> Store["会话级响应式 StoreQuotes & Comments Queue"]
Store --> Chip["底部输入框内嵌胶囊💬 N 条注释 × + 悬浮详情卡片"]
Chip -- "Enter / 点击发送(支持无额外文字直发)" --> Submit["SessionInputShell.submit合并发送并清空队列"]
Submit --> Sent["uiConversation.userText已发送消息 💬 N 条注释 胶囊"]

style Sel fill:#e3f2fd,stroke:#1565c0,color:#0d47a1
style Highlight fill:#e0f2f1,stroke:#00695c,color:#004d40
style Capsule fill:#fff8e1,stroke:#ff8f00,color:#e65100
style Store fill:#fce4ec,stroke:#ad1457,color:#880e4f
style Chip fill:#e8f5e9,stroke:#2e7d32,color:#1b5e20
style Submit fill:#e8f5e9,stroke:#2e7d32,color:#1b5e20
style Sent fill:#c8e6c9,stroke:#2e7d32,color:#1b5e20

⌨️ 交互与快捷键一览

| 触发场景 | 操作 / 快捷键 | 功能说明 |
| 消息流选中文本后右键 | 点击 拷贝 (Copy) / ⌘C | 将当前选中的文字复制到系统剪贴板 |
| 消息流选中文本后右键 | 点击 添加到对话 / ⌘L | 保持选中文字持续蓝色高亮，弹出圆角胶囊评论框与蓝色水滴序号角标 |
| 圆角胶囊评论框已展开 | Enter 或点击右侧 ✓ | 将当前「所选文本 + 用户评论」加入底部输入框的 💬 N 条注释 × 胶囊 |
| 圆角胶囊评论框已展开 | Esc | 关闭当前圆角胶囊评论框 |
| 底部输入框存在 💬 N 条注释 × | 悬停或点击胶囊 | 弹出详情卡片，查看每条「所选文本 / 用户评论」，支持铅笔编辑与垃圾桶删除 |
| 底部输入框存在 💬 N 条注释 × | 直接按 Enter 或点击发送按钮 | 即使不输入额外文字也可直接发送，并在已发送消息处渲染为 💬 N 条注释 胶囊 |

📦 安装与挂载

方式一：通过 npm 安装

npm install dsh-selection-quote

方式二：在 DeepSeek Harness 配置档中启用

在 ~/.dsh/profiles/desktop/package.json 的 dependencies 与 dsh.profile.bundles 中添加 "dsh-selection-quote"，并在 cordis.patch.yml 中配置：

- id: selection-quote
name: dsh-selection-quote
config:
enabled: true
addToChatMode: dock
commentLabel: 批注

🧪 运行测试

npm test

📄 开源协议

MIT © 2026 xt765