dsh-quote-followup 0.2.3 → 0.2.5

package/README.md

@@ -2,20 +2,41 @@
 
 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 a native DSH conversation-reference chip without replacing the existing draft.
 - Reuse the same atomic `ReferenceChipNode`, conversation icon, and business color as `@file` / `@session`.
+- Keep each chip compact by showing only the excerpt; the bubble icon already conveys that it is a quote.
+- Follow the active DSH locale for the floating action and serialized quote frame.
+- Attach the conversation turn number to the serialized frame when the selection comes from a DSH chat row, so follow-ups like "revisit turn 3" stay resolvable. Selections without a turn marker keep the provenance-free frame.
 - 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.
 
+## Scope
+
+This is a Web client-side extension. The composer and send path are owned by the browser client: chips exist only in the Lexical editor, and the model only ever sees the Markdown blockquotes the codec expands at send time — never the chips themselves. No host-side plugin surface is involved.
+
+Chips are text-only by design. They carry the excerpt, a display-only role hint, the conversation turn ordinal when it is available, and a truncation flag — no global session-message references — so they stay valid across compaction folds and session rotation.
+
+
 ## Install
 
+Requires DSH `>=0.1.2-rc.1`.
+
 ```bash
 dsh plugin --profile web add dsh-quote-followup
 ```
@@ -35,7 +56,7 @@ Add `dsh-quote-followup` to the Web profile's `dsh.profile.bundles`, then restar
 npm test
 ```
 
-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.
+The regression harness covers compact native quote chips, locale switching, turn-number provenance with graceful degradation, 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,20 +2,41 @@
 
 [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 对话区选中文本后显示浮动的 **❐ 引用** 按钮。
 - 以 DSH 原生对话引用 chip 追加到现有草稿，不覆盖已输入内容。
 - chip 使用与 `@文件` / `@对话` 相同的 `ReferenceChipNode`、对话图标和业务色，可整体删除。
+- chip 只展示摘录正文，引用语义由气泡图标表达，减少重复标签。
+- 浮动按钮和发送时的引用框架跟随 DSH 当前语言。
+- 选中内容来自 DSH 聊天行时，序列化引用会附带对话轮次编号，模型可定位"第 3 轮引用的内容"；无轮次标记时保持原有框架。
 - 可连续引用多段内容；发送时由插件 codec 将各 chip 展开为模型可读的 Markdown 引用块。
 - 旧版 DSH 缺少原生 chip 能力时，自动降级为纯文本引用。
 
 本插件不再适配 TUI。
 
+## 边界
+
+这是一个 Web 客户端侧扩展。composer 和发送路径由浏览器 client 拥有：chip 只存在于 Lexical 编辑器中，模型只会看到发送时 codec 展开的 Markdown 引用块，永远不会看到 chip 本身，不涉及任何 host 侧插件接口。
+
+chip 刻意只存文本：包含摘录正文、仅供显示的角色提示、可用的对话轮次编号和截断标记，不含全局 session-message 引用，因此在 compaction 折叠与会话轮转后依然有效。
+
+
 ## 安装
 
+要求 DSH `>=0.1.2-rc.1`。
+
 ```bash
 dsh plugin --profile web add dsh-quote-followup
 ```
@@ -35,7 +56,7 @@ dsh plugin --profile web add dsh-quote-followup
 npm test
 ```
 
-回归测试覆盖原生引用 chip、连续引用、已有草稿后的间距、codec 序列化、Firefox 文本降级路径，以及热替换后新版 client 接管旧按钮/单例状态。
+回归测试覆盖精简的原生引用 chip、中英文 locale 切换、轮次溯源与降级、连续引用、已有草稿后的间距、codec 序列化、Firefox 文本降级路径，以及热替换后新版 client 接管旧按钮/单例状态。
 
 ## 许可证
 

package/lib/client.js

