截图标注引用 Max-Null/dsh-capture

@max-null/dsh-capture

源码仓库：https://github.com/Max-Null/dsh-capture（npm: @max-null/dsh-capture）

本插件属于 @max-null/* 插件系列——这一系列共同构成 SSID（思灵 · Seek Soul in Darkness） 桌面体验。SSID 是整合它们的盒：dsh-capture · dsh-chat-rail · dsh-chinese-thinking · dsh-draft-polish · dsh-guardian · dsh-habit · dsh-memory · dsh-node-appearance · dsh-plugin-center · dsh-quick-toolbar · dsh-skill-mcp-center · dsh-ssid-panels · dsh-ssid-zh-ui · dsh-ssid-achievements。

DSH 双引擎快捷截图引用：框选屏幕任意区域 → 标注（矩形/椭圆/箭头/文字， 8 色可选）→ 图片自动进入当前会话的输入框（作为图片附件草稿，可加文字、可删除，回车才发送）。有标注时投递「原图 + 编辑图」两张——原图不遮挡任何原始内容，编辑图承载框/箭头/文字的强调，帮助理解方（人/模型）对照上下文。

原图预览编辑闭环：任何已插入的图片（截图/上传/历史消息）打开「原图预览」即可直接 ✎ 编辑（整图标注，同一套工具），完成后编辑图自动投递，无需重新截图。

截图

框选与标注

| 截图时（框选选区） | 编辑模式（进入时，尚未标注） | 画箭头 / 文字（标注后） |
| 截图时 | 编辑截图时 | 使用截图工具 |

投递结果与原图预览编辑

| 确认后插入原图和编辑图 | 图片预览时编辑按钮位置 | 图片预览时编辑页 |
| 确认后插入原图和编辑图的截图 | 图片预览时编辑按钮位置截图 | 图片预览时编辑页 |

设置

| 「插件」页 → dsh-capture 详情页的配置卡片 |
| 设置卡片截图 |

双引擎

| | 思灵壳（SSiD）内 | 纯 DSH（浏览器） |
| 触发 | 托盘「截图引用」＋ 全局快捷键（插件页卡片修改）＋ 输入框相机按钮 | 输入框相机按钮 |
| 捕获 | desktopCapturer 逐屏抓帧：多显示器、像素级 1:1、全屏无边框浮层 | getDisplayMedia 系统选择器（一次选一个屏幕） |
| 遮蔽 | 独立浮层窗口（DSH 页面零侵入） | 页面内全屏遮罩（框选 + 标注交互相同） |
| 隐藏窗口 | ✅（插件页卡片「截图时隐藏思灵窗口」） | ❌（无此能力，设置行自动隐藏） |
| 投递 | 官方 composer 图片 intake（合成 drop，与拖拽等价） | 同左 |

运行时探测（host 的 shellAvailable）自动选择引擎；无壳时按钮点击即走浏览器捕获。

标注能力

- 矩形 / 椭圆框：拖拽绘制，实时预览 + 合成（带同色半透明填充）
- 箭头：拖拽指向要改的内容，头翼自动按方向绘制
- 文字：点一下放置锚点内联输入，回车提交；文字带细黑描边（任意底色可读，无背景块）
- 8 色调色板：红橙黄绿青紫品红白，每条标注独立着色（默认红）
- 撤销/逐级回退（右键或 Esc）：画框中 → 撤标注 → 重选 → 退出

操作（思灵壳内）

1. 打开任意 DSH 会话（没有会话时截图不会进入任何地方）。
2. 托盘 →「截图引用」，或按全局快捷键（默认 Ctrl+Shift+A）。
3. 屏上出现冻结帧 + 十字准星：
- 左键拖拽 框选区域 → 选区定格后出现工具条（选区旁，微信式）。
- 工具条选色/选工具后 左键拖拽（箭头）/ 点一下（文字）标注； 回车 / 双击 /「完成」 一次确认发送。
- 右键 / Esc 逐级回退：标注中 → 撤标注 → 重选 → 退出截图。
4. 图片出现在输入框图片位；可追加文字后回车发送。

操作（纯 DSH）

1. 打开任意 DSH 会话；点输入框相机按钮（润色按钮左侧）。
2. 浏览器弹出「选择要共享的屏幕」→ 选一个屏幕 → 捕获一帧后自动停止共享。
3. 页面全屏遮罩出现：左键拖拽框选 → 选区工具条出现 → 同画面标注 → 回车/「完成」发送；右键/Esc 逐级回退。

原图预览工具（编辑 / 复制）

1. 任意图片（草稿附件或消息图片）点击缩略图 → DSH「原图预览」对话框。
2. 图片右上角内侧浮出两个按钮（跟随图片的矩形定位，不是固定在视口右上角）：
- ✎ 编辑 → 整图编辑浮层（不必框选）。标注后完成：编辑图投递到输入框，预览窗口随编辑一并关闭；未标注直接完成 = 视为未修改，关闭且不投递；取消/回退放弃编辑，预览保留。
- ⧉ 复制 → 把原图写进系统剪贴板。非 PNG 的图会先重编码为 PNG，因为 ClipboardItem 在各浏览器实现里只可靠支持 image/png。
3. 预览关闭后工具条自动收走，不会留在页面上跟着别的界面走。

设置（思灵壳内：「插件」页 → dsh-capture 卡片）

- 截图时隐藏思灵窗口：开 = 冻结帧不含思灵自身（引用其他应用）；关 = 冻结帧包含思灵（可框选对话内容）。默认开。
- 截图全局快捷键：Electron accelerator 语法（如 Control+Alt+B），回车/失焦即保存并立即重注册。

实现要点（维护者）

- 本仓库是插件唯一源码真身（lib/ 为构建产物，不入库：pnpm install && pnpm run build）。
思灵（SSiD）安装包以 shell/profile-template/vendor/dsh-capture（构建产物拷贝）作为内置分发载体，本仓库之外不再维护第二份源码。
- 壳层（engine A）在思灵仓库 ssid-desktop/apps/desktop/src/ssid/screenshot.ts 与 ssid-desktop/apps/desktop/resources/screenshot.html（浮层页）：desktopCapturer 逐屏抓帧 → 每屏一个全屏无边框置顶浮层（不侵入 DSH 页面 DOM）→ 单阶段标注（选区工具条 + 原图坐标系绘制，合成时按选区裁剪）→ executeJavaScript 派发 ssid:screenshot CustomEvent（v2 协议 { uid, source, annotated? }，主进程带 uid；旧版字符串监听器自然失效，防双投递）。
- 浏览器（engine B）在 src/client/CaptureOverlay.tsx：getDisplayMedia 抓帧 → createPortal 全屏遮罩（同一套框选/标注交互）→ 官方 drop intake。
- 原图预览编辑在 src/client/ImagePreviewEdit.tsx：MutationObserver 探测官方 ImageLightbox（role=dialog + aria-label 原图预览/Original image preview，不依赖 CSS hash），注入 ✎ 按钮；复用 CaptureOverlay 的 immediate 整图模式。
- 投递：delivery.ts 的合成 drop（new DataTransfer() + DragEvent('drop')）走 DSH 官方 composer 图片 intake（ui-attachment 的 document 级 drop 处理器）。无 DSH 核心改动；数量/大小/类型限制与官方拖拽一致。
- host 半 /api/ssid/screenshot/{get,set,trigger}（走 ctx.connection.fetch 的精确路由表， carrier-neutral——Web 载体与 Electron shell 载体分发同一个 handler）；壳能力经 ssid.shell.screenshot 服务注入（bare dsh web 时 shellAvailable=false，引擎 B 接管）。
- 壳内浮层 3 分钟无交互自动取消（screenshot.html 的闲置超时；防卡屏，交互随时重置）。

已知边界

- 纯 DSH：一次一个屏幕（系统选择器选）；无法隐藏宿主窗口（设置行自动隐藏）；无法使用全局快捷键（无壳机制）。
- 无当前会话时截图静默丢弃（浮层文案已提示「先打开一个会话」）。
- 模型不支持图片时由 DSH 官方提示。
- 原图预览编辑投递的是编辑图（原图已在对话里，不再重复投递）。