dsh-paste-code-block 0.1.1 → 0.1.3

package/README.md

@@ -4,72 +4,96 @@
 
 **Cherry Studio‑style text/code block pasting for DeepSeek Harness Web**
 
-Paste text/code into the DSH Web composer → it collapses into a **bordered, collapsible, language-tagged card** instead of a long flat string; on send it restores the original content as a fenced code block.
+Paste long code or text into the DSH Web composer → it lands as a **bordered, collapsible, language‑tagged card** instead of a wall of text. Names follow the DSH interface language (中文 / English). On send, the original content is restored as a fenced code block.
 
-`type: module` · `runtime: host` · `client: web` · MIT
+[![npm version](https://img.shields.io/npm/v/dsh-paste-code-block?logo=npm)](https://www.npmjs.com/package/dsh-paste-code-block)
+[![License: MIT](https://img.shields.io/badge/license-MIT-green)](./LICENSE)
+[![platform: web](https://img.shields.io/badge/platform-DSH%20Web-blueviolet)](https://github.com/deepseek-ai/deepseek-harness)
 
-**[中文](./README.zh-CN.md) | English**
+**English | [简体中文](./README.zh-CN.md)**
 
 </div>
 
----
+![Preview — pasted blocks become tidy cards](./docs/images/hero.png)
+
+## Why
+
+Copying a 200‑line stack trace, an API response, or a long log into a chat input turns the composer into an unreadable blob. This plugin folds any qualifying paste into a **chip** (built on DSH's own hidden‑reference mechanism, the same one file uploads use) plus an **editing detail card** — the draft stays clean, and the content stays fully editable and restorable.
 
 ## Features
 
-- 📋 **Smart detection** — pasted content with ``` fences, newlines, or long indented code becomes a card; ordinary short prose pastes as-is.
-- 🏷️ **Language tags** — auto-detects Python / JS / JSON / YAML / SQL / bash / HTML·XML / C++ / Go / Ruby (incl. shebang). Plain text blocks are tagged `text`.
-- 📂 **Collapsible card** — collapsed by default showing a one-line preview; click to expand full code (scrollable, up to 260px).
-- ✏️ **In‑card editing** — edit the block content right in the detail card; the send path uses your edited text.
-- 📤 **Restore on send** — each card is restored to a ```` ```lang … ``` ```` fenced block; a failed send auto-fills it back into the input.
-- 🔢 **Smart numbering** — code and text are counted apart; deleting a block frees its number for reuse (smallest-free allocation).
-- 📱 **All surfaces** — pure client plugin; works on PC & mobile Web, adapts to light/dark themes.
+- 🧩 **Auto block detection** — pasted text with ``` fences, newlines, heavy indentation, or length ≥ 96 becomes a card; ordinary short prose pastes through untouched.
+- 🏷️ **Language tags** — auto-detects Python / JS / JSON / YAML / SQL / bash / HTML·XML / C++ / Go / Ruby (incl. shebangs); plain-text blocks are tagged `text`.
+- ✏️ **In-card editing** — edit the content right in the detail card; the edited text is exactly what gets sent. Plus copy, collapse/expand, and hide.
+- 🈯 **Localized names** — chips are named in the current DSH language: `代码块 1` / `Code #1`, `文本块 N` / `Text #N`. A leading glyph and tint tells the two apart at a glance — `</>` blue for code, `Aa` gray for text. Switching **Settings → Language** live-retitles every chip.
+- × **One-click remove** — every chip carries its own `×` delete button (the detail card has one too); a removed number is recycled immediately.
+- 📤 **Fenced restore on send** — each card expands back into a ```` ```lang … ``` ```` block when you send; a failed send automatically refills the input.
+- 🔢 **Smart numbering** — code and text count apart; the smallest free number is always reused.
+- 📱 **Every surface** — pure client plugin; works on desktop & mobile web, follows light/dark themes.
 
-## Install
+## How it works
+
+![Four steps: copy · paste · tidy · send](./docs/images/workflow.png)
+
+## Localization
+
+Chip labels, tooltips, line counts, and the send-time error notice all render through the official DSH locale service: the plugin registers a `paste-code-block` dictionary namespace with complete **zh / en** key sets, and its composer dock declares that namespace, so everything re-renders on every language switch.
 
-Requires DSH `0.1.x` (current developer preview — APIs may change).
+![Block names follow the UI language](./docs/images/languages.png)
 
-Published on **npm** — install directly by name:
+- **New pastes** are named in whatever language is active at paste time.
+- **Existing chips** are re-titled live when you flip 设置 → 语言 / Settings → Language — no reload needed.
+- Clicks and deletes match chips **across languages**: a `代码块 2` chip still resolves to its block after switching to English (where it now reads `Code #2`), and vice versa.
+
+## Install
+
+Requires DSH `0.1.x` (developer preview — APIs may change). Published on **npm** — install by name:
 
 ```sh
 dsh plugin --profile web add dsh-paste-code-block
 ```
 
-Alternatively, install from this Git repository or a local folder:
+Or from this repository / a local checkout:
 
 ```sh
-# From GitHub
-dsh plugin --profile web add github:cjm-m/dsh-paste-code-block
-
-# From a local checkout
-dsh plugin --profile web add file:/path/to/dsh-paste-code-block
+dsh plugin --profile web add github:cjm-m/dsh-paste-code-block   # from GitHub
+dsh plugin --profile web add file:/path/to/dsh-paste-code-block  # from a local folder
 ```
 
 **Restart `dsh web`** after installing.
 
 ## Usage
 
-1. Copy a block of code or a multi-line block of text anywhere.
-2. Paste it into the DSH input → it becomes a code-block card.
-3. Expand / copy / edit / remove as you like; press Enter or send and it's restored as a fenced code block.
+1. Copy any code or multi-line text from anywhere.
+2. Paste into the DSH input → it collapses into a chip such as `代码块 1` / `Code #1`.
+3. Click the chip to open the card: read, edit inline, copy, collapse. Click the chip's (or the card's) `×` to delete that block.
+4. Send — the full original text goes out as a proper fenced code block.
+
+Detection threshold: **contains a newline / ≥ 2 lines / length ≥ 96 / indented & brace-dense / fenced** — any one turns the paste into a block.
 
 ## Notes & boundaries
 
-- Blocks are **appended at the end of the draft** (reusing DSH's hidden-reference semantics), keeping cursor/undo stable; ordinary short text is not intercepted.
-- Plain-text blocks are wrapped in ```` ```text ``` ```` on send so they don't smear into one line.
-- Detection threshold: **contains newline / ≥2 lines / length ≥96 / indented or fenced** — any one triggers the card.
+- Blocks are **appended at the end of the draft** (reusing DSH's hidden-reference semantics), which keeps cursor/undo stable.
+- Plain-text blocks are sent wrapped in ```` ```text ``` ```` so they never smear into one line.
+- Removing a chip any other way (e.g. `Backspace`) also frees its number — plugin state is reconciled against the editor continuously.
+- Deleting one block never touches the others, and removal is an ordinary editor edit — `Ctrl+Z` brings it back.
+- Creating a block leaves **no stray space**: DSH appends a separating space after a freshly inserted chip, and the plugin removes exactly that one character, so text typed after a block does not start with a space and pasting several blocks never piles spaces into the message. Spaces you typed yourself are never touched by pasting or deleting.
 
 ## Project layout
 
 ```
 dsh-paste-code-block/
 ├── src/
-│   ├── client.js       # Web (browser) half — paste capture, chip styling, detail card
+│   ├── client.js       # Web (browser) half — paste capture, chips, detail card, × delete
 │   ├── index.js        # Host (node) half — intentionally empty (pure UI plugin)
-│   └── parse.js        # Pure block-parsing logic (canonical, unit-tested)
+│   ├── parse.js        # Pure block-detection logic (canonical, unit-tested)
+│   └── i18n.js         # Locale dictionaries + label parsing (canonical, unit-tested)
 ├── tests/
-│   └── parse.test.js   # node:test unit tests for src/parse.js
+│   ├── parse.test.js   # node:test unit tests for src/parse.js
+│   └── i18n.test.js    # node:test unit tests for src/i18n.js
 ├── docs/
-│   └── design.md       # Design rationale (numbering, anchor stability, codec)
+│   ├── design.md       # Design rationale (numbering, anchors, codec, i18n, chip ×)
+│   └── images/         # README mockups (PNG + editable SVG sources)
 ├── cordis.patch.yml    # DSH bundle patch declaring the host plugin
 ├── package.json        # Package + DSH plugin manifest
 ├── README.md           # English
@@ -79,8 +103,10 @@ dsh-paste-code-block/
 ## Development
 
 ```sh
-npm run check   # syntax-check both JS halves
-npm test        # run the unit tests (node:test)
+npm run check   # syntax-check the JS halves
+npm test        # run unit tests (node:test, 38 tests)
 ```
 
-MIT — see [LICENSE](./LICENSE).
+## License
+
+MIT — see [LICENSE](./LICENSE).

package/README.zh-CN.md

@@ -4,74 +4,96 @@
 
 **Cherry Studio 式的文本块/代码块粘贴效果（DeepSeek Harness Web）**
 
-把复制的**文本块 / 代码块**粘到 DSH Web 输入框时，不再是一长串普通文字，而是收成一张**带边框、可折叠、带语言标签的代码块卡片**；发送时自动还原成真正的 ```` ```lang … ``` ```` 围栏代码块发送。
+把复制的**长代码 / 长文本**粘到 DSH Web 输入框时，不再糊成一长串普通文字，而是收成一张**带边框、可折叠、带语言标签的卡片**；块名称自动跟随 DSH 界面语言（中文 / English）；发送时自动还原成真正的 ```` ```lang … ``` ```` 围栏代码块。
 
-纯客户端插件（浏览器侧），PC 与手机 Web 通用，实时适配深浅主题。
-
-`type: module` · `runtime: host` · `client: web` · MIT
+[![npm version](https://img.shields.io/npm/v/dsh-paste-code-block?logo=npm)](https://www.npmjs.com/package/dsh-paste-code-block)
+[![License: MIT](https://img.shields.io/badge/license-MIT-green)](./LICENSE)
+[![platform: web](https://img.shields.io/badge/platform-DSH%20Web-blueviolet)](https://github.com/deepseek-ai/deepseek-harness)
 
 **[English](./README.md) | 中文**
 
 </div>
 
----
+![预览：粘贴的块自动收成整洁卡片](./docs/images/hero.png)
+
+## 为什么需要它
+
+往聊天输入框里粘贴 200 行报错栈、API 返回、长日志，输入框立刻变成一坨无法阅读的文字墙。本插件把符合特征的粘贴折叠成 **芯片（chip）**（复用 DSH 自带的隐藏引用机制，与文件上传同源）外加一张**可编辑详情卡**——草稿保持整洁，内容随时可读、可改、可还原。
 
 ## 功能
 
-- 📋 **智能识别**：粘贴内容已带 ``` 围栏、含换行、或是较长的缩进代码 → 收成卡片；普通短文本照常粘贴。
-- 🏷️ **语言标签**：自动识别 Python / JS / JSON / YAML / SQL / bash / HTML·XML / C++ / Go / Ruby 等常见语言（可识别 shebang）。纯文本块标为 `text`。
-- 📂 **可折叠卡片**：默认收起显示首行预览，点击展开完整代码（最多 260px 高可滚动）。
-- ✏️ **卡片内编辑**：在详情卡片里直接编辑代码块内容，发送时使用编辑后的文本。
-- 📤 **发送还原**：发出时把每个卡片还原成 ```` ```lang ``` ```` 围栏代码块；发送失败自动回填回输入框。
-- 🔢 **智能编号**：代码与文本分开计数，从最小可用号分配；删除某块即释放其编号供复用。
-- 📱 **全端适配**：纯客户端插件，PC 与手机 Web 通用，实时适配深浅主题。
+- 🧩 **智能识别**：粘贴内容带 ``` 围栏、含换行、明显缩进、或长度 ≥ 96 → 收成卡片；普通短文本照常粘贴，绝不打扰。
+- 🏷️ **语言标签**：自动识别 Python / JS / JSON / YAML / SQL / bash / HTML·XML / C++ / Go / Ruby 等（可识别 shebang）；纯文本块标为 `text`。
+- ✏️ **卡片内编辑**：详情卡里直接修改内容，发送的正是编辑后的文本；另有复制、折叠/展开、收起。
+- 🈯 **名称本地化**：芯片按当前 DSH 界面语言命名——`代码块 1` / `Code #1`、`文本块 N` / `Text #N`；前缀图标与配色一眼区分两类块（代码 `</>` 蓝色、文本 `Aa` 灰色）；在「设置 → 语言」切换后所有芯片即时改名。
+- × **一键删除**：每个芯片自带 `×` 删除按钮（详情卡上也有）；删掉的块编号立刻回收复用。
+- 📤 **发送还原**：发送时每个卡片展开还原为 ```` ```lang … ``` ```` 围栏代码块；发送失败自动回填输入框。
+- 🔢 **智能编号**：代码与文本分开计数，永远分配最小可用号。
+- 📱 **全端适配**：纯客户端插件，PC 与手机 Web 通用，实时跟随深浅主题。
 
-## 安装
+## 工作流
+
+![四步：复制 · 粘贴 · 整理 · 发送](./docs/images/workflow.png)
+
+## 名称本地化
 
-需要 DSH `0.1.x`（当前为开发者预览版，接口可能变化）。
+芯片名称、按钮提示、行数、发送失效提示全部走 DSH 官方 locale 服务：插件注册自己的 `paste-code-block` 词典命名空间（zh / en 键集完全一致），输入坞声明该命名空间，因此切换语言时所有文案自动重渲染。
 
-已发布到 **npm**，可直接按包名安装：
+![块名称跟随界面语言](./docs/images/languages.png)
+
+- **新粘贴**的块按粘贴时的界面语言命名。
+- **已插入的芯片**在 设置 → 语言 切换后原地改名，无需刷新页面。
+- 点击与删除**跨语言匹配**：切到英文后，原来叫 `代码块 2` 的芯片（此时显示 `Code #2`）依然指向同一个块，反之亦然。
+
+## 安装
+
+需要 DSH `0.1.x`（开发者预览版，接口可能变化）。已发布到 **npm**，直接按包名安装：
 
 ```sh
 dsh plugin --profile web add dsh-paste-code-block
 ```
 
-也可以从本 Git 仓库或本地目录安装：
+也可以从本仓库或本地目录安装：
 
 ```sh
-# 从 GitHub
-dsh plugin --profile web add github:cjm-m/dsh-paste-code-block
-
-# 从本地目录
-dsh plugin --profile web add file:/path/to/dsh-paste-code-block
+dsh plugin --profile web add github:cjm-m/dsh-paste-code-block   # 从 GitHub
+dsh plugin --profile web add file:/path/to/dsh-paste-code-block  # 从本地目录
 ```
 
 安装后**重启 `dsh web`** 生效。
 
 ## 使用
 
-1. 在任意地方复制一段代码 / 一段带换行的文本。
-2. 在 DSH 输入框粘贴 → 变成一张代码块卡片。
-3. 可展开 / 复制 / 编辑 / 移除；回车或发送即还原为围栏代码块发出。
+1. 在任意地方复制一段代码 / 一段多行文本。
+2. 在 DSH 输入框粘贴 → 折叠成 `代码块 1` 这样的芯片。
+3. 点芯片打开详情卡：阅读、就地编辑、复制、折叠；点芯片（或卡片）上的 `×` 删除该块。
+4. 发送——完整原文以围栏代码块形式发出。
+
+识别阈值：**含换行 / 行数 ≥ 2 / 长度 ≥ 96 / 缩进且符号密集 / 带围栏**，任一命中即成块。
 
 ## 说明与边界
 
-- 默认**追加在草稿末尾**（复用 DSH 隐藏引用按文件/上传的既有语义），保证光标/撤销稳定；短普通文本不拦截。
-- 纯文本块发送时用 ```` ```text ``` ```` 围栏包裹，避免在对话里糊成一行。
-- 识别阈值：**含换行 / 行数 ≥2 / 长度 ≥96 / 有缩进或围栏**其一即视为块。
+- 块一律**追加在草稿末尾**（复用 DSH 隐藏引用语义），光标与撤销保持稳定。
+- 纯文本块发送时用 ```` ```text ``` ```` 围栏包裹，不会在对话里糊成一行。
+- 用其他方式删除芯片（如 `Backspace`）同样会释放编号——插件状态与编辑器持续对账。
+- 删除单个块绝不影响其它块；删除是一次普通的编辑器编辑，可用 `Ctrl+Z` 撤销找回。
+- 创建块**不会残留空格**：DSH 会在新插入的芯片后自动补一个分隔空格，插件只把这一个字符删掉——因此块后面接着输入的文字不会顶着一个前导空格，连续粘贴多个块也不会在正文里堆出多余空格；你自己敲的空格在粘贴/删除时都不会被动到。
 
 ## 目录结构
 
 ```
 dsh-paste-code-block/
 ├── src/
-│   ├── client.js       # Web（浏览器侧）半端 —— 粘贴拦截、徽章样式、详情卡片
-│   ├── index.js        # Host（Node 侧）半端 —— 有意为空（纯 UI 插件）
-│   └── parse.js        # 纯文本块解析逻辑（规范版，含单元测试）
+│   ├── client.js       # Web（浏览器侧）—— 粘贴拦截、芯片、详情卡片、× 删除
+│   ├── index.js        # Host（Node 侧）—— 有意为空（纯 UI 插件）
+│   ├── parse.js        # 纯块识别逻辑（规范版，含单元测试）
+│   └── i18n.js         # 词典与块名称解析（规范版，含单元测试）
 ├── tests/
-│   └── parse.test.js   # node:test 单元测试（针对 src/parse.js）
+│   ├── parse.test.js   # node:test 单元测试（src/parse.js）
+│   └── i18n.test.js    # node:test 单元测试（src/i18n.js）
 ├── docs/
-│   └── design.md       # 设计说明（编号复用、锚点稳定、codec）
+│   ├── design.md       # 设计说明（编号复用、锚点稳定、codec、i18n、芯片 ×）
+│   └── images/         # README 示意图（PNG + 可编辑 SVG 源）
 ├── cordis.patch.yml    # DSH bundle patch，声明宿主插件
 ├── package.json        # 包与 DSH 插件清单
 ├── README.md           # English
@@ -81,10 +103,10 @@ dsh-paste-code-block/
 ## 开发
 
 ```sh
-npm run check   # 语法检查两个 JS 半端
-npm test        # 运行单元测试（node:test）
+npm run check   # 语法检查 JS 半端
+npm test        # 运行单元测试（node:test，38 项）
 ```
 
 ## License
 
-MIT — 见 [LICENSE](./LICENSE)。
+MIT — 见 [LICENSE](./LICENSE)。

package/docs/design.md

@@ -16,10 +16,14 @@ A DSH plugin can ship a **host** (node) half and a **client** (browser) half. Th
   reference chips into boxed badges, and renders an editing detail card above the composer.
 
 Because the client is loaded by DSH's module loader — which resolves *package names*, not
-relative ESM files — `client.js` **cannot** `import` a sibling module. Its parsing logic is
+relative ESM files — `client.js` **cannot** `import` a sibling module. Its runtime logic is
 therefore **embedded** in the bundle. To keep that logic unit-testable, the same functions are
-extracted into `src/parse.js` (a plain, dependency-free ESM module) which the test suite
-exercises. **Keep `src/parse.js` and the embedded copy in `src/client.js` in sync.**
+extracted into plain, dependency-free ESM modules which the test suite exercises:
+
+- `src/parse.js` — block detection / language detection / serialization.
+- `src/i18n.js` — locale dictionaries, label building, and label parsing.
+
+**Keep `src/parse.js` / `src/i18n.js` and their embedded copies in `src/client.js` in sync.**
 
 ## 2. How a paste becomes a card (the pipeline)
 
@@ -44,8 +48,9 @@ mechanism that renders file/upload references inline. The plugin registers a sou
 - `codec.clipboardText` → `''` (the chip leaves no visible text on copy)
 - `codec.serialize(ref)` → the block's fenced ```` ```lang … ``` ```` text
 
-The chip label is the human-readable badge (`复制代码块N` / `复制文本块N`); clicking it opens the
-detail card.
+The chip label is the localized human-readable badge (`代码块 N` / `Code #N` — see §9);
+clicking it opens the detail card, and each chip carries a `×` button that deletes the block
+(see §10).
 
 ## 4. Why `clipboardText` is U+200B (zero-width space)
 
@@ -65,7 +70,7 @@ Numbers are tracked **per session, split by type** (`code` vs `text`):
 - `nextLabel` always allocates the **smallest free integer** (`while (used.has(n)) n++`).
 - Deleting a chip frees its number; the next paste reuses it.
 
-So `复制代码块1` … `复制代码块N` and `复制文本块1` … `复制文本块M` each count independently and
+So `代码块 1` … `代码块 N` and `文本块 1` … `文本块 M` each count independently and
 stay dense after removals.
 
 ## 6. Markdown vs. code detection
@@ -84,10 +89,117 @@ send fails — so a failed send auto-refills the input.
 
 ## 8. Testing strategy
 
-`tests/parse.test.js` exercises the pure parsing module (`src/parse.js`) with the built-in
-`node:test` runner (no test framework dependency). The DOM/controller glue is not unit-tested
-because it depends on the live DSH client runtime; it is verified manually in the browser.
+`tests/parse.test.js` and `tests/i18n.test.js` exercise the two pure modules (`src/parse.js`,
+`src/i18n.js`) with the built-in `node:test` runner (no test framework dependency). The
+DOM/controller glue is not unit-tested because it depends on the live DSH client runtime; it is
+verified manually in the browser.
 
 ```sh
 npm test
-```
+```
+
+## 9. Localization (i18n)
+
+Block names are produced through **DSH's own locale service**, the same one first-party plugins
+(schedule, session-log-export, …) use:
+
+- `apply()` registers the `paste-code-block` namespace via `ctx.locale.register(NS, {zh, en})`
+  with *identical key sets* in both dictionaries (the built-in locale runtime assumes that).
+- All user-visible strings — chip labels (`block.code` / `block.text` with `{n}`), button
+  tooltips, the `{count}` line counter (with a `lines.one` / `lines.other` plural split),
+  aria labels, slot label, and the stale-block send error — go through the bound translator
+  `t(key, params)`.
+- The dock slot entry declares `locale: NS`, so the renderer hands it a fresh `t` seat **and
+  re-renders it on every locale revision**.
+
+**Naming and visual identity (0.1.3).** A chip is a *reference badge*, not an action button, so
+the pre-0.1.3 names carried a verb nobody invokes on it — `复制代码块N` / `Code block #N` read
+like a command and burned width inside the composer. Current names are noun + number
+(`代码块 1` / `Code #1`). The code/text distinction moved from wording to visuals: `scanChips`
+tags every chip host with `data-pcb-type`, and CSS renders a leading glyph — `</>` for code
+(mono, business-primary) and `Aa` for text (neutral gray) — plus a soft blue tint on code
+chips. Pre-0.1.3 labels stay parseable through the `legacyLabels` table, so chips inserted by
+an older bundle keep their click/✕/retitle identity until the next locale-synced retitle.
+
+**Chip retitling across switches.** The chip label is *insert-time* content: Lexical caches the
+label inside the decorator node, and React never re-renders those node bodies while the node
+state is unchanged. So on a locale switch the plugin: (1) recomputes `block.label` for every
+tracked block and rebuilds `labelIndex` (`retitleAll`), then (2) patches the visible DOM —
+`title` attribute and label span `.textContent` — inside `scanChips`. React's virtual DOM
+record still says the old label, so it never fights the patch; a full chip remount (the only
+revert vector) is caught by the same MutationObserver that manages the ✕ button.
+
+**Cross-language identity.** `parseBlockLabel` recognizes a rendered label in **any** shipped
+locale and recovers `{ type, n }`; lookups (chip click, ✕ delete, retitle matching) resolve the
+block by that identity within the chip's own session. A chip inserted under one language keeps
+working after switching to the other.
+
+## 10. The per-chip ✕ delete button
+
+DSH renders chips from Lexical decorator nodes; third parties cannot add React children to
+them. Instead the plugin **appends a `<span class="dsh-pcb-chip-x">×</span>` into each chip's
+inner element** and keeps them present with a `MutationObserver` on `document.body`
+(rAF-coalesced; the scan exits immediately when no block is tracked). A capture-phase
+`pointerdown` handler checks `.dsh-pcb-chip-x` **before** the toggle logic and calls
+`controller.remove`, which removes **just that chip's Lexical node** and frees its number. If
+the chip is not backed by a tracked block (e.g. a restored draft after redraw), no ✕ is added —
+no dead affordances. Touch targets grow on coarse pointers (`@media (pointer:coarse)`).
+
+**Why node-level removal matters — the 0.1.1 incident.** The first `remove()` implementation
+spliced the chip's placeholder char out of the draft string and wrote the result through
+`shell.setDraft()`. But `setDraft` **clears the editor root and rebuilds plain-text
+paragraphs** — chips are decorator nodes that cannot round-trip through text, so deleting one
+block destroyed *every* chip in the draft. `removeChipNodes()` instead scans the editor's node
+map for `ReferenceChipNode`s whose public `getSource()`/`getReference()` match this plugin and
+the block's ref, and calls the node's own `remove()` inside one discrete update — a surgical,
+undoable (`Ctrl+Z`) deletion that leaves sibling chips untouched.
+
+**The 0.1.2 silent no-op.** The node map (`editor.getEditorState()._nodeMap`) is keyed by
+NodeKey and **its values are the nodes themselves**; the older `NodeState` wrapper with a
+`.node` field no longer exists. Reading `value.node` therefore matched *nothing* for every
+entry, `removeChipNodes()` removed zero chips, yet the call looked successful — the block's
+state was pruned behind a chip that was still in the draft, so clicking ✕ appeared to do
+nothing at all. `src/chip-nodes.js` now normalizes both shapes (`chipNodeOf`) and is unit
+tested for exactly this rule; `tests/lexical-chip-probe.mjs` reproduces the original defect
+against real `lexical@0.49.0`:
+
+```
+_nodeMap value shape:      valueIsNode=true, hasNodeProp=false
+OLD code (value.node):     removed = 0 | chips after = r1,r2,r3   <- silent no-op
+NEW code (value is node):  removed = 1 | chips after = r1,r3      <- only the target
+```
+
+**Failure is never silent and never destructive.** `remove()` gates every state change on
+`chipPresent()` — the editor's node map first, the published occurrence projection as a
+cross-check — so a block is pruned only once its chip is verifiably gone. If the chip survives
+the attempt the block stays tracked and the composer surfaces `error.remove`; the old
+`setDraft` fallback is gone for good. State that diverges from the editor still self-heals via
+`reconcile`.
+
+## 11. Insertion leaves no stray space
+
+`SessionInputShell.insertReference` inserts `[chip, ' ']` — a separating space — whenever the
+character at the pick-time span is not itself a space. Because a block is always appended at
+the **end** of the draft, that condition is always true, so every paste used to leave a space
+behind: text typed next started with a space (the visible "prefix space"), and pasting several
+blocks piled stray spaces into the message body.
+
+Two rules keep the draft clean without ever touching user whitespace:
+
+1. **Insert, then drop exactly the appended character.** `dropSeparatorSpace()` asks
+   `separatorSpaceSpan()` (src/projection.js) for the detect span of the character directly
+   after *our* chip and deletes it with the same public `slash/input-insert-text` verb DSH uses
+   for its own span edits. Since the chip is inserted at the end, that character can only have
+   come from the insertion itself — a trailing space the user had already typed still sits
+   before the chip, untouched. The span is only used when the projection shows a space right
+   after this block's chip, and a failure to apply just logs (the draft keeps DSH's behaviour).
+2. **Delete removes the chip node only.** `remove()` drops the chip's Lexical node
+   (§10) and never rewrites text, so spaces around a deleted block survive exactly as they were.
+
+`src/projection.js` owns the coordinate conversion this needs: the published `draft` is the
+clipboard projection (a chip occupies `occurrence.length` characters, i.e. one zero-width space
+for us) while the scoped edit verbs address detect coordinates (a chip collapses to exactly one
+placeholder character). `detectOffsetOf()` converts with
+`detect = clipboard - Σ(len_i - 1)` over preceding occurrences, so blocks stay correctly
+addressed even when other plugins' chips (file references and the like) sit in the same draft.
+Both helpers are pure and unit-tested (8 cases in tests/projection.test.js).

package/docs/images/hero.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="700" viewBox="0 0 1200 700">
+<rect width="1200" height="700" fill="#0d1220"/>
+<text x="40" y="56" font-size="26" fill="#e6ecf8" font-family="Noto Sans SC" font-weight="700">粘贴长代码 / 长文本 → 输入框里只留一张整洁卡片</text><text x="40" y="86" font-size="14.5" fill="#93a3c0" font-family="Noto Sans SC">Paste long code or text into the DSH composer — it lands as a tidy, collapsible card, never a wall of text</text><rect x="40" y="112" width="720" height="516" rx="16" fill="#151c2f"/><rect x="40" y="112" width="720" height="516" rx="16" fill="none" stroke="#2a3450" stroke-width="1"/><text x="64" y="140" font-size="12" fill="#5b6a8a" font-family="Noto Sans SC">DSH Web · 输入框 / composer</text><rect x="64" y="152" width="672" height="96" rx="10" fill="#10162a"/><rect x="64" y="152" width="672" height="96" rx="10" fill="none" stroke="#232c45" stroke-width="1"/><rect x="80" y="168" width="126" height="27" rx="7" fill="#151e3c"/><rect x="80" y="168" width="126" height="27" rx="7" fill="none" stroke="#263777" stroke-width="1"/><text x="89" y="185.5" font-size="10.5" fill="#7aa2ff" font-family="JetBrains Mono" font-weight="700">&lt;/&gt;</text><text x="112" y="186" font-size="12.5" fill="#8fb0ff" font-family="Noto Sans SC">代码块 1</text><text x="196" y="187" font-size="15" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><rect x="214" y="168" width="126" height="27" rx="7" fill="#1d2742"/><rect x="214" y="168" width="126" height="27" rx="7" fill="none" stroke="#3a4a75" stroke-width="1"/><text x="223" y="185.5" font-size="10.5" fill="#93a3c0" font-family="Noto Sans SC" font-weight="700">Aa</text><text x="243" y="186" font-size="12.5" fill="#cdd9f2" font-family="Noto Sans SC">文本块 1</text><text x="330" y="187" font-size="15" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><rect x="348" y="168" width="126" height="27" rx="7" fill="#151e3c"/><rect x="348" y="168" width="126" height="27" rx="7" fill="none" stroke="#263777" stroke-width="1"/><text x="357" y="185.5" font-size="10.5" fill="#7aa2ff" font-family="JetBrains Mono" font-weight="700">&lt;/&gt;</text><text x="380" y="186" font-size="12.5" fill="#8fb0ff" font-family="Noto Sans SC">代码块 2</text><text x="464" y="187" font-size="15" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><circle cx="464" cy="181.5" r="11" fill="none" stroke="#ff7b7b" stroke-width="1.6" stroke-dasharray="4 3"/><text x="80" y="234" font-size="13" fill="#5b6a8a" font-family="Noto Sans SC">帮我分析这段代码，重点是并发问题…</text><rect x="64" y="268" width="672" height="312" rx="12" fill="#131a2c"/><rect x="64" y="268" width="672" height="312" rx="12" fill="none" stroke="#232c45" stroke-width="1"/><rect x="80" y="282" width="60" height="22" rx="8" fill="#1c2b4d"/><text x="90" y="297" font-size="11.5" fill="#7aa2ff" font-family="JetBrains Mono">python</text><text x="154" y="297" font-size="11.5" fill="#5b6a8a" font-family="Noto Sans SC">42 行</text><path d="M 610 291 L 617 284.5 L 624 291" stroke="#93a3c0" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/><rect x="642" y="284" width="11" height="13" rx="2" fill="none"/><rect x="642" y="284" width="11" height="13" rx="2" fill="none" stroke="#93a3c0" stroke-width="1"/><rect x="647" y="288" width="11" height="13" rx="2" fill="#131a2c"/><rect x="647" y="288" width="11" height="13" rx="2" fill="none" stroke="#93a3c0" stroke-width="1"/><path d="M 680 284.5 L 673.5 290.5 L 680 297" stroke="#93a3c0" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/><text x="708" y="296.5" font-size="16" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><circle cx="708" cy="291" r="12" fill="none" stroke="#ff7b7b" stroke-width="1.6" stroke-dasharray="4 3"/><rect x="80" y="318" width="640" height="240" rx="8" fill="#0b1120"/><text x="98" y="348" font-size="13" fill="#c792ea" font-family="JetBrains Mono">def </text><text x="132" y="348" font-size="13" fill="#7aa2ff" font-family="JetBrains Mono">analyze</text><text x="180" y="348" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">(chunks):</text><text x="98" y="376" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">    total = 0</text><text x="98" y="404" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">    results = []</text><text x="98" y="432" font-size="13" fill="#c792ea" font-family="JetBrains Mono">    for </text><text x="132" y="432" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">c</text><text x="143" y="432" font-size="13" fill="#c792ea" font-family="JetBrains Mono"> in </text><text x="164" y="432" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">chunks</text><text x="213" y="432" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">:</text><text x="224" y="432" font-size="13" fill="#5b6a8a" font-family="JetBrains Mono"># 42 rows total — full, editable</text><text x="98" y="460" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">        total += len(c.text)</text><text x="98" y="488" font-size="13" fill="#c792ea" font-family="JetBrains Mono">    return </text><text x="148" y="488" font-size="13" fill="#7aa2ff" font-family="JetBrains Mono">sorted</text><text x="198" y="488" font-size="13" fill="#d6deeb" font-family="JetBrains Mono">(results)[-5:]</text><rect x="98" y="504" width="520" height="1.6" fill="#232c45"/><text x="98" y="528" font-size="11.5" fill="#5b6a8a" font-family="Noto Sans SC">卡片内直接编辑 · 编辑后的文本即发送内容</text><rect x="664" y="596" width="72" height="28" rx="8" fill="#3b5bdb"/><text x="700" y="615" font-size="13.5" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">发送</text><path d="M 806 168 C 675.5 168, 675.5 182, 545 182" stroke="#5b6a8a" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/><circle cx="820" cy="168" r="13" fill="#3b5bdb"/><text x="820" y="172.5" font-size="13.5" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">1</text><text x="842" y="169" font-size="15" fill="#e6ecf8" font-family="Noto Sans SC">点击芯片 → 展开 / 收起详情卡</text><text x="842" y="189" font-size="12" fill="#5b6a8a" font-family="Noto Sans SC">click a chip to open its card</text><path d="M 806 262 C 753 262, 753 291, 700 291" stroke="#5b6a8a" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/><circle cx="820" cy="268" r="13" fill="#3b5bdb"/><text x="820" y="272.5" font-size="13.5" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">2</text><text x="842" y="269" font-size="15" fill="#e6ecf8" font-family="Noto Sans SC">× 一键删除对应块，编号自动回收复用</text><text x="842" y="289" font-size="12" fill="#5b6a8a" font-family="Noto Sans SC">one-click remove · the number is recycled</text><path d="M 806 372 C 764 372, 764 430, 722 430" stroke="#5b6a8a" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/><circle cx="820" cy="372" r="13" fill="#3b5bdb"/><text x="820" y="376.5" font-size="13.5" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">3</text><text x="842" y="373" font-size="15" fill="#e6ecf8" font-family="Noto Sans SC">详情卡：编辑 / 复制 / 折叠</text><text x="842" y="393" font-size="12" fill="#5b6a8a" font-family="Noto Sans SC">edit, copy, collapse — all inline</text><line x1="756" y1="612" x2="806" y2="612" stroke="#5b6a8a" stroke-width="1.4"/><path d="M 806 612 l -8 -4 v 8 z" stroke="#5b6a8a" stroke-width="1" fill="#5b6a8a" stroke-linecap="round" stroke-linejoin="round"/><rect x="812" y="470" width="348" height="150" rx="12" fill="#10162a"/><rect x="812" y="470" width="348" height="150" rx="12" fill="none" stroke="#232c45" stroke-width="1"/><text x="832" y="496" font-size="12" fill="#5b6a8a" font-family="Noto Sans SC">发送后 · on send</text><text x="832" y="524" font-size="12.5" fill="#93a3c0" font-family="JetBrains Mono">```python</text><text x="832" y="548" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">def analyze(chunks):</text><text x="832" y="572" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">    ...完整原始文本...</text><text x="832" y="596" font-size="12.5" fill="#93a3c0" font-family="JetBrains Mono">```</text><circle cx="820" cy="662" r="13" fill="#3b5bdb"/><text x="820" y="666.5" font-size="13.5" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">4</text><text x="842" y="663" font-size="15" fill="#e6ecf8" font-family="Noto Sans SC">发送时自动还原为围栏代码块</text><text x="842" y="683" font-size="12" fill="#5b6a8a" font-family="Noto Sans SC">restored as a fenced code block on send</text><text x="40" y="662" font-size="12.5" fill="#5b6a8a" font-family="Noto Sans SC">PC 与移动端 Web 通用 · 深浅主题自适应 · 标签随 DSH 界面语言自动切换（中文 / English）</text>
+</svg>

package/docs/images/languages.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="464" viewBox="0 0 1200 464">
+<rect width="1200" height="464" fill="#0d1220"/>
+<text x="40" y="50" font-size="22" fill="#e6ecf8" font-family="Noto Sans SC" font-weight="700">块名称跟随 DSH 界面语言 · Block names follow the UI language</text><rect x="36" y="84" width="548" height="296" rx="14" fill="#151c2f"/><rect x="36" y="84" width="548" height="296" rx="14" fill="none" stroke="#2a3450" stroke-width="1"/><rect x="60" y="108" width="226" height="28" rx="14" fill="#0b1120"/><rect x="60" y="108" width="226" height="28" rx="14" fill="none" stroke="#232c45" stroke-width="1"/><text x="76" y="126" font-size="12.5" fill="#93a3c0" font-family="Noto Sans SC">设置 → 语言：中文</text><rect x="60" y="158" width="126" height="27" rx="7" fill="#1a2341"/><rect x="60" y="158" width="126" height="27" rx="7" fill="none" stroke="#2a3b7a" stroke-width="1"/><text x="69" y="175.5" font-size="10.5" fill="#7aa2ff" font-family="JetBrains Mono" font-weight="700">&lt;/&gt;</text><text x="92" y="176" font-size="12.5" fill="#8fb0ff" font-family="Noto Sans SC">代码块 1</text><text x="176" y="177" font-size="15" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><rect x="194" y="158" width="126" height="27" rx="7" fill="#1d2742"/><rect x="194" y="158" width="126" height="27" rx="7" fill="none" stroke="#3a4a75" stroke-width="1"/><text x="203" y="175.5" font-size="10.5" fill="#93a3c0" font-family="Noto Sans SC" font-weight="700">Aa</text><text x="223" y="176" font-size="12.5" fill="#cdd9f2" font-family="Noto Sans SC">文本块 1</text><text x="310" y="177" font-size="15" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><rect x="60" y="206" width="500" height="148" rx="10" fill="#131a2c"/><rect x="60" y="206" width="500" height="148" rx="10" fill="none" stroke="#232c45" stroke-width="1"/><rect x="76" y="220" width="62" height="20" rx="7" fill="#1c2b4d"/><text x="86" y="234" font-size="11" fill="#7aa2ff" font-family="JetBrains Mono">python</text><text x="152" y="234" font-size="11" fill="#5b6a8a" font-family="Noto Sans SC">18 行</text><path d="M 436 229 L 443 222.5 L 450 229" stroke="#93a3c0" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/><rect x="468" y="222" width="11" height="13" rx="2" fill="none"/><rect x="468" y="222" width="11" height="13" rx="2" fill="none" stroke="#93a3c0" stroke-width="1"/><rect x="473" y="226" width="11" height="13" rx="2" fill="#131a2c"/><rect x="473" y="226" width="11" height="13" rx="2" fill="none" stroke="#93a3c0" stroke-width="1"/><path d="M 506 222.5 L 499.5 228.5 L 506 235" stroke="#93a3c0" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/><text x="534" y="234.5" font-size="16" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><text x="76" y="266" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">def analyze(chunks):</text><text x="76" y="290" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">    total = 0</text><text x="76" y="314" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">    return sorted(results)</text><rect x="616" y="84" width="548" height="296" rx="14" fill="#151c2f"/><rect x="616" y="84" width="548" height="296" rx="14" fill="none" stroke="#2a3450" stroke-width="1"/><rect x="640" y="108" width="226" height="28" rx="14" fill="#0b1120"/><rect x="640" y="108" width="226" height="28" rx="14" fill="none" stroke="#232c45" stroke-width="1"/><text x="656" y="126" font-size="12.5" fill="#93a3c0" font-family="Noto Sans SC">Settings → Language: English</text><rect x="640" y="158" width="122" height="27" rx="7" fill="#1a2341"/><rect x="640" y="158" width="122" height="27" rx="7" fill="none" stroke="#2a3b7a" stroke-width="1"/><text x="649" y="175.5" font-size="10.5" fill="#7aa2ff" font-family="JetBrains Mono" font-weight="700">&lt;/&gt;</text><text x="672" y="176" font-size="12.5" fill="#8fb0ff" font-family="Noto Sans SC">Code #1</text><text x="751" y="177" font-size="15" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><rect x="770" y="158" width="122" height="27" rx="7" fill="#1d2742"/><rect x="770" y="158" width="122" height="27" rx="7" fill="none" stroke="#3a4a75" stroke-width="1"/><text x="779" y="175.5" font-size="10.5" fill="#93a3c0" font-family="Noto Sans SC" font-weight="700">Aa</text><text x="799" y="176" font-size="12.5" fill="#cdd9f2" font-family="Noto Sans SC">Text #1</text><text x="881" y="177" font-size="15" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><rect x="640" y="206" width="500" height="148" rx="10" fill="#131a2c"/><rect x="640" y="206" width="500" height="148" rx="10" fill="none" stroke="#232c45" stroke-width="1"/><rect x="656" y="220" width="62" height="20" rx="7" fill="#1c2b4d"/><text x="666" y="234" font-size="11" fill="#7aa2ff" font-family="JetBrains Mono">python</text><text x="732" y="234" font-size="11" fill="#5b6a8a" font-family="Noto Sans SC">18 lines</text><path d="M 1016 229 L 1023 222.5 L 1030 229" stroke="#93a3c0" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/><rect x="1048" y="222" width="11" height="13" rx="2" fill="none"/><rect x="1048" y="222" width="11" height="13" rx="2" fill="none" stroke="#93a3c0" stroke-width="1"/><rect x="1053" y="226" width="11" height="13" rx="2" fill="#131a2c"/><rect x="1053" y="226" width="11" height="13" rx="2" fill="none" stroke="#93a3c0" stroke-width="1"/><path d="M 1086 222.5 L 1079.5 228.5 L 1086 235" stroke="#93a3c0" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/><text x="1114" y="234.5" font-size="16" fill="#ff7b7b" font-family="Noto Sans SC" text-anchor="middle">×</text><text x="656" y="266" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">def analyze(chunks):</text><text x="656" y="290" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">    total = 0</text><text x="656" y="314" font-size="12.5" fill="#d6deeb" font-family="JetBrains Mono">    return sorted(results)</text><path d="M 590 226 h 20 m -7 -6 l 7 6 l -7 6 M 610 246 h -20 m 7 6 l -7 -6 l 7 -6" stroke="#7aa2ff" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/><text x="600" y="284" font-size="11" fill="#5b6a8a" font-family="Noto Sans SC" text-anchor="middle">切换</text><text x="600" y="300" font-size="10.5" fill="#5b6a8a" font-family="Noto Sans SC" text-anchor="middle">live</text><text x="40" y="416" font-size="13.5" fill="#93a3c0" font-family="Noto Sans SC">语言切换即时生效：新粘贴的块用新语言命名，已插入的芯片也会同步改名</text><text x="40" y="438" font-size="12" fill="#5b6a8a" font-family="Noto Sans SC">Switch anytime — new pastes land in the new language, existing chips retitle live</text>
+</svg>

package/docs/images/render.cjs

@@ -0,0 +1,20 @@
+// Regenerate the README mockup PNGs from the SVG sources in this folder.
+// Dev-only helper (not loaded by the plugin). Requires: npm i @resvg/resvg-js
+// and the fonts referenced below (apt: fonts-noto-cjk fonts-jetbrains-mono).
+const fs = require('fs')
+const path = require('path')
+const { Resvg } = require('@resvg/resvg-js')
+
+const FONTS = [
+  '/usr/share/fonts/opentype/noto/NotoSansCJK-Regular.ttc',
+  '/usr/share/fonts/opentype/noto/NotoSansCJK-Bold.ttc',
+  '/usr/share/fonts/truetype/jetbrains-mono/JetBrainsMono-Regular.ttf',
+  '/usr/share/fonts/truetype/jetbrains-mono/JetBrainsMono-Bold.ttf',
+]
+for (const name of ['hero', 'languages', 'workflow']) {
+  let src = fs.readFileSync(path.join(__dirname, name + '.svg'), 'utf8')
+  src = src.split('font-family="Noto Sans SC"').join('font-family="Noto Sans CJK SC"')
+  const r = new Resvg(src, { fitTo: { mode: 'zoom', value: 2 }, font: { fontFiles: FONTS, loadSystemFonts: false, defaultFontFamily: 'Noto Sans CJK SC', sansSerifFamily: 'Noto Sans CJK SC', monospaceFamily: 'JetBrains Mono' } })
+  fs.writeFileSync(path.join(__dirname, name + '.png'), r.render().asPng())
+  console.log('rendered', name + '.png')
+}

package/docs/images/workflow.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="360" viewBox="0 0 1200 360">
+<rect width="1200" height="360" fill="#0d1220"/>
+<text x="40" y="52" font-size="22" fill="#e6ecf8" font-family="Noto Sans SC" font-weight="700">使用只要四步 · Four steps, zero noise</text><rect x="40" y="92" width="247" height="190" rx="14" fill="#151c2f"/><rect x="40" y="92" width="247" height="190" rx="14" fill="none" stroke="#2a3450" stroke-width="1"/><circle cx="74" cy="132" r="17" fill="#3b5bdb"/><text x="74" y="138" font-size="17" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">1</text><text x="102" y="139" font-size="18" fill="#e6ecf8" font-family="Noto Sans SC" font-weight="700">复制</text><rect x="196" y="118" width="26" height="30" rx="4" fill="none"/><rect x="196" y="118" width="26" height="30" rx="4" fill="none" stroke="#7aa2ff" stroke-width="1"/><rect x="202" y="113" width="14" height="10" rx="3" fill="#151c2f"/><rect x="202" y="113" width="14" height="10" rx="3" fill="none" stroke="#7aa2ff" stroke-width="1"/><line x1="202" y1="127" x2="216" y2="127" stroke="#93a3c0" stroke-width="1.5"/><line x1="202" y1="134" x2="216" y2="134" stroke="#93a3c0" stroke-width="1.5"/><line x1="202" y1="141" x2="212" y2="141" stroke="#93a3c0" stroke-width="1.5"/><text x="62" y="186" font-size="13" fill="#93a3c0" font-family="Noto Sans SC">在任意应用里复制一段代码或长文本</text><text x="62" y="226" font-size="11.5" fill="#5b6a8a" font-family="Noto Sans SC">Copy code or long text anywhere</text><path d="M 295 187 h 60 m -10 -7 l 10 7 l -10 7" stroke="#5b6a8a" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/><rect x="331" y="92" width="247" height="190" rx="14" fill="#151c2f"/><rect x="331" y="92" width="247" height="190" rx="14" fill="none" stroke="#2a3450" stroke-width="1"/><circle cx="365" cy="132" r="17" fill="#3b5bdb"/><text x="365" y="138" font-size="17" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">2</text><text x="393" y="139" font-size="18" fill="#e6ecf8" font-family="Noto Sans SC" font-weight="700">粘贴</text><rect x="481" y="122" width="44" height="24" rx="6" fill="#0b1120"/><rect x="481" y="122" width="44" height="24" rx="6" fill="none" stroke="#232c45" stroke-width="1"/><line x1="489" y1="129" x2="489" y2="139" stroke="#7aa2ff" stroke-width="2"/><text x="353" y="186" font-size="13" fill="#93a3c0" font-family="Noto Sans SC">粘到 DSH 输入框（Ctrl+V</text><text x="353" y="206" font-size="13" fill="#93a3c0" font-family="Noto Sans SC"> / 长按）</text><text x="353" y="246" font-size="11.5" fill="#5b6a8a" font-family="Noto Sans SC">Paste into the DSH composer</text><path d="M 586 187 h 60 m -10 -7 l 10 7 l -10 7" stroke="#5b6a8a" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/><rect x="622" y="92" width="247" height="190" rx="14" fill="#151c2f"/><rect x="622" y="92" width="247" height="190" rx="14" fill="none" stroke="#2a3450" stroke-width="1"/><circle cx="656" cy="132" r="17" fill="#3b5bdb"/><text x="656" y="138" font-size="17" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">3</text><text x="684" y="139" font-size="18" fill="#e6ecf8" font-family="Noto Sans SC" font-weight="700">整理</text><rect x="772" y="122" width="44" height="24" rx="12" fill="#1d2742"/><rect x="772" y="122" width="44" height="24" rx="12" fill="none" stroke="#3a4a75" stroke-width="1"/><text x="780" y="139" font-size="11" fill="#d6deeb" font-family="Noto Sans SC">Aa</text><text x="806" y="140" font-size="13" fill="#ff7b7b" font-family="Noto Sans SC">×</text><text x="644" y="186" font-size="13" fill="#93a3c0" font-family="Noto Sans SC">自动收成卡片：点芯片看详情，× 删</text><text x="644" y="206" font-size="13" fill="#93a3c0" font-family="Noto Sans SC">除</text><text x="644" y="246" font-size="11.5" fill="#5b6a8a" font-family="Noto Sans SC">Auto card: open · edit · remove ×</text><path d="M 877 187 h 60 m -10 -7 l 10 7 l -10 7" stroke="#5b6a8a" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/><rect x="913" y="92" width="247" height="190" rx="14" fill="#151c2f"/><rect x="913" y="92" width="247" height="190" rx="14" fill="none" stroke="#2a3450" stroke-width="1"/><circle cx="947" cy="132" r="17" fill="#3b5bdb"/><text x="947" y="138" font-size="17" fill="#fff" font-family="Noto Sans SC" text-anchor="middle">4</text><text x="975" y="139" font-size="18" fill="#e6ecf8" font-family="Noto Sans SC" font-weight="700">发送</text><path d="M 1063 134 L 1103 120 L 1089 142 L 1083 134 Z" stroke="#7aa2ff" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/><text x="935" y="186" font-size="13" fill="#93a3c0" font-family="Noto Sans SC">还原为 ```lang 围栏代码块</text><text x="935" y="206" font-size="13" fill="#93a3c0" font-family="Noto Sans SC">发出</text><text x="935" y="246" font-size="11.5" fill="#5b6a8a" font-family="Noto Sans SC">Sent back as fenced code</text><text x="40" y="326" font-size="12.5" fill="#5b6a8a" font-family="Noto Sans SC">代码 / Markdown / 普通长文本自动识别；短普通文本照常粘贴，不打扰</text>
+</svg>