@@ -33,9 +33,30 @@ window.__ModuleLoader__.load({
 		];
 		const BUTTON_ID = "dsh-quote-followup-btn";
 		const BUTTON_VERSION_ATTR = "data-dsh-quote-followup-version";
-		const CLIENT_VERSION = "0.2.3";
+		const CLIENT_VERSION = "0.2.5";
 		/** 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.turn": "第 {n} 轮",
+				"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.turn": "turn {n}",
+				"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
@@ -75,21 +96,46 @@ window.__ModuleLoader__.load({
 			}
 			return null;
 		};
-		const roleLabel = (role) => role === "user" ? "user" : role === "assistant" ? "assistant" : "对话";
+		const roleLabel = (role, t) => role === "user" ? "user" : role === "assistant" ? "assistant" : t("conversation.role");
+		/**
+		 * Conversation-turn provenance: DSH's chat renderer stamps every message
+		 * row with `data-chat-turn` (a per-session monotonic ordinal). Resolving
+		 * it lets the model address "what you quoted in turn N" without any
+		 * host-side message-id API. Absent / non-numeric markers degrade to null
+		 * and the serialized frame stays exactly as before.
+		 */
+		const detectTurn = (range, transcript) => {
+			let element = elementOf(range.startContainer);
+			while (element !== null && element !== transcript) {
+				const raw = element.getAttribute?.("data-chat-turn");
+				if (typeof raw === "string" && raw !== "") {
+					const turn = Number(raw);
+					if (Number.isSafeInteger(turn) && turn >= 0)
+						return turn;
+				}
+				element = element.parentElement;
+			}
+			return null;
+		};
 		/** Bound one quote before it becomes editor state. */
-		const quotePayload = (text, role) => {
+		const quotePayload = (text, role, turn) => {
 			let body = String(text ?? "");
 			let truncated = false;
 			if (body.length > QUOTE_MAX_CHARS) {
 				body = body.slice(0, QUOTE_MAX_CHARS);
 				truncated = true;
 			}
-			return { text: body, role, truncated };
+			return { text: body, role, truncated, turn: Number.isSafeInteger(turn) && turn >= 0 ? turn : null };
 		};
 		/** Model / clipboard projection. The composer shows a chip, not this frame. */
-		const quoteFrame = ({ text, role, truncated }) => {
+		const quoteFrame = ({ text, role, truncated, turn }, t) => {
 			const lines = text.split("\n").map((line) => `> ${line}`.trimEnd());
-			return `> [引用 · ${roleLabel(role)}${truncated ? "，已截断" : ""}]\n${lines.join("\n")}\n\n`;
+			const meta = [t("quote.header"), roleLabel(role, t)];
+			if (Number.isSafeInteger(turn) && turn >= 0)
+				meta.push(String(t("quote.turn")).replace("{n}", String(turn)));
+			if (truncated)
+				meta.push(t("quote.truncated"));
+			return `> [${meta.join(" · ")}]\n${lines.join("\n")}\n\n`;
 		};
 		const decodeQuote = (ref) => {
 			const value = JSON.parse(ref);
@@ -98,32 +144,35 @@ window.__ModuleLoader__.load({
 			return {
 				text: value.text,
 				role: value.role === "user" || value.role === "assistant" ? value.role : null,
-				truncated: value.truncated === true
+				truncated: value.truncated === true,
+				turn: Number.isSafeInteger(value.turn) && value.turn >= 0 ? value.turn : null
 			};
 		};
-		const quoteInsert = (payload) => {
-			const clipboardText = quoteFrame(payload);
+		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),
-				label: `引用 · ${roleLabel(payload.role)}: ${preview}${payload.truncated ? "…" : ""}`,
+				// 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 QUOTE_TRIGGER_SOURCE = {
+		const makeQuoteSource = (t) => ({
 			trigger: "@",
 			name: QUOTE_SOURCE,
 			order: 1000,
 			candidates: () => Promise.resolve([]),
 			onPick: () => void 0,
 			codec: {
-				clipboardText: (ref) => quoteFrame(decodeQuote(ref)),
-				serialize: (ref) => Promise.resolve(quoteFrame(decodeQuote(ref)))
+				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);
@@ -138,7 +187,7 @@ window.__ModuleLoader__.load({
 		 * 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) => {
+		const appendQuoteChip = (element, payload, t) => {
 			const editor = element.__lexicalEditor;
 			const registry = editor?._nodes;
 			const ChipNode = registry?.get?.("reference-chip")?.klass;
@@ -162,7 +211,7 @@ window.__ModuleLoader__.load({
 					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)));
+					nodes.push(new ChipNode(quoteInsert(payload, t)));
 					const trailing = new TextNode(" ");
 					nodes.push(trailing);
 					block.append(...nodes);
@@ -284,6 +333,7 @@ window.__ModuleLoader__.load({
 		//#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)
@@ -293,8 +343,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",
@@ -356,7 +406,11 @@ window.__ModuleLoader__.load({
 				hideButton();
 				return;
 			}
-			pendingQuote = { text: text.trim(), role: detectRole(selection.getRangeAt(0), transcript) };
+			pendingQuote = {
+				text: text.trim(),
+				role: detectRole(selection.getRangeAt(0), transcript),
+				turn: detectTurn(selection.getRangeAt(0), transcript)
+			};
 			placeButton(ensureButton(), rect);
 		};
 		const onQuoteClick = () => {
@@ -373,9 +427,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();
-			const payload = quotePayload(quote.text, quote.role);
-			if (!(quoteSourceReady && appendQuoteChip(composer, payload)))
-				appendToComposer(composer, quoteFrame(payload));
+			const payload = quotePayload(quote.text, quote.role, quote.turn);
+			if (!(quoteSourceReady && appendQuoteChip(composer, payload, currentT)))
+				appendToComposer(composer, quoteFrame(payload, currentT));
 		};
 		//#endregion
 		//#region apply
@@ -387,10 +441,34 @@ window.__ModuleLoader__.load({
 			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(QUOTE_TRIGGER_SOURCE);
+					unregisterSource = inputTriggers.registerSource(makeQuoteSource(currentT));
 					quoteSourceReady = true;
 				}
 			} catch (error) {
@@ -412,6 +490,11 @@ window.__ModuleLoader__.load({
 					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);
@@ -437,7 +520,7 @@ window.__ModuleLoader__.load({
 				ctx.effect(() => cleanup, "dsh-quote-followup: selection quote ui");
 		}
 		//#endregion
-		exports.inject = ["inputTriggers"];
+		exports.inject = ["inputTriggers", "locale"];
 		exports.apply = apply;
 		return module.exports;
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-quote-followup",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "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"
   ],