dsh-quote-followup 0.2.2 → 0.2.4

package/README.md

@@ -2,19 +2,31 @@
 
 English | [中文](README.zh.md)
 
+[![npm version](https://img.shields.io/npm/v/dsh-quote-followup.svg)](https://www.npmjs.com/package/dsh-quote-followup)
+[![license](https://img.shields.io/npm/l/dsh-quote-followup.svg)](LICENSE)
+
 A Web-only [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) plugin for quoting selected conversation text into the composer and asking a focused follow-up.
 
+<p align="center">
+  <img src="docs/assets/quote-followup-demo.gif" width="960" alt="Select conversation excerpts, insert native DSH quote chips, and write a focused follow-up">
+</p>
+
+<p align="center"><strong>Select. Quote. Follow up.</strong></p>
+
 ## Features
 
 - Select text inside the Web conversation transcript to reveal a floating **Quote** button.
-- Append the selection as a Markdown quote without replacing the existing draft.
-- Repeat the action to collect multiple excerpts before sending.
-- Dispatch DSH's live Lexical `PASTE_COMMAND` directly, keeping the editor model and rendered composer in sync across Chromium and Firefox.
+- Append a native DSH conversation-reference chip without replacing the existing draft.
+- Reuse the same atomic `ReferenceChipNode`, conversation icon, and business color as `@file` / `@session`.
+- Quote multiple excerpts; on send, the plugin codec expands each chip into a model-readable Markdown blockquote.
+- Fall back to a plain-text quote when the host lacks native chip support.
 
 TUI is intentionally unsupported.
 
 ## Install
 
+Requires DSH `>=0.1.2-rc.1`.
+
 ```bash
 dsh plugin --profile web add dsh-quote-followup
 ```
@@ -26,7 +38,7 @@ Add `dsh-quote-followup` to the Web profile's `dsh.profile.bundles`, then restar
 1. Select text in a conversation message.
 2. Click **❐ Quote**.
 3. Select and quote more excerpts if needed.
-4. Type the follow-up below the inserted quotes and send.
+4. Type the follow-up after the inserted chips and send.
 
 ## Development
 
@@ -34,7 +46,7 @@ Add `dsh-quote-followup` to the Web profile's `dsh.profile.bundles`, then restar
 npm test
 ```
 
-The regression harness covers repeated quotes, Firefox rejecting constructor-injected `clipboardData`, Lexical reconciliation of raw DOM fallbacks, and takeover from a stale client button/singleton after a hot swap.
+The regression harness covers native quote chips, repeated quoting, spacing after an existing draft, codec serialization, the Firefox text fallback, and current-client takeover of stale singleton/button state after a hot swap.
 
 ## License
 

package/README.zh.md

@@ -2,19 +2,31 @@
 
 [English](README.md) | 中文
 
+[![npm version](https://img.shields.io/npm/v/dsh-quote-followup.svg)](https://www.npmjs.com/package/dsh-quote-followup)
+[![license](https://img.shields.io/npm/l/dsh-quote-followup.svg)](LICENSE)
+
 一个仅支持 Web 的 [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) 插件：选中对话文本，将其追加到输入框，再进行针对性追问。
 
+<p align="center">
+  <img src="docs/assets/quote-followup-demo.gif" width="960" alt="划选对话片段，插入 DSH 原生引用 chip，再输入针对性追问">
+</p>
+
+<p align="center"><strong>划选、引用、继续追问。</strong></p>
+
 ## 功能
 
 - 在 Web 对话区选中文本后显示浮动的 **❐ 引用** 按钮。
-- 以 Markdown 引用块追加到现有草稿，不覆盖已输入内容。
-- 可连续引用多段内容，再统一编辑并发送。
-- 直接派发 DSH 当前 Lexical editor 的 `PASTE_COMMAND`，在 Chromium 与 Firefox 中同步更新编辑器模型和 DOM。
+- 以 DSH 原生对话引用 chip 追加到现有草稿，不覆盖已输入内容。
+- chip 使用与 `@文件` / `@对话` 相同的 `ReferenceChipNode`、对话图标和业务色，可整体删除。
+- 可连续引用多段内容；发送时由插件 codec 将各 chip 展开为模型可读的 Markdown 引用块。
+- 旧版 DSH 缺少原生 chip 能力时，自动降级为纯文本引用。
 
 本插件不再适配 TUI。
 
 ## 安装
 
+要求 DSH `>=0.1.2-rc.1`。
+
 ```bash
 dsh plugin --profile web add dsh-quote-followup
 ```
@@ -26,7 +38,7 @@ dsh plugin --profile web add dsh-quote-followup
 1. 在对话消息中划选任意片段。
 2. 点击 **❐ 引用**。
 3. 如需补充，可继续选中并引用其他片段。
-4. 在引用块下输入追问并发送。
+4. 在引用 chip 后输入追问并发送。
 
 ## 开发验证
 
@@ -34,7 +46,7 @@ dsh plugin --profile web add dsh-quote-followup
 npm test
 ```
 
-回归测试覆盖连续引用、Firefox 丢弃构造参数中的 `clipboardData`、Lexical 回滚裸 DOM fallback，以及热替换后新版 client 接管旧按钮/单例状态。
+回归测试覆盖原生引用 chip、连续引用、已有草稿后的间距、codec 序列化、Firefox 文本降级路径，以及热替换后新版 client 接管旧按钮/单例状态。
 
 ## 许可证
 

package/lib/client.js

@@ -33,7 +33,28 @@ window.__ModuleLoader__.load({
 		];
 		const BUTTON_ID = "dsh-quote-followup-btn";
 		const BUTTON_VERSION_ATTR = "data-dsh-quote-followup-version";
-		const CLIENT_VERSION = "0.2.2";
+		const CLIENT_VERSION = "0.2.4";
+		/** Codec owner for native DSH reference chips. */
+		const QUOTE_SOURCE = "quote-followup";
+		const LOCALE_NS = "quote-followup";
+		/** UI + serialized frame copy; the active DSH locale picks the language. */
+		const LOCALE_DICT = {
+			zh: {
+				"button.label": "❐ 引用",
+				"button.title": "引用选中内容到输入框（可多次引用，发送前可编辑）",
+				"quote.header": "引用",
+				"conversation.role": "对话",
+				"quote.truncated": "，已截断"
+			},
+			en: {
+				"button.label": "❐ Quote",
+				"button.title": "Quote the selection into the composer (repeatable; editable before sending)",
+				"quote.header": "Quote",
+				"conversation.role": "conversation",
+				"quote.truncated": ", truncated"
+			}
+		};
+		const fallbackT = (key) => LOCALE_DICT.en[key] ?? key;
 		/** Per-quote character cap for a bounded composer insertion. */
 		const QUOTE_MAX_CHARS = 1600;
 		//#endregion
@@ -73,18 +94,57 @@ window.__ModuleLoader__.load({
 			}
 			return null;
 		};
-		/** Markdown blockquote frame for one quoted fragment. */
-		const quoteFrame = (text, role) => {
+		const roleLabel = (role, t) => role === "user" ? "user" : role === "assistant" ? "assistant" : t("conversation.role");
+		/** Bound one quote before it becomes editor state. */
+		const quotePayload = (text, role) => {
 			let body = String(text ?? "");
 			let truncated = false;
 			if (body.length > QUOTE_MAX_CHARS) {
 				body = body.slice(0, QUOTE_MAX_CHARS);
 				truncated = true;
 			}
-			const who = role === "user" ? "user" : role === "assistant" ? "assistant" : "对话";
-			const lines = body.split("\n").map((line) => `> ${line}`.trimEnd());
-			return `> [引用 · ${who}${truncated ? "，已截断" : ""}]\n${lines.join("\n")}\n\n`;
+			return { text: body, role, truncated };
+		};
+		/** Model / clipboard projection. The composer shows a chip, not this frame. */
+		const quoteFrame = ({ text, role, truncated }, t) => {
+			const lines = text.split("\n").map((line) => `> ${line}`.trimEnd());
+			return `> [${t("quote.header")} · ${roleLabel(role, t)}${truncated ? t("quote.truncated") : ""}]\n${lines.join("\n")}\n\n`;
+		};
+		const decodeQuote = (ref) => {
+			const value = JSON.parse(ref);
+			if (value === null || typeof value !== "object" || typeof value.text !== "string")
+				throw new Error("invalid quote-followup reference");
+			return {
+				text: value.text,
+				role: value.role === "user" || value.role === "assistant" ? value.role : null,
+				truncated: value.truncated === true
+			};
+		};
+		const quoteInsert = (payload, t) => {
+			const clipboardText = quoteFrame(payload, t);
+			const preview = payload.text.replace(/\s+/g, " ").trim();
+			return {
+				source: QUOTE_SOURCE,
+				ref: JSON.stringify(payload),
+				// The bubble icon carries the quote meaning; keep only the excerpt
+				// visible. Role/truncation stay in the serialized Markdown frame.
+				label: preview,
+				appearance: "session",
+				clipboardText
+			};
 		};
+		/** Codec-only source: it owns quote chips but intentionally adds no @ candidates. */
+		const makeQuoteSource = (t) => ({
+			trigger: "@",
+			name: QUOTE_SOURCE,
+			order: 1000,
+			candidates: () => Promise.resolve([]),
+			onPick: () => void 0,
+			codec: {
+				clipboardText: (ref) => quoteFrame(decodeQuote(ref), t),
+				serialize: (ref) => Promise.resolve(quoteFrame(decodeQuote(ref), t))
+			}
+		});
 		const findComposer = () => {
 			for (const selector of COMPOSER_SELECTORS) {
 				const element = document.querySelector(selector);
@@ -93,6 +153,52 @@ window.__ModuleLoader__.load({
 			}
 			return null;
 		};
+		/**
+		 * Insert through DSH's registered ReferenceChipNode so the quote uses the
+		 * exact same atomic editor entity and visual treatment as @file/@session.
+		 * The node class is already registered on the live composer; no second
+		 * Lexical or React runtime is loaded by this plugin.
+		 */
+		const appendQuoteChip = (element, payload, t) => {
+			const editor = element.__lexicalEditor;
+			const registry = editor?._nodes;
+			const ChipNode = registry?.get?.("reference-chip")?.klass;
+			const TextNode = registry?.get?.("text")?.klass;
+			const ParagraphNode = registry?.get?.("paragraph")?.klass;
+			if (typeof editor?.update !== "function" || typeof ChipNode !== "function" || typeof TextNode !== "function" || typeof ParagraphNode !== "function")
+				return false;
+			try {
+				let inserted = false;
+				editor.update(() => {
+					const state = editor._pendingEditorState ?? editor._editorState;
+					const root = state?._nodeMap?.get?.("root");
+					if (root === void 0 || root === null || typeof root.append !== "function")
+						return;
+					let block = typeof root.getLastChild === "function" ? root.getLastChild() : null;
+					if (block === null || typeof block.append !== "function") {
+						block = new ParagraphNode();
+						root.append(block);
+					}
+					const nodes = [];
+					const tail = typeof block.getTextContent === "function" ? block.getTextContent().slice(-1) : "";
+					if (tail !== "" && !/\s/u.test(tail))
+						nodes.push(new TextNode(" "));
+					nodes.push(new ChipNode(quoteInsert(payload, t)));
+					const trailing = new TextNode(" ");
+					nodes.push(trailing);
+					block.append(...nodes);
+					if (typeof trailing.selectEnd === "function")
+						trailing.selectEnd();
+					inserted = true;
+				}, { discrete: true });
+				if (inserted)
+					element.focus();
+				return inserted;
+			} catch (error) {
+				console.warn("[dsh-quote-followup] native reference chip failed; using text fallback", error);
+				return false;
+			}
+		};
 		/**
 		 * Use the live Lexical command table when DSH exposes its editor on the root.
 		 * This bypasses browser security differences around synthetic clipboardData
@@ -198,6 +304,8 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region floating button
 		let pendingQuote = null;
+		let quoteSourceReady = false;
+		let currentT = fallbackT;
 		const ensureButton = () => {
 			const existing = document.getElementById(BUTTON_ID);
 			if (existing?.getAttribute(BUTTON_VERSION_ATTR) === CLIENT_VERSION)
@@ -207,8 +315,8 @@ window.__ModuleLoader__.load({
 			button.id = BUTTON_ID;
 			button.setAttribute(BUTTON_VERSION_ATTR, CLIENT_VERSION);
 			button.type = "button";
-			button.textContent = "❐ 引用";
-			button.title = "引用选中内容到输入框（可多次引用，发送前可编辑）";
+			button.textContent = currentT("button.label");
+			button.title = currentT("button.title");
 			Object.assign(button.style, {
 				position: "fixed",
 				zIndex: "2147483600",
@@ -287,7 +395,9 @@ window.__ModuleLoader__.load({
 			// Clear the transcript range BEFORE focusing the composer. Clearing after
 			// insertion destroys Lexical's caret and makes the next quote unreliable.
 			document.getSelection()?.removeAllRanges();
-			appendToComposer(composer, quoteFrame(quote.text, quote.role));
+			const payload = quotePayload(quote.text, quote.role);
+			if (!(quoteSourceReady && appendQuoteChip(composer, payload, currentT)))
+				appendToComposer(composer, quoteFrame(payload, currentT));
 		};
 		//#endregion
 		//#region apply
@@ -298,6 +408,40 @@ window.__ModuleLoader__.load({
 				return;
 			if (typeof previous?.dispose === "function")
 				previous.dispose();
+			let unregisterSource = null;
+			let unregisterLocale = null;
+			let unsubscribeLocale = null;
+			const refreshButtonCopy = () => {
+				const button = document.getElementById(BUTTON_ID);
+				if (button !== null) {
+					button.textContent = currentT("button.label");
+					button.title = currentT("button.title");
+				}
+			};
+			try {
+				const locale = typeof ctx?.get === "function" ? ctx.get("locale") : null;
+				if (typeof locale?.register === "function" && typeof locale?.bind === "function") {
+					unregisterLocale = locale.register(LOCALE_NS, LOCALE_DICT);
+					currentT = locale.bind(LOCALE_NS);
+					if (typeof locale.subscribe === "function") {
+						unsubscribeLocale = locale.subscribe(refreshButtonCopy);
+					}
+				} else {
+					currentT = fallbackT;
+				}
+			} catch (error) {
+				console.warn("[dsh-quote-followup] locale unavailable; using English copy", error);
+				currentT = fallbackT;
+			}
+			try {
+				const inputTriggers = typeof ctx?.get === "function" ? ctx.get("inputTriggers") : null;
+				if (typeof inputTriggers?.registerSource === "function") {
+					unregisterSource = inputTriggers.registerSource(makeQuoteSource(currentT));
+					quoteSourceReady = true;
+				}
+			} catch (error) {
+				console.warn("[dsh-quote-followup] native reference codec unavailable; using text fallback", error);
+			}
 			const onScroll = () => hideButton();
 			const onKeyDown = (event) => {
 				if (event.key === "Escape")
@@ -313,6 +457,14 @@ window.__ModuleLoader__.load({
 				if (disposed)
 					return;
 				disposed = true;
+				quoteSourceReady = false;
+				if (typeof unsubscribeLocale === "function")
+					unsubscribeLocale();
+				if (typeof unregisterLocale === "function")
+					unregisterLocale();
+				currentT = fallbackT;
+				if (typeof unregisterSource === "function")
+					unregisterSource();
 				document.removeEventListener("selectionchange", onSelectionChange);
 				window.removeEventListener("scroll", onScroll, true);
 				document.removeEventListener("keydown", onKeyDown, true);
@@ -336,7 +488,7 @@ window.__ModuleLoader__.load({
 				ctx.effect(() => cleanup, "dsh-quote-followup: selection quote ui");
 		}
 		//#endregion
-		exports.inject = [];
+		exports.inject = ["inputTriggers", "locale"];
 		exports.apply = apply;
 		return module.exports;
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-quote-followup",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Quote selected Web conversation text into the DeepSeek Harness composer for targeted follow-up turns.",
   "keywords": [
     "dsh",
@@ -28,6 +28,7 @@
   "files": [
     "lib",
     "cordis.patch.yml",
+    "docs",
     "README.md",
     "README.zh.md"
   ],
@@ -44,13 +45,15 @@
   },
   "dsh": {
     "engines": {
-      "dsh": ">=0.1.1-rc.1"
+      "dsh": ">=0.1.2-rc.1"
     },
     "bundle": {
       "patch": "./cordis.patch.yml"
     },
     "client": {
-      "inject": [],
+      "inject": [
+        "@deepseek-ai/dsh-client-ui-input-trigger"
+      ],
       "platform": "web"
     }
   }