diff --git a/plugins/screenshot-annotate/.gitignore b/plugins/screenshot-annotate/.gitignore
new file mode 100644
index 00000000..f00c30a7
--- /dev/null
+++ b/plugins/screenshot-annotate/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+dist
+release
+*.zip
+*.log
diff --git a/plugins/screenshot-annotate/CHANGELOG.md b/plugins/screenshot-annotate/CHANGELOG.md
new file mode 100644
index 00000000..c4138dce
--- /dev/null
+++ b/plugins/screenshot-annotate/CHANGELOG.md
@@ -0,0 +1,21 @@
+# Changelog
+
+## 1.3.12
+
+- author 显示为 zyy，新增 homepage 跳转仓库
+- 插件配置路径规范化为相对无 `./` 前缀
+
+## 1.3.11
+
+- 版本号与配置同步调整
+
+## 1.3.10
+
+- 保存时弹出系统「另存为」对话框
+- 矩形等选区支持 8 个缩放手柄（4 角 + 4 边可单独拖拽）
+- 文字框按内容真实测量扩展（多行、字号准确）
+- 多次使用快捷键截图不会跳到插件详情页
+
+## 1.3.9
+
+- 选中文字样式编辑：字号 / 粗体 / 颜色
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/README.md b/plugins/screenshot-annotate/README.md
new file mode 100644
index 00000000..f1333f9d
--- /dev/null
+++ b/plugins/screenshot-annotate/README.md
@@ -0,0 +1,121 @@
+# screenshot-annotate
+
+一个运行在 **ZTools**（uTools 的开源 fork，Electron 41 + TypeScript）平台的**截图标注插件**。
+
+流程一句话：**框选截图 → 自由标注 → 复制 / 保存 / 钉到桌面**。
+
+## 这是干什么的
+
+按快捷键（或输入命令）唤起原生框选，选中屏幕任意区域后进入标注编辑器，用各类图形标记重点，最后复制到剪贴板、保存为图片文件、或作为置顶窗口钉在桌面上持续引用。
+
+## 已实现的功能
+
+### 截图
+- 调用平台原生**交互式框选**（`ztools.screenCapture`），无需桌面录屏权限，支持多显示器。
+- 隐藏能力：不剪切屏幕，只拿选区，隐私友好。
+
+### 标注编辑器
+9 种工具（沿右侧工具条切换）：
+
+| 工具 | 说明 |
+| --- | --- |
+| 选择 / 移动 | 拖动已有标注、移窗（选择工具下拖动空白处移动整个窗口） |
+| 矩形 | 边框 / 填充可切换 |
+| 圆形 / 椭圆 | 边框 / 填充可切换 |
+| 箭头 | 带箭头的直线 |
+| 画笔 | 自由手绘 |
+| 文字 | 多行文本，支持字号 / 粗体 / 颜色 |
+| 马赛克 | 覆盖隐私区域，支持**方格 / 球状**两种颗粒 + 格尺寸 |
+| 直线 | 两端点 |
+| 高亮 | 半透明覆盖层 |
+
+关键交互能力：
+
+- **8 个缩放手柄**：矩形 / 椭圆 / 高亮 / 马赛克选区有 4 角 + 4 边共 8 个手柄，可单独拖动任一条边或角（不必只靠 4 角）。
+- **文字框按内容扩展**：选中文字后，选中框按文字**真实测量尺寸**包裹内容（多行、字号变化都准确）。
+- **微信截图式**：不切换工具也能直接点中已有标注拖动 / 收紧手柄缩放。
+- **文字样式回显**：选中文字时工具栏自动读取其字号 / 粗体 / 颜色，改动实时应用到该文字。
+- 画布**滚轮缩放**、空白区拖动平移。
+- **撤销 / 重做**（`Ctrl+Z` / `Ctrl+Y`）、**删除**选中标注（`Del` / `Backspace`，选择工具下）。
+- **Esc 关闭**编辑窗口。
+
+### 输出
+- **复制**：`Ctrl+C` 或按钮，把标注结果以 PNG 位图写入系统剪贴板。
+- **保存**：`Ctrl+S` 或按钮，弹出系统「另存为」对话框，按偏好设置默认 PNG / JPG 及保存目录。
+- **钉到桌面**：钉图按钮，把结果开成一个**置顶、免框、可拖动缩放**的窗口，随时参考。
+
+### 偏好设置
+默认颜色、默认线宽、保存格式（PNG / JPG）、保存目录（留空走系统图片目录 Screenshots）。设置持久化于 dbStorage。
+
+## 技术栈与结构
+
+- **Vue 3 + TypeScript**（`<script setup>`），**Vite** 多页构建（`index / capture / pin` 三个入口）。
+- 标注引擎为纯前端 Canvas：`src/editor/annotations.ts`（对象模型 + 绘制 + 撤销/重做快照栈）、`src/editor/annotation-controller.ts`（交互控制器）。
+- 跨进程磁盘 / 剪贴板 / 建窗集中在 preload 桥 `public/preload/services.js`。
+- 大图用**临时文件**在窗口间传递（避免 dataURL 塞 URL 超长）。
+- 钉图窗口的移动 / 缩放 / 置顶经 `sendToParent` 中转到主窗口执行。
+
+```
+screenshot-annotate/
+├─ src/
+│  ├─ App.vue            # 主窗口：命令入口 + 偏好设置
+│  ├─ capture/
+│  │  └─ CaptureApp.vue  # 标注编辑窗口
+│  ├─ pin/
+│  │  └─ PinApp.vue      # 钉图窗口
+│  └─ editor/            # Canvas 标注引擎 + 编辑面板
+│     ├─ annotations.ts
+│     ├─ annotation-controller.ts
+│     └─ EditorPanel.vue
+├─ public/
+│  ├─ index.html  capture.html  pin.html   # 多页入口
+│  ├─ preload/services.js                   # preload 桥
+│  └─ plugin.json                           # 插件契约（打包权威版本）
+├─ plugin.json                              # 开发版契约（与 public 保持同步）
+├─ vite.config.js
+└─ package.json
+```
+
+## 使用方法
+
+### 1. 安装依赖
+
+```bash
+npm install
+```
+
+### 2. 本地开发
+
+```bash
+npm run dev
+```
+
+在 ZTools 中以「开发模式」加载 `plugin.json` 指向的 `http://localhost:5173`。
+
+> 生产构建与类型检查：`npm run build`（先 `vue-tsc --noEmit` 再 `vite build`）。构建产物在 `dist/`，`public/` 会被平铺拷贝过去。
+
+### 3. 加载到 ZTools
+
+把 `dist/` 作为插件目录安装；或直接加载仓库根（`plugin.json` 声明了 `main`、`preload`、`logo` 等契约）。
+
+### 4. 绑定快捷键
+
+安装后进入 ZTools 设置 → 快捷键 → 全局快捷键，为插件命令绑定：
+
+- **截图标注**（`ui.capture`）→ 例如 `Ctrl+Shift+A`：任何窗口唤起框选标注。
+- **截图标注并复制**（`function.capture-copy`）→ 框选后直接复制。
+- **截图并钉图**（`function.capture-pin`）→ 一键截图并钉到桌面。
+
+> 命令均声明为 `type: "window"`，确保**连续多次**唤起都能正常进入截图（不会因平台重入拦截跳到插件详情页）。
+
+### 5. 编辑与输出
+
+1. 按快捷键框选屏幕区域 → 进入深色编辑器。
+2. 选工具绘制：矩形 / 圆形 / 箭头 / 画笔 / 文字 / 马赛克 / 直线 / 高亮。
+3. 文字：选「文字」工具点击画布，输入多行文字，回车确认；点选文字可回改内容或调整字号 / 粗体 / 颜色。
+4. 调整：拖动手柄或整体移动已有标注，滚轮缩放画布，`Ctrl+Z`/`Ctrl+Y` 撤销重做。
+5. 底部按钮输出：复制 / 保存 / 钉图（`Esc` 取消）。
+
+## 版本
+
+`1.3.10` —— 含 8 手柄缩放、文字框按内容扩展、多次快捷键截图修复。
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/capture.html b/plugins/screenshot-annotate/capture.html
new file mode 100644
index 00000000..e1fd7359
--- /dev/null
+++ b/plugins/screenshot-annotate/capture.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>截图标注 — 框选</title>
+  </head>
+  <body>
+    <div id="capture-app"></div>
+    <script type="module" src="/src/capture.ts"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/index.html b/plugins/screenshot-annotate/index.html
new file mode 100644
index 00000000..10782238
--- /dev/null
+++ b/plugins/screenshot-annotate/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>截图标注</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/package-lock.json b/plugins/screenshot-annotate/package-lock.json
new file mode 100644
index 00000000..ab26b7ce
--- /dev/null
+++ b/plugins/screenshot-annotate/package-lock.json
@@ -0,0 +1,1524 @@
+{
+  "name": "screenshot-annotate",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "screenshot-annotate",
+      "version": "1.0.0",
+      "dependencies": {
+        "vue": "^3.5.13"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^5.2.1",
+        "@ztools-center/ztools-api-types": "^1.0.1",
+        "typescript": "^5.3.0",
+        "vite": "^6.0.11",
+        "vue-tsc": "^2.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz",
+      "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.8"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz",
+      "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+      "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
+      "license": "MIT"
+    },
+    "node_modules/@napi-rs/lzma-linux-x64-gnu": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/lzma-linux-x64-gnu/-/lzma-linux-x64-gnu-1.5.1.tgz",
+      "integrity": "sha512-oTXEIha4SsuXdTA4Iyskj0kpdx2yVXdhd75c2v3xGrHFfVMsbhTPZU/nMPL4sWKo4pBHm3aucLaqGlF696dTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^22.20 || ^24.12 || >=25"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.63.0.tgz",
+      "integrity": "sha512-70TeIFezKKy65LgAVyQh+w94/gjWhvPWaLaGGeMEgVrPkQhuj/M5bAYYZzIFUj9Y69oHyTm5Um/R6gcLh4A8JA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.63.0.tgz",
+      "integrity": "sha512-YC86tYIHK6M1IV+wbzO+Bxk8RCBr6ZyWYgWxUCzaZD8mc8rrFoIJDNzDrkHBYRc/wKdrsIXmm6/F7NzrAO+OrA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.63.0.tgz",
+      "integrity": "sha512-oI+ECtUcli0y0fi4xpW82GdPIXdTkI8G8DSjG2LRuw09fPAGykaWYH/hXxiKuTxiAjiPSTIIuYUqof5Z2hShWw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.63.0.tgz",
+      "integrity": "sha512-NwV+1s7TiKrMe4owHyKB/dTLD7ZJD0YEBEhIz+hvav1Cu1GReJjF+rsdNwjzENQeIAbE/CoNiaAc5Vz2h5DPAA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.63.0.tgz",
+      "integrity": "sha512-tWtHBTu5gOPK4u4Urtk4qAHW3zZ9rQAmbssO8gp7ELvGTGI3aCiq6NqyTQ0PCIg7KbHJF2UkGDDs77YZGxfjCA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.63.0.tgz",
+      "integrity": "sha512-2qPoJiwTvtHQ27NnYvTnsgk8laXWYuVmNESG8WFZBcEPKLfZ3I27qBJarjVRQtwGeYyRfq5ZowHXih9lm2BItw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.63.0.tgz",
+      "integrity": "sha512-FQwsTRvLNuHoTdICABJQfbPUSEueISGmnpT06tXTMpfprf5NiKLSXKA0A+w45wJnCmZAnzgqBwbt6ARFuyOi5w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.63.0.tgz",
+      "integrity": "sha512-BBVTXziw8mY1a4ZbWME9tZyfzqXCDPqaC7Z3heQ29p5dkvXzwL0NwelO8zLa8c3RBKvl3YTuSnBgsBhYBtwjIw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.63.0.tgz",
+      "integrity": "sha512-w2Iyy9+RqKwx3d9qWMKsJg0FfRBsY0/pXNv0mCQ3ueRvJI6+QAScfD4nrMlzFLs2HNVW6Ew+mtZfDl9b7Ew5/Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.63.0.tgz",
+      "integrity": "sha512-YK++KtrFRHYE0P6/RtYEAy9t8F37znP+K03RrIuLPYOL6SVlObRumf/0OE4V/h63xL9DwkWbNssZfmA9hawuDA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.63.0.tgz",
+      "integrity": "sha512-aBfOG6fP7YkkPmTqPwufRJeFyz7WPpECv9XNbnsk9+vg7rxdih0lbtEel7jcRng4LZrrmU3FfitCFyEj4BWDWg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.63.0.tgz",
+      "integrity": "sha512-LGaHEOeHNAag9VuS1Crs5DFg4RrU9MPi2nVnNJk9DTePx/B6RRYKVmrIXt2h7YOJlwjaFJ6lwtFDliZxScTLrQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.63.0.tgz",
+      "integrity": "sha512-jClvk+J0FC3b7Udvegiw5/4hErbHtmsNsQgENnKXDWtNCJXsJYZH5WURvu7imDOO38xYml24eeh5x3A04ppwCw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.63.0.tgz",
+      "integrity": "sha512-0OJlaGK+8+B777Ql5okIpD7ua5Ro9+VB9Ve0OKa28OQJZ1RbuUBVNHK/e3pr4BROqsyPl1JrPO1ZxJseCNffcA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.63.0.tgz",
+      "integrity": "sha512-Ygsx+HoNH7afwi1bTIXbnTvVnsO+zurPLSYxybV1hHFVU72OWOCl6v05ql/z0hkpAPx+DK7Kn9Bi7MayCcjLTA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.63.0.tgz",
+      "integrity": "sha512-pDQxtMGb+OvG3fLwR2OkZlSd47hW+kWg4BYMG/++sR6RqorQccwPTDsxda5hPwiIeIErAnCF9ma3SAU06bdQtQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.63.0.tgz",
+      "integrity": "sha512-0BnUG9mS8I4SSHr3XsxVhuCMEiu+rX61xxZF5vujso4LaiAGFZFxvDjg6Xn6tLPNTUAfuCvQYas4LMQMVsKRSQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.63.0.tgz",
+      "integrity": "sha512-Adu/VttB1dpPNW+FEacrZ+xVm9tFty84+RrFzsqlFaPxoJB+9XXyDGtp5dCOoBwGBIEVH0To7lExFXEx0BIF4A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.63.0.tgz",
+      "integrity": "sha512-NQ3bDvjUbFKmP23671xUlXtKmqVsUBd6M4PQCvbmNtOy06hnQIdKHy8oG/6S3R/S6He1JgPk6A5VT+prAJMYEw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.63.0.tgz",
+      "integrity": "sha512-u2eDAl4+0aFvA13GxlGBtTI3SS3sdgwgtV0HyjZ0QaQVCgNE+jqNGey+GtxWiq+wxr/UycAx/OnfJzApCFamvA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.63.0.tgz",
+      "integrity": "sha512-XvRb5vfW3wAZQ+ZUG21AnHHDKtNcw99eigzEhjr//NZ3u7SoBaPP0seSc7FgP7p1epAEdAoZckMW9WY/+4w70w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.63.0.tgz",
+      "integrity": "sha512-iZPmniy4kNBf5yo2RezbkYNNK5HPbXE9+g+twnbqSng7dtLEJy1SKoxiE/ni4FDacjyuZpEeb9U054N4EoKHYw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.63.0.tgz",
+      "integrity": "sha512-mFBBd+LF37fnE8JnYUOH+imj0aPFPK30vpar4ehJkgnLj9sZn8ZxiRENmLtgIwxK7TC8klF6N57fxdNBwQoqOA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.63.0.tgz",
+      "integrity": "sha512-ujeqEY3B+zbGn3Z4Q03cUBG/LGWnBJncVT36WER31LcOsQk9+1dmINKKtvmmfChUvRbK1G0R8OhMWFgHgaZtAw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.63.0.tgz",
+      "integrity": "sha512-hncn90N4sOky0L2LKE5oESKLbxCPeVo4eLA2LSMoDzM+879ml4WSr+Rr4DWknNIVVvS1Hirkc9hx02W6YxS8rQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
+      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.15",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.15.tgz",
+      "integrity": "sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.15"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.15",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.15.tgz",
+      "integrity": "sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.15",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.15.tgz",
+      "integrity": "sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.15",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.42.tgz",
+      "integrity": "sha512-2Ye1ilMtKXxl8qZUrQ5j0CdgenFp/HFQmta6rfRyfEsTG69L6Wk+tWuNoHYHMx9E8tF2Slvdg1FuwDvAXdy1LQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.8",
+        "@vue/shared": "3.5.42",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.42.tgz",
+      "integrity": "sha512-qbhQZEFmycr+ni/qyuccS4sucNN7VAbDfbkvNxWOX2VfgFm90MNs3/UhRNKoPMEIVn0F8gdlYjLPvqxHwHeQOA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.42.tgz",
+      "integrity": "sha512-fkCAFB4okcAANGMThboWnScp/gzWjU0ZSkVnjTIiplmMDq2uq0tIB3j+xVu4rhv5rvOgBySCysudmbMd6xRRqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.8",
+        "@vue/compiler-core": "3.5.42",
+        "@vue/compiler-dom": "3.5.42",
+        "@vue/compiler-ssr": "3.5.42",
+        "@vue/shared": "3.5.42",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.19",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.42.tgz",
+      "integrity": "sha512-xmLk3wLkbizPAiLyomjgFFosf2ys9b5Ghb+oh/k2tnvipNz8OFrQOiTcWCzyK7MpBp9KkyGtfvgfLUivbmuGYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/compiler-vue2": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+      "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.2.12.tgz",
+      "integrity": "sha512-IsGljWbKGU1MZpBPN+BvPAdr55YPkj2nB/TBNGNC32Vy2qLG25DYu/NBN2vNtZqdRbTRjaoYrahLrToim2NanA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.15",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/compiler-vue2": "^2.7.16",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^1.0.3",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.42.tgz",
+      "integrity": "sha512-TzNNfKpb7hDxbQltwAut8VDQA5YP+BuRlxntHUuRjyKwlMvmAPbs3unhCvieijifY6vFfVBwsS7wG/C7uq+bEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.42.tgz",
+      "integrity": "sha512-9uACtuHs7vJGkm5Bp3xu4xRDLFTIYy5DgxpToVjqGIAhAEKwQfsaLvKINhM6nFVp6bZPRFGdDqd1g52MqKsotA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.42.tgz",
+      "integrity": "sha512-rsCmhiWLaRxGltLwhlCWyYkFn7WAbKRh0q17eZ1A6Dq6eqc2ACQ61IIryxz0LrsvCzHSilLA9JHovVwM8CNE2g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.42",
+        "@vue/runtime-core": "3.5.42",
+        "@vue/shared": "3.5.42",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.42.tgz",
+      "integrity": "sha512-2++5dUyYS4gvo7xQXSECUDhB7TS0aOl5SeVfC5qSq1Jgfhjvegw1zqhwTIR3imZ+QYPJQw9gfcFvXGAjGZ7ajQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.42",
+        "@vue/runtime-dom": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.42.tgz",
+      "integrity": "sha512-2rPxex1jQf4jvl9MOHl6YaXCPcrNqz/FstMOEh3QWY+/OME9nQTvl9WYeCwhW7AFjaR0SnngZGlp/wkR6rkI6g==",
+      "license": "MIT"
+    },
+    "node_modules/@ztools-center/ztools-api-types": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@ztools-center/ztools-api-types/-/ztools-api-types-1.0.3.tgz",
+      "integrity": "sha512-dv1eOAIasAupqKaQL/gESk1i2+RebdM/1gvZhrvH2D/bo3enCUsAGJ8nrHnlCLBSOGB81eC/SU0IH8BNsUlmvA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/alien-signals": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.13.tgz",
+      "integrity": "sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.4.tgz",
+      "integrity": "sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.18",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+      "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+      "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.26",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz",
+      "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.17",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.63.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.63.0.tgz",
+      "integrity": "sha512-T5vnZ2y4QqC3/4P+w2+JO+Q/OVdnPsv4XcSYJYMEn0R9/jjl5AgLwO9LAZMzP2lN71O6pypn91rB7lDstUkfrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.9"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@napi-rs/lzma-linux-x64-gnu": "1.5.1",
+        "@rollup/rollup-android-arm-eabi": "4.63.0",
+        "@rollup/rollup-android-arm64": "4.63.0",
+        "@rollup/rollup-darwin-arm64": "4.63.0",
+        "@rollup/rollup-darwin-x64": "4.63.0",
+        "@rollup/rollup-freebsd-arm64": "4.63.0",
+        "@rollup/rollup-freebsd-x64": "4.63.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.63.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.63.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.63.0",
+        "@rollup/rollup-linux-arm64-musl": "4.63.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.63.0",
+        "@rollup/rollup-linux-loong64-musl": "4.63.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.63.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.63.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.63.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.63.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.63.0",
+        "@rollup/rollup-linux-x64-gnu": "4.63.0",
+        "@rollup/rollup-linux-x64-musl": "4.63.0",
+        "@rollup/rollup-openbsd-x64": "4.63.0",
+        "@rollup/rollup-openharmony-arm64": "4.63.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.63.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.63.0",
+        "@rollup/rollup-win32-x64-gnu": "4.63.0",
+        "@rollup/rollup-win32-x64-msvc": "4.63.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.4.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.3.tgz",
+      "integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.2.0.tgz",
+      "integrity": "sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.42.tgz",
+      "integrity": "sha512-4RyHQTbQvOPs3MfvUO1Sg0YRrKNnA0mAVtvpd12Tg1fKDN7OHBUl1IqSn8zGJjK9nI3NkNp8cgTpVrSZC5TTcA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.42",
+        "@vue/compiler-sfc": "3.5.42",
+        "@vue/runtime-dom": "3.5.42",
+        "@vue/server-renderer": "3.5.42",
+        "@vue/shared": "3.5.42"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.2.12.tgz",
+      "integrity": "sha512-P7OP77b2h/Pmk+lZdJ0YWs+5tJ6J2+uOQPo7tlBnY44QqQSPYvS0qVT4wqDJgwrZaLe47etJLLQRFia71GYITw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.15",
+        "@vue/language-core": "2.2.12"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    }
+  }
+}
diff --git a/plugins/screenshot-annotate/package.json b/plugins/screenshot-annotate/package.json
new file mode 100644
index 00000000..8afd8688
--- /dev/null
+++ b/plugins/screenshot-annotate/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "screenshot-annotate",
+  "version": "1.3.0",
+  "description": "截图 → 标注 → 复制 / 保存 / 钉到桌面",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@ztools-center/ztools-api-types": "^1.0.1",
+    "typescript": "^5.3.0",
+    "vite": "^6.0.11",
+    "vue-tsc": "^2.0.0"
+  }
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/pin.html b/plugins/screenshot-annotate/pin.html
new file mode 100644
index 00000000..d9cb850d
--- /dev/null
+++ b/plugins/screenshot-annotate/pin.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>钉图</title>
+  </head>
+  <body>
+    <div id="pin-app"></div>
+    <script type="module" src="/src/pin.ts"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/plugin.json b/plugins/screenshot-annotate/plugin.json
new file mode 100644
index 00000000..5c811f0d
--- /dev/null
+++ b/plugins/screenshot-annotate/plugin.json
@@ -0,0 +1,35 @@
+{
+  "$schema": "node_modules/@ztools-center/ztools-api-types/resource/ztools.schema.json",
+  "name": "screenshot-annotate",
+  "title": "截图标注",
+  "description": "截图 → 标注 → 复制 / 保存 / 钉到桌面",
+  "version": "1.3.12",
+  "author": "zyy",
+  "homepage": "https://github.com/zhaoyuyang8520/screenshot-annotate",
+  "logo": "logo.png",
+  "main": "index.html",
+  "preload": "preload/services.js",
+  "development": {
+    "main": "http://localhost:5173"
+  },
+  "features": [
+    {
+      "code": "ui.capture",
+      "explain": "进入截图标注",
+      "icon": "./logo.png",
+      "cmds": ["截图标注", "截图", "截屏"]
+    },
+    {
+      "code": "function.capture-copy",
+      "explain": "截图标注并复制到剪贴板",
+      "icon": "./logo.png",
+      "cmds": ["截图标注并复制"]
+    },
+    {
+      "code": "function.capture-pin",
+      "explain": "截图直接钉到桌面",
+      "icon": "./logo.png",
+      "cmds": ["截图并钉图", "钉图"]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/public/logo.png b/plugins/screenshot-annotate/public/logo.png
new file mode 100644
index 00000000..293d2c1c
Binary files /dev/null and b/plugins/screenshot-annotate/public/logo.png differ
diff --git a/plugins/screenshot-annotate/public/plugin.json b/plugins/screenshot-annotate/public/plugin.json
new file mode 100644
index 00000000..5c811f0d
--- /dev/null
+++ b/plugins/screenshot-annotate/public/plugin.json
@@ -0,0 +1,35 @@
+{
+  "$schema": "node_modules/@ztools-center/ztools-api-types/resource/ztools.schema.json",
+  "name": "screenshot-annotate",
+  "title": "截图标注",
+  "description": "截图 → 标注 → 复制 / 保存 / 钉到桌面",
+  "version": "1.3.12",
+  "author": "zyy",
+  "homepage": "https://github.com/zhaoyuyang8520/screenshot-annotate",
+  "logo": "logo.png",
+  "main": "index.html",
+  "preload": "preload/services.js",
+  "development": {
+    "main": "http://localhost:5173"
+  },
+  "features": [
+    {
+      "code": "ui.capture",
+      "explain": "进入截图标注",
+      "icon": "./logo.png",
+      "cmds": ["截图标注", "截图", "截屏"]
+    },
+    {
+      "code": "function.capture-copy",
+      "explain": "截图标注并复制到剪贴板",
+      "icon": "./logo.png",
+      "cmds": ["截图标注并复制"]
+    },
+    {
+      "code": "function.capture-pin",
+      "explain": "截图直接钉到桌面",
+      "icon": "./logo.png",
+      "cmds": ["截图并钉图", "钉图"]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/public/preload/services.js b/plugins/screenshot-annotate/public/preload/services.js
new file mode 100644
index 00000000..abe0e545
--- /dev/null
+++ b/plugins/screenshot-annotate/public/preload/services.js
@@ -0,0 +1,496 @@
+// ZTools「截图标注」插件 —— 渲染进程 Node 能力桥
+// 运行于 preload 环境：可访问 window.ztools（平铺 API）与 Node fs/path。
+// 所有跨进程的磁盘、剪贴板、建窗操作都集中在这里。
+
+const fs = require('node:fs')
+const path = require('node:path')
+const { ipcRenderer } = require('electron')
+
+/** 确保目录存在 */
+function ensureDir(dir) {
+  fs.mkdirSync(dir, { recursive: true })
+  return dir
+}
+
+/** 把 dataURL 写入文件（按 MIME 判断扩展名由调用方控制，这里按传入数据字节写） */
+function dataURLToBuffer(dataURL) {
+  const m = /^data:image\/[a-z+]+;base64,(.+)$/.exec(dataURL)
+  if (!m) throw new Error('dataURL 格式不合法')
+  return { buffer: Buffer.from(m[1], 'base64') }
+}
+
+/**
+ * 从 PNG buffer 解析像素宽高（IHDR 固定偏移 16/20）。非 PNG 或解析失败返回 null。
+ * 用于选区尺寸缺失时让编辑器/钉图窗口贴合图片真实尺寸，避免留白。
+ */
+function resolvePngSize(buffer) {
+  try {
+    if (
+      buffer[0] === 0x89 &&
+      buffer[1] === 0x50 &&
+      buffer[2] === 0x4e &&
+      buffer[3] === 0x47 &&
+      buffer[12] === 0x49
+    ) {
+      return { w: buffer.readUInt32BE(16), h: buffer.readUInt32BE(20) }
+    }
+  } catch {
+    /* ignore */
+  }
+  return null
+}
+
+// ── 跨窗口大图传递（临时文件）──────────────────────────────
+// 全屏大图 dataURL 动辄数 MB，塞进 URL query 会超 Chromium 长度限制导致建窗/加载失败。
+// 因此 dataURL 写到临时文件，URL 只传短文件路径，子窗口读回 dataURL。
+const TEMP_DIR = path.join(window.ztools.getPath('temp'), 'screenshot-annotate')
+
+// 固定默认保存格式（无可视化设置界面，默认 png）
+const DEFAULT_FORMAT = 'png'
+
+/** 写 dataURL 到临时文件，返回短文件路径（供 URL query 传递） */
+function writeTempImage(dataURL) {
+  const { buffer } = dataURLToBuffer(dataURL)
+  const stamp = Date.now().toString(36)
+  const filePath = path.join(TEMP_DIR, `shot_${stamp}.png`)
+  fs.mkdirSync(TEMP_DIR, { recursive: true })
+  fs.writeFileSync(filePath, buffer)
+  return filePath
+}
+
+/** 读临时图片文件 → dataURL；读后删除防堆积 */
+function readTempImage(filePath) {
+  const buf = fs.readFileSync(filePath)
+  try {
+    fs.unlinkSync(filePath)
+  } catch {
+    /* 删除失败不影响使用 */
+  }
+  return `data:image/png;base64,${buf.toString('base64')}`
+}
+
+/** 给 Promise 加超时，超时后 reject，避免永久挂起 */
+function withTimeout(promise, ms, msg) {
+  return new Promise((resolve, reject) => {
+    const t = setTimeout(() => reject(new Error(msg)), ms)
+    promise.then(
+      (v) => {
+        clearTimeout(t)
+        resolve(v)
+      },
+      (e) => {
+        clearTimeout(t)
+        reject(e)
+      }
+    )
+  })
+}
+
+/**
+ * 抓所有显示器的物理原图 + DIP 边界信息，供渲染层拼虚拟桌面。
+ * @returns {Promise<Array<{bounds, scaleFactor, dataURL}>>}
+ */
+async function captureDisplays() {
+  const displays = window.ztools.getAllDisplays()
+  const sources = await withTimeout(
+    window.ztools.desktopCaptureSources({
+      types: ['screen'],
+      thumbnailSize: { width: 0, height: 0 },
+      fetchWindowIcons: false
+    }),
+    8000,
+    'desktopCaptureSources 超时：可能缺少屏幕录制权限，请检查 Windows「设置→隐私→屏幕捕获」'
+  )
+
+  // sources 顺序与 displays 不一定一一对应，用 display_id 关联；
+  // 兜底按 index 对齐（desktopCapturer 通常按屏幕顺序返回）。
+  return displays.map((d, idx) => {
+    const thumb = (sources.find((s) => s.display_id === d.id) || sources[idx])?.thumbnail
+    const dataURL = thumb && !thumb.isEmpty() ? thumb.toDataURL() : null
+    return {
+      id: d.id,
+      bounds: d.bounds,
+      scaleFactor: d.scaleFactor,
+      dataURL
+    }
+  })
+}
+
+/** 打开标注编辑窗口（承载 EditorPanel）。dataURL 经临时文件传给渲染层（query 只放短路径）。 */
+function openCaptureWindow({ dataURL, x, y, width, height }) {
+  const winId = `edit${++editorSeq}`
+  const sz = resolvePngSize(dataURLToBuffer(dataURL).buffer)
+  const w = width || sz?.w || 960
+  const h = height || sz?.h || 640
+  const px = x ?? 80
+  const py = y ?? 80
+  const imgPath = writeTempImage(dataURL)
+  const url = `capture.html?img=${encodeURIComponent(imgPath)}&win=${winId}`
+  const win = window.ztools.createBrowserWindow(
+    url,
+    {
+      x: px,
+      y: py,
+      width: w,
+      height: h,
+      transparent: false,
+      frame: false,
+      title: '截图标注',
+      alwaysOnTop: true,
+      skipTaskbar: true,
+      resizable: true,
+      hasShadow: false,
+      fullscreenable: false,
+      webPreferences: {
+        nodeIntegration: true,
+        webSecurity: false,
+        preload: path.join(__dirname, 'services.js')
+      }
+    },
+    () => {}
+  )
+  // 窗口被关闭时自我清理
+  const t = setInterval(() => {
+    if (win.isDestroyed && win.isDestroyed()) {
+      clearInterval(t)
+      editors.delete(winId)
+    }
+  }, 2000)
+  editors.set(winId, win)
+  return win
+}
+
+/** 虚拟桌面 DIP 包围盒（主视图据此定 capture 窗口尺寸，不抓原图） */
+function getVirtualBounds() {
+  const displays = window.ztools.getAllDisplays()
+  let minX = Infinity
+  let minY = Infinity
+  let maxX = -Infinity
+  let maxY = -Infinity
+  for (const d of displays) {
+    minX = Math.min(minX, d.bounds.x)
+    minY = Math.min(minY, d.bounds.y)
+    maxX = Math.max(maxX, d.bounds.x + d.bounds.width)
+    maxY = Math.max(maxY, d.bounds.y + d.bounds.height)
+  }
+  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY }
+}
+
+/** 复制 DIP 合成图到系统剪贴板（写 png 位图） */
+function copyImageDataURL(dataURL) {
+  const { buffer } = dataURLToBuffer(dataURL)
+  return window.ztools.copyImage(new Uint8Array(buffer))
+}
+
+/**
+ * 弹出系统"另存为"对话框保存合成图；取消时返回 { path: null, canceled: true }。
+ * @param dataURL 图像 dataURL（png 或 jpeg）
+ * @param options { format?: 'png'|'jpg' }——省略时读持久化设置的默认值
+ * @returns { path: string|null, canceled: boolean }
+ */
+function saveImageDataURL(dataURL, options = {}) {
+  const { buffer } = dataURLToBuffer(dataURL)
+  const format = options.format || DEFAULT_FORMAT
+  const ext = format === 'jpg' ? 'jpg' : 'png'
+  const d = new Date()
+  const pad = (n) => String(n).padStart(2, '0')
+  const stamp =
+    `${d.getFullYear()}${pad(d.getMonth() + 1)}${pad(d.getDate())}_` +
+    `${pad(d.getHours())}${pad(d.getMinutes())}${pad(d.getSeconds())}`
+  const baseDir = path.join(window.ztools.getPath('pictures'), 'Screenshots')
+  const defaultPath = path.join(baseDir, `Screenshot_${stamp}.${ext}`)
+  const chosen = window.ztools.showSaveDialog({
+    title: '保存截图',
+    defaultPath,
+    filters: [{ name: '图片', extensions: [ext] }]
+  })
+  // undefined 表示用户取消
+  if (!chosen) return { path: null, canceled: true }
+  ensureDir(path.dirname(chosen))
+  fs.writeFileSync(chosen, buffer)
+  return { path: chosen, canceled: false }
+}
+
+const services = {
+  captureDisplays,
+  openCaptureWindow,
+  getVirtualBounds,
+  copyImageDataURL,
+  saveImageDataURL,
+  writeTempImage,
+  readTempImage,
+  openPinWindow,
+  pinGetBounds,
+  pinSetBounds,
+  pinMoveBy,
+  pinResize,
+  pinSetAlwaysOnTop,
+  pinClose,
+  pathJoin: (...p) => path.join(...p)
+}
+
+window.services = services
+
+// ── 钉图窗口管理 ───────────────────────────────────────────
+// 每张钉图一个独立置顶窗口；preload 记注册表，关闭即销毁防泄漏。
+
+/** @type {Map<string, any>} winId → WindowInstance */
+const pins = new Map()
+let pinSeq = 0
+
+/** 编辑器窗口注册表（供 JS 移窗中转） */
+const editors = new Map()
+let editorSeq = 0
+
+/**
+ * 窗口位置缓存（winId → [x, y]，绝对坐标）。
+ * 拖动时若每帧 getPosition/getBounds 回读再叠加增量，连续 setPosition 会回读到
+ * 合成前的旧值，窗口在邻近位置往返 → 整窗震动。这里首次惰性读一次作基准，
+ * 之后纯本地累加 + setPosition 绝对坐标（单调不回读），消除该竞态。
+ */
+const winPos = new Map()
+function posOf(winId, getter) {
+  let p = winPos.get(winId)
+  if (!p) {
+    const b = getter ? getter() : null
+    if (!b) return null
+    p = [Math.round(b.x === undefined ? b[0] : b.x), Math.round(b.y === undefined ? b[1] : b.y)]
+    winPos.set(winId, p)
+  }
+  return p
+}
+
+/**
+ * 打开一张钉图窗口。
+ * @param {{dataURL:string, x?:number, y?:number, width?:number, height?:number}} opts
+ * @returns {{winId:string, x:number, y:number, width:number, height:number}}
+ */
+function openPinWindow({ dataURL, x, y, width, height }) {
+  const winId = `pin${++pinSeq}`
+  // 默认按图原始尺寸；图片 dataURL 无法在 preload 取宽高，PinApp 会自适。窗口先给个合理默认。
+  const w = width || Math.min(480 * 2, 1200)
+  const h = height || Math.min(320 * 2, 900)
+  const px = x ?? 80
+  const py = y ?? 80
+  const imgPath = writeTempImage(dataURL)
+  const q = encodeURIComponent(imgPath)
+
+  const url = `pin.html?win=${winId}&img=${q}`
+  const win = window.ztools.createBrowserWindow(
+    url,
+    {
+      x: px,
+      y: py,
+      width: w,
+      height: h,
+      frame: false,
+      transparent: false,
+      backgroundColor: '#1c1c20',
+      alwaysOnTop: true,
+      skipTaskbar: true,
+      resizable: true,
+      hasShadow: true,
+      fullscreenable: false,
+      webPreferences: {
+        nodeIntegration: true,
+        webSecurity: false,
+        preload: path.join(__dirname, 'services.js')
+      }
+    },
+    () => {}
+  )
+  // 窗口被关闭时自我清理
+  const t = setInterval(() => {
+    if (win.isDestroyed && win.isDestroyed()) {
+      clearInterval(t)
+      pins.delete(winId)
+    }
+  }, 2000)
+  pins.set(winId, win)
+  return { winId, x: px, y: py, width: w, height: h }
+}
+
+function mustPin(winId) {
+  const w = pins.get(winId)
+  if (!w) throw new Error('钉图窗口不存在')
+  return w
+}
+function pinGetBounds(winId) {
+  const w = mustPin(winId)
+  return w.getBounds ? w.getBounds() : null
+}
+function pinSetBounds(winId, b) {
+  const w = mustPin(winId)
+  if (w.setBounds) {
+    w.setBounds(b)
+    // 同步位置缓存，避免后续拖动从旧基准累加导致错位
+    if (b && b.x !== undefined && b.y !== undefined) winPos.set(winId, [Math.round(b.x), Math.round(b.y)])
+  }
+}
+/** 设置窗口绝对位置（并同步位置缓存，供后续拖动累加） */
+function pinSetPosition(winId, x, y) {
+  const w = mustPin(winId)
+  const nx = Math.round(x)
+  const ny = Math.round(y)
+  winPos.set(winId, [nx, ny])
+  if (w.setPosition) w.setPosition(nx, ny)
+}
+/** 拖动：按增量移动。主窗口用缓存里的绝对坐标累加（不回读 getBounds，避免整窗震动） */
+function pinMoveBy(winId, dx, dy) {
+  const w = mustPin(winId)
+  const p = posOf(winId, () => w.getBounds())
+  if (!p || !w.setPosition) return
+  p[0] += dx
+  p[1] += dy
+  w.setPosition(Math.round(p[0]), Math.round(p[1]))
+}
+/** 缩放：以窗口左上为锚改变尺寸（phase4 简化：左上锚，滚轮缩放够用） */
+function pinResize(winId, dw, dh) {
+  const w = mustPin(winId)
+  const p = posOf(winId, () => w.getBounds())
+  const b = w.getBounds ? w.getBounds() : null
+  if (!b || !w.setBounds) return
+  const nw = Math.max(80, Math.round(b.width + dw))
+  const nh = Math.max(60, Math.round(b.height + dh))
+  w.setBounds({ x: p[0], y: p[1], width: nw, height: nh })
+}
+function pinSetAlwaysOnTop(winId, flag) {
+  const w = mustPin(winId)
+  if (w.setAlwaysOnTop) w.setAlwaysOnTop(!!flag)
+}
+function pinClose(winId) {
+  const w = pins.get(winId)
+  if (!w) return
+  if (w.close) w.close()
+  pins.delete(winId)
+}
+
+// ── 子窗口 → 主窗口钉图中转 ───────────────────────────────
+// 只有主插件窗口能 createBrowserWindow（子窗口的 webContents 不被识别为插件 → "plugin not found"）。
+// 编辑子窗口用 ztools.sendToParent 把钉图请求送回主窗口；主进程只把 __ipc_sendto_relay__ 发给发送者的
+// 父窗口，因此这里的监听只会在主窗口触发一次（子窗口自身不会收到自己的转发），无需按类型过滤。
+const PIN_CHANNEL = 'screenshot-annotate:open-pin'
+
+ipcRenderer.on(PIN_CHANNEL, (_event, dataURL) => {
+  try {
+    openPinWindow({ dataURL })
+  } catch (err) {
+    const msg = err instanceof Error ? err.message : String(err)
+    try {
+      window.ztools.showToast?.(`钉图失败: ${msg}`)
+    } catch {
+      /* 无 toast 通道时忽略 */
+    }
+  }
+})
+
+// 钉图窗口操作中转：钉图窗口是子窗口，其 preload 里 pins map 为空，无法直接操作
+// 主窗口创建的窗口实例（move/scale/top/bounds 全失效）。因此钉图窗口把这些操作
+// 经 sendToParent 送回主窗口执行（与钉图创建同一条已验证可靠的中转链路）。
+const PIN_CMD_CHANNEL = 'screenshot-annotate:pin-cmd'
+
+ipcRenderer.on(PIN_CMD_CHANNEL, (_event, payload) => {
+  const { winId, action } = payload || {}
+  if (!winId) return
+  try {
+    switch (action) {
+      case 'move':
+        // 绝对屏幕坐标（渲染层已算好窗口左上角 = screenX - clientX），直接落位并同步缓存
+        pinSetPosition(winId, payload.x || 0, payload.y || 0)
+        break
+      case 'resize':
+        pinResize(winId, payload.dw || 0, payload.dh || 0)
+        break
+      case 'setTop':
+        pinSetAlwaysOnTop(winId, !!payload.flag)
+        break
+      case 'setBounds':
+        pinSetBounds(winId, payload.bounds)
+        break
+      default:
+        break
+    }
+  } catch {
+    /* 窗口可能已关闭，忽略 */
+  }
+})
+
+// 编辑器窗口移动：编辑器子窗口经 sendToParent 请求主窗口移动自己窗口
+// （子窗口 preload 无法操作主窗口创建的窗口 instance）。
+// 采用**绝对屏幕坐标**（渲染层已算好窗口左上角目标 = screenX - clientX），
+// setPosition 直接落位并同步 winPos 缓存，不再做增量回读，彻底避免整窗震动。
+function editorMoveTo(winId, x, y) {
+  const w = editors.get(winId)
+  if (!w || !w.setPosition) return
+  const nx = Math.round(x)
+  const ny = Math.round(y)
+  winPos.set(winId, [nx, ny])
+  w.setPosition(nx, ny)
+}
+
+const EDITOR_MOVE_CHANNEL = 'screenshot-annotate:editor-move'
+
+ipcRenderer.on(EDITOR_MOVE_CHANNEL, (_event, payload) => {
+  const { winId, x, y } = payload || {}
+  if (!winId) return
+  try {
+    editorMoveTo(winId, x || 0, y || 0)
+  } catch {
+    /* 忽略 */
+  }
+})
+
+// ── 无页面命令协议（window.exports + mode:none）───────────
+// 触发任一 feature 时 ZTools 不渲染 main 页面，直接进入这里截图。
+// 参考市场插件 shortcut-capture 的同款协议。
+function startCapture(mode) {
+  const anyZtools = window.ztools
+  // 框选前先隐藏搜索主窗口：否则主窗口停留在屏幕上，被拍进截图画面里
+  anyZtools.hideMainWindow(true)
+  anyZtools.screenCapture((image, bounds) => {
+    if (!image) {
+      // 用户取消了框选，恢复主窗口让交互不中断
+      anyZtools.showMainWindow()
+      return
+    }
+    const b = bounds ?? { x: 80, y: 80, width: 0, height: 0 }
+    if (mode === 'pin') {
+      openPinWindow({
+        dataURL: image,
+        x: b.x ?? undefined,
+        y: b.y ?? undefined,
+        width: b.width || undefined,
+        height: b.height || undefined
+      })
+    } else {
+      openCaptureWindow({
+        dataURL: image,
+        x: b.x,
+        y: b.y,
+        width: b.width || undefined,
+        height: b.height || undefined
+      })
+    }
+  })
+}
+
+window.exports = {
+  'ui.capture': {
+    mode: 'none',
+    args: {
+      enter: () => startCapture('edit')
+    }
+  },
+  'function.capture-copy': {
+    mode: 'none',
+    args: {
+      enter: () => startCapture('edit')
+    }
+  },
+  'function.capture-pin': {
+    mode: 'none',
+    args: {
+      enter: () => startCapture('pin')
+    }
+  }
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/App.vue b/plugins/screenshot-annotate/src/App.vue
new file mode 100644
index 00000000..976db312
--- /dev/null
+++ b/plugins/screenshot-annotate/src/App.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+// 本插件已改用无页面命令协议（preload 的 window.exports + mode:none）。
+// 触发截图时不会加载此页面；这里仅作为 plugin.json `main` 的语法占位。
+</script>
+
+<template>
+  <div class="app-root"></div>
+</template>
+
+<style scoped>
+.app-root {
+  width: 100%;
+  height: 100%;
+  background: var(--bg, #f5f6f8);
+  box-sizing: border-box;
+}
+</style>
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/capture.css b/plugins/screenshot-annotate/src/capture.css
new file mode 100644
index 00000000..31efc739
--- /dev/null
+++ b/plugins/screenshot-annotate/src/capture.css
@@ -0,0 +1,82 @@
+html,
+body,
+#capture-app {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background: transparent;
+  font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
+}
+
+.cap-root {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: transparent;
+}
+
+.capture-stage {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  cursor: crosshair;
+  background: rgba(0, 0, 0, 0.28);
+}
+
+.preview-canvas {
+  display: block;
+  position: absolute;
+  inset: 0;
+  /* 背景图半透明，透出下方"实际桌面"的裁切效果 */
+  opacity: 0.92;
+}
+
+.sel-rect {
+  position: absolute;
+  border: 1.5px solid #4c8dff;
+  background: rgba(76, 141, 255, 0.12);
+  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.35);
+  pointer-events: none;
+}
+
+.sel-size {
+  position: absolute;
+  left: 0;
+  top: -24px;
+  padding: 2px 6px;
+  font-size: 12px;
+  color: #fff;
+  background: #4c8dff;
+  border-radius: 4px;
+  white-space: nowrap;
+}
+
+.hint {
+  position: absolute;
+  left: 50%;
+  bottom: 24px;
+  transform: translateX(-50%);
+  padding: 8px 16px;
+  font-size: 13px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 15px;
+}
+
+.err {
+  color: #ff6b6b;
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/capture.ts b/plugins/screenshot-annotate/src/capture.ts
new file mode 100644
index 00000000..85b4a23b
--- /dev/null
+++ b/plugins/screenshot-annotate/src/capture.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './capture.css'
+import CaptureApp from './capture/CaptureApp.vue'
+
+createApp(CaptureApp).mount('#capture-app')
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/capture/CaptureApp.vue b/plugins/screenshot-annotate/src/capture/CaptureApp.vue
new file mode 100644
index 00000000..a25b0e38
--- /dev/null
+++ b/plugins/screenshot-annotate/src/capture/CaptureApp.vue
@@ -0,0 +1,100 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import EditorPanel from '../editor/EditorPanel.vue'
+
+/** 弱依赖的 toast：ztools 有则用，没有则静默 */
+function toast(msg: string) {
+  const anyZtools = window.ztools as unknown as { showToast?: (m: string) => void }
+  anyZtools.showToast?.(msg)
+}
+
+const shot = ref<{ dataURL: string; width: number; height: number } | null>(null)
+const error = ref('')
+
+/** 从 URL query 取图 dataURL。img 可能是内联 dataURL，也可能是临时文件路径（大图走文件通道），后者经 readTempImage 读回。 */
+function imageFromQuery(): string | null {
+  const p = new URLSearchParams(window.location.search)
+  const raw = p.get('img')
+  if (!raw) return null
+  if (raw.startsWith('data:image/')) return raw
+  try {
+    return window.services.readTempImage(decodeURIComponent(raw))
+  } catch {
+    return null
+  }
+}
+
+function enterEditor(dataURL: string) {
+  const img = new Image()
+  img.onload = () => {
+    shot.value = { dataURL, width: img.naturalWidth, height: img.naturalHeight }
+  }
+  img.onerror = () => {
+    error.value = '图片数据加载失败'
+  }
+  img.src = dataURL
+}
+
+function onCopy(dataURL: string) {
+  window.services.copyImageDataURL(dataURL)
+  toast('已复制到剪贴板')
+}
+function onSave(dataURL: string) {
+  // 每次弹出系统保存框，由用户选择保存位置；取消则仅关闭不提示
+  const r = window.services.saveImageDataURL(dataURL, {})
+  if (!r.canceled && r.path) toast(`已保存: ${r.path}`)
+}
+/** 钉图：子窗口不能直接建窗（会 "plugin not found"），经 sendToParent 转主窗口创建置顶图窗 */
+function onPin(dataURL: string) {
+  const anyZtools = window.ztools as unknown as { sendToParent?: (channel: string, ...args: any[]) => void }
+  if (typeof anyZtools.sendToParent === 'function') {
+    anyZtools.sendToParent('screenshot-annotate:open-pin', dataURL)
+    toast('已钉到桌面')
+  } else {
+    toast('当前环境不支持钉图')
+  }
+}
+
+function close() {
+  window.close()
+}
+
+onMounted(() => {
+  const dataURL = imageFromQuery()
+  if (dataURL) enterEditor(dataURL)
+  else error.value = '未传入截图数据，请通过「Z截图」命令触发'
+})
+</script>
+
+<template>
+  <div class="cap-root">
+    <EditorPanel
+      v-if="shot"
+      :data-url="shot.dataURL"
+      :width="shot.width"
+      :height="shot.height"
+      :on-copy="onCopy"
+      :on-save="onSave"
+      :on-pin="onPin"
+      :on-close="close"
+    />
+    <div v-else class="loading">
+      <span>{{ error || '加载中…' }}</span>
+    </div>
+  </div>
+</template>
+
+<style>
+.cap-root {
+  width: 100%;
+  height: 100%;
+  background: #1c1c20;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.loading {
+  color: #aaa;
+  font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/editor/EditorPanel.vue b/plugins/screenshot-annotate/src/editor/EditorPanel.vue
new file mode 100644
index 00000000..1d241226
--- /dev/null
+++ b/plugins/screenshot-annotate/src/editor/EditorPanel.vue
@@ -0,0 +1,821 @@
+<script setup lang="ts">
+import { onBeforeUnmount, onMounted, reactive, ref } from 'vue'
+import { EditorController } from './annotation-controller'
+import type { ToolKind } from './annotations'
+
+const props = defineProps<{
+  dataUrl: string
+  width: number
+  height: number
+  onCopy: (dataURL: string) => void
+  onSave: (dataURL: string) => void
+  onPin?: (dataURL: string) => void
+  onClose: () => void
+}>()
+
+const canvasRef = ref<HTMLCanvasElement>()
+const stageRef = ref<HTMLElement>()
+let ctrl: EditorController | null = null
+let source: HTMLImageElement | null = null
+
+// ── 画布视图变换（平移/缩放）。canvas 固有尺寸=图片像素，CSS transform 负责显示缩放与位移。
+//    原点为变换中心，getBoundingClientRect 已含变换，localPoint 用 r.width/cv.width 还原 → 坐标映射始终正确。
+const view = reactive({ scale: 1, tx: 0, ty: 0 })
+let fit = 1 // 当前恰好铺满窗口的基础缩放（随窗口尺寸变化）
+let ro: ResizeObserver | null = null
+
+function applyView() {
+  const cv = canvasRef.value
+  if (cv) {
+    cv.style.transform = `translate(${view.tx}px, ${view.ty}px) scale(${view.scale})`
+  }
+}
+function recomputeFit() {
+  const stage = stageRef.value
+  const cv = canvasRef.value
+  if (!stage || !cv || cv.width === 0) return
+  const sw = stage.clientWidth
+  const sh = stage.clientHeight
+  if (!sw || !sh) return
+  // 基础缩放 = 铺满；保留当前 zoom 比例 -> 实际 scale = fit * zoomRatio
+  const newFit = Math.min(sw / cv.width, sh / cv.height)
+  const zoomRatio = view.scale / fit
+  fit = newFit
+  view.scale = newFit * zoomRatio
+  applyView()
+}
+function zoomBy(factor: number) {
+  const stage = stageRef.value
+  if (!stage) return
+  const min = Math.min(fit * 0.2, 0.1)
+  view.scale = Math.max(min, Math.min(fit * 8, view.scale * factor))
+  applyView()
+}
+
+// 主预览画布：图片像素 = canvas.width，CSS 显示用 contain 缩放
+// 工具箱
+const tools: { kind: ToolKind; label: string }[] = [
+  { kind: 'select', label: '选择/移动' },
+  { kind: 'rect', label: '矩形' },
+  { kind: 'ellipse', label: '圆形/椭圆' },
+  { kind: 'arrow', label: '箭头' },
+  { kind: 'pen', label: '画笔' },
+  { kind: 'text', label: '文字' },
+  { kind: 'mosaic', label: '马赛克' },
+  { kind: 'line', label: '直线' },
+  { kind: 'highlight', label: '高亮' }
+]
+/** 每个工具按钮的 SVG path（24×24，stroke 线性） */
+const iconPath: Record<ToolKind, string[]> = {
+  select: ['M3 3 L21 12 L12.5 13.5 L11 21 Z'],
+  pen: ['M3 16 L15 4 L20 4 L20 9 L8 21 L3 21 Z', 'M13 6 L18 11'],
+  line: ['M4 20 L20 4'],
+  arrow: ['M4 20 L19 5', 'M10 5 H19 V14'],
+  rect: ['M5 5 H19 V19 H5 Z'],
+  ellipse: ['M12 4 C18.5 4 21 8.5 21 12 C21 15.5 18.5 20 12 20 C5.5 20 3 15.5 3 12 C3 8.5 5.5 4 12 4 Z'],
+  highlight: ['M5 6 L19 3 L20.5 8 L6.5 11 Z'],
+  text: ['M5 5 H19', 'M12 5 V19'],
+  mosaic: ['M6 6 H12 V12 H6 Z', 'M12 6 H18 V12 H12 Z', 'M6 12 H12 V18 H6 Z', 'M12 12 H18 V18 H12 Z']
+}
+const colors = ['#e5484d', '#ff9d00', '#ffd400', '#3ec46d', '#19b6ff', '#7146ff', '#000000', '#ffffff']
+const lineWidths = [2, 4, 6]
+const currentTool = ref<ToolKind>('select')
+const color = ref('#e5484d')
+const lineWidth = ref(3)
+const fill = ref(false)
+const textSize = ref(28)
+const textBold = ref(false)
+const textSizes = [16, 20, 28, 36, 48]
+/** 当前选中了文字标注（控制工具栏字号/粗体控件显示） */
+const selectedIsText = ref(false)
+const mosaicShape = ref<'rect' | 'round'>('rect')
+const mosaicSizes = [10, 14, 20, 28, 40]
+const mosaicCell = ref(14)
+const canUndo = ref(false)
+const canRedo = ref(false)
+
+// 固定默认值（无可视化设置界面）
+const DEFAULT_COLOR = '#e5484d'
+const DEFAULT_LINE_WIDTH = 3
+
+// 文字输入浮层
+const textInputRef = ref<HTMLTextAreaElement>()
+
+function undo() {
+  ctrl?.undo()
+  canUndo.value = !!ctrl?.canUndo
+  canRedo.value = !!ctrl?.canRedo
+}
+function redo() {
+  ctrl?.redo()
+  canUndo.value = !!ctrl?.canUndo
+  canRedo.value = !!ctrl?.canRedo
+}
+function pickTool(t: ToolKind) {
+  currentTool.value = t
+  ctrl?.setTool(t)
+}
+function pickColor(c: string) {
+  color.value = c
+  ctrl?.setColor(c)
+  applyStyleToSelectedText({ color: c })
+}
+function pickWidth(w: number) {
+  lineWidth.value = w
+  ctrl?.setLineWidth(w)
+}
+function toggleFill() {
+  fill.value = !fill.value
+  ctrl?.setFill(fill.value)
+}
+function pickMosaicShape(s: 'rect' | 'round') {
+  mosaicShape.value = s
+  ctrl?.setMosaicShape(s)
+}
+function pickMosaicCell(c: number) {
+  mosaicCell.value = c
+  ctrl?.setMosaicCell(c)
+}
+function pickTextSize(s: number) {
+  textSize.value = s
+  ctrl?.setTextSize(s)
+  applyStyleToSelectedText({ size: s })
+}
+function pickTextBold() {
+  textBold.value = !textBold.value
+  ctrl?.setTextBold(textBold.value)
+  applyStyleToSelectedText({ bold: textBold.value })
+}
+
+/** 若选中了文字，把样式变更应用到它；新建文字仍由 setTextSize/setTextBold/setColor 覆盖默认值 */
+function applyStyleToSelectedText(partial: { size?: number; bold?: boolean; color?: string }) {
+  const applied = ctrl?.applyStyleToSelected(partial)
+  if (applied) syncTextStyleFromSelection()
+}
+
+/** 从当前选中的文字同步工具栏回显（选中的字号/粗体/颜色） */
+function syncTextStyleFromSelection() {
+  const st = ctrl?.getSelectedTextStyle()
+  if (st) {
+    textSize.value = st.size
+    textBold.value = !!st.bold
+    color.value = st.color
+    selectedIsText.value = true
+  } else {
+    selectedIsText.value = false
+  }
+}
+
+// 文字输入状态：定位到选中框内（居中浮层 → 改为画布框内）+ 落地
+const showTextDialog = ref(false)
+const editingText = ref('')
+/** 输入浮层在 canvas-wrap 内的 CSS 坐标（由框的图片像素折算） */
+const textPosCss = ref({ left: 0, top: 0, width: 200 })
+
+function commitText() {
+  if (!ctrl) return
+  ctrl.commitText(editingText.value)
+  showTextDialog.value = false
+}
+function cancelText() {
+  showTextDialog.value = false
+  ctrl?.cancelText()
+}
+
+/** 把图片像素坐标折算成 canvas-wrap 内 CSS 坐标（带 view scale/translate） */
+function openTextInput(rect: { x: number; y: number; w: number; h: number }) {
+  const cv = canvasRef.value
+  const stage = stageRef.value
+  if (!cv || !stage) return
+  const cr = cv.getBoundingClientRect()
+  const sr = stage.getBoundingClientRect()
+  const sx = cr.width / cv.width
+  const sy = cr.height / cv.height
+  textPosCss.value = {
+    left: cr.left - sr.left + rect.x * sx,
+    top: cr.top - sr.top + rect.y * sy,
+    width: Math.max(160, rect.w * sx)
+  }
+  // 正在重编辑文字时回填其内容
+  const sel = ctrl?.selected
+  editingText.value = sel && sel.type === 'text' ? sel.text : ''
+  showTextDialog.value = true
+  setTimeout(() => textInputRef.value?.focus(), 10)
+}
+
+function localPoint(e: PointerEvent): { x: number; y: number } {
+  const cv = canvasRef.value!
+  const r = cv.getBoundingClientRect()
+  return {
+    x: ((e.clientX - r.left) * cv.width) / r.width,
+    y: ((e.clientY - r.top) * cv.height) / r.height
+  }
+}
+
+// ── 平移 / 绘制模式切换 ──
+// ── 图片区手势：点击=绘制（两点式），拖动=移动整个窗口 ──
+const winId = new URLSearchParams(window.location.search).get('win') || ''
+let dragging = false
+let dragMoved = false
+let dragStartX = 0
+let dragStartY = 0
+let lastX = 0
+let lastY = 0
+
+/**
+ * 拖动"窗口"采用屏幕绝对坐标定位，彻底规避回环震动：
+ *  `screenX - clientX` 恒等于窗口左上角屏幕坐标（frame:false 窗口），
+ * 它由指针绝对位置算出，**不含任何窗口当前位置**，窗口被 setPosition 移动后
+ * 不会反馋进下一次目标计算（clientX 增量方案会：窗口一动 clientX 就反向变化 → 窗口往返震）。
+ * flushMove 只在目标坐标变化时才 setPosition（静止零 IPC、零重绘）。
+ */
+let moveTargetX = 0
+let moveTargetY = 0
+let rafPending = false
+/** 拖动开始时指针相对窗口的位置（固定基准）。移窗用 startClient 而非实时 e.clientX：
+ *  实时 clientX 随窗口移动变化，与 screenX 同步相减后得到"窗口当前位置"常数 → setPosition(原位) 永远移不动（拖不动）。
+ *  用固定 startClient 则目标随 screenX 单调变化 → 窗口跟随移动。 */
+let winStartClientX = 0
+let winStartClientY = 0
+/** 当前拖动手势类型：无 / 移窗 / 拖动选中标注 / 拖缩放手柄改大小 */
+let dragType: 'none' | 'window' | 'annotation' | 'resize' = 'none'
+
+/** 经 sendToParent 送主窗口移动编辑器窗口到绝对屏幕坐标（子窗口无法直接操作主窗口建的窗口） */
+function moveEditorWindow(x: number, y: number) {
+  const anyZtools = window.ztools as unknown as {
+    sendToParent?: (channel: string, ...args: unknown[]) => void
+  }
+  if (winId && typeof anyZtools.sendToParent === 'function') {
+    anyZtools.sendToParent('screenshot-annotate:editor-move', { winId, x: Math.round(x), y: Math.round(y) })
+  }
+}
+
+/** 移窗：把最新绝对目标发给窗口落位（pointermove 只在指针真正移动时触发，被调度即已动过，直接发） */
+function flushMove() {
+  rafPending = false
+  // 不做 `target===lastSent` 去重：在坐标恒等于初始值时会永远拦截、把窗口钉死原地（"完全拖不动"）。
+  // rAF 节流本身已保证静止（无 pointermove）不产生 IPC。
+  moveEditorWindow(moveTargetX, moveTargetY)
+}
+function onDown(e: PointerEvent) {
+  // 文字输入框打开时，点击画布任意处（输入框外）→ 直接保存
+  if (showTextDialog.value && !(e.target as HTMLElement).closest('.text-dialog')) {
+    commitText()
+    return
+  }
+  // 捕获指针：即使移出画布也持续收到 pointermove/pointerup，避免拖窗时松开在窗外导致 mouseup 丢失
+  try {
+    canvasRef.value?.setPointerCapture(e.pointerId)
+  } catch {
+    /* 捕获失败不影响后续（onMove 另有 buttons 兜底） */
+  }
+  dragging = true
+  dragMoved = false
+  dragStartX = e.clientX
+  dragStartY = e.clientY
+  lastX = e.clientX
+  lastY = e.clientY
+  // 记录移动窗口专用的固定基准（避免拖窗分支反复用实时 e.clientX 导致目标恒为原位）
+  winStartClientX = e.clientX
+  winStartClientY = e.clientY
+  // 初始化绝对定位基准：当前窗口左上角屏幕坐标 = screenX - clientX
+  moveTargetX = e.screenX - winStartClientX
+  moveTargetY = e.screenY - winStartClientY
+  // 微信截图式：不切工具也能直接跟手拖/缩放已存在的标注。指针按下先全局命中已有标注：
+  //   - 命中 → 选中；若落在其缩放手柄上 → `resize`（改大小），否则跟手移动（文字后续可单击编辑）
+  //   - 未命中 → 按当前工具：select 拖窗口，绘制/文字工具正常作画
+  // 用 selectAt（命中即选中）而非 beginDragSelected（要求"已选中"）：首击点到未选中标注时
+  // beginDragSelected 返回 false 会误拖整窗 → 选不中原 bug。selectAt 命中首击即选中。
+  const p = localPoint(e)
+  if (ctrl?.selectAt(p.x, p.y)) {
+    if (ctrl?.hitHandleAt(p.x, p.y) && ctrl.beginResize(p.x, p.y)) {
+      dragType = 'resize'
+    } else {
+      dragType = 'annotation'
+    }
+  } else if (currentTool.value === 'select') {
+    dragType = 'window'
+  } else {
+    dragType = 'none'
+    ctrl?.pointerDown(p.x, p.y)
+  }
+}
+/** 强制结束本次拖拽：左键已松开（mouseup 丢失兜底），复位拖动状态、停止窗口/标注移动 */
+function forceEndDrag(pointerId?: number) {
+  if (dragType === 'annotation' && dragMoved) ctrl?.endDragSelected()
+  if (dragType === 'resize' && dragMoved) ctrl?.endResize()
+  dragType = 'none'
+  dragging = false
+  dragMoved = false
+  if (pointerId !== undefined) {
+    try {
+      canvasRef.value?.releasePointerCapture(pointerId)
+    } catch {
+      /* 忽略 */
+    }
+  }
+}
+
+function onMove(e: PointerEvent) {
+  const cv = canvasRef.value
+  if (!dragging) {
+    // 未拖动：hover 在选中标注的缩放手柄上 → 显示缩放光标（line/arrow 端点用移动光标）
+    if (cv) {
+      const p = localPoint(e)
+      const onHandle = !!(ctrl?.selected && ctrl?.hitHandleAt(p.x, p.y))
+      const selType = ctrl?.selected?.type
+      cv.style.cursor = onHandle && selType !== 'line' && selType !== 'arrow' ? 'nwse-resize' : 'crosshair'
+    }
+    return
+  }
+  // 兜底：左键实际已松开（e.buttons 左键位为 0）但 pointerup 丢失 → 强制复位，防拖窗残留闪烁
+  if (e.buttons !== undefined && (e.buttons & 1) === 0) {
+    forceEndDrag(e.pointerId)
+    return
+  }
+  // 位移阈值界定是否算拖动（拖窗/拖标注区分单击）
+  if (dragType !== 'none' && !dragMoved &&
+      Math.abs(e.clientX - dragStartX) + Math.abs(e.clientY - dragStartY) > 4) {
+    dragMoved = true
+  }
+  if (dragType === 'annotation') {
+    // 拖动选中标注：屏px 转为画布像素增量（除以缩放），纯本地移动零 IPC
+    if (!dragMoved) return
+    const dx = e.clientX - lastX
+    const dy = e.clientY - lastY
+    lastX = e.clientX
+    lastY = e.clientY
+    const s = Math.max(view.scale, 0.01)
+    ctrl?.moveSelectedBy(dx / s, dy / s)
+    return
+  }
+  if (dragType === 'resize') {
+    // 拖缩放手柄：指针画布坐标直接交给 controller 按锚点缩放
+    if (!dragMoved) return
+    const p = localPoint(e)
+    ctrl?.resizeTo(p.x, p.y)
+    return
+  }
+  if (dragType === 'window') {
+    // 拖窗口：目标 = screenX - 固定基准 winStartClient（非实时 e.clientX），
+    // 使目标随指针屏幕位置单调变化（跟随移动），避免实时 clientX 抵消 → 目标恒原位 → 拖不动
+    moveTargetX = e.screenX - winStartClientX
+    moveTargetY = e.screenY - winStartClientY
+    if (!rafPending) {
+      rafPending = true
+      requestAnimationFrame(flushMove)
+    }
+    return
+  }
+  // 绘制工具：实时绘制
+  const p = localPoint(e)
+  ctrl?.pointerMove(p.x, p.y)
+}
+function onUp(e: PointerEvent) {
+  dragging = false
+  if (dragType === 'annotation') {
+    if (dragMoved) {
+      ctrl?.endDragSelected()
+    } else {
+      // 单击未拖：文字 → 再次编辑内容；其它标注保持选中
+      const sel = ctrl?.selected
+      if (sel && sel.type === 'text') {
+        ctrl?.startEditSelectedText()
+      }
+    }
+    dragType = 'none'
+    canUndo.value = !!ctrl?.canUndo
+    canRedo.value = !!ctrl?.canRedo
+    return
+  }
+  if (dragType === 'window') {
+    dragType = 'none'
+    // 把最后一次未提交的目标发出，避免拖尾残留
+    if (rafPending) {
+      rafPending = false
+      flushMove()
+    }
+    return
+  }
+  if (dragType === 'resize') {
+    // 缩放结束（拖前状态已在首次 move 入栈；纯单击未拖则无副作用）
+    ctrl?.endResize()
+    dragType = 'none'
+    canUndo.value = !!ctrl?.canUndo
+    canRedo.value = !!ctrl?.canRedo
+    return
+  }
+  dragType = 'none'
+  ctrl?.pointerUp()
+  canUndo.value = !!ctrl?.canUndo
+  canRedo.value = !!ctrl?.canRedo
+}
+function onWheel(e: WheelEvent) {
+  e.preventDefault()
+  zoomBy(e.deltaY < 0 ? 1.15 : 1 / 1.15)
+}
+
+function exportDataURL(): string {
+  return ctrl!.canvasElement.toDataURL('image/png')
+}
+
+/** 全局按键：Esc 关闭编辑窗口 */
+function onGlobalKey(e: KeyboardEvent) {
+  if (e.key === 'Escape') {
+    props.onClose()
+    return
+  }
+  if (e.ctrlKey || e.metaKey) {
+    const k = e.key.toLowerCase()
+    if (k === 'z') {
+      e.preventDefault()
+      undo()
+      return
+    }
+    if (k === 'y') {
+      e.preventDefault()
+      redo()
+      return
+    }
+  }
+  if ((e.key === 'Delete' || e.key === 'Backspace') && currentTool.value === 'select') {
+    ctrl?.deleteSelected()
+    canUndo.value = !!ctrl?.canUndo
+    canRedo.value = !!ctrl?.canRedo
+  }
+}
+
+/** 应用固定默认颜色/线宽（若已实例化 ctrl 立即同步） */
+function applySettings() {
+  if (!ctrl) return
+  color.value = DEFAULT_COLOR
+  lineWidth.value = DEFAULT_LINE_WIDTH
+  ctrl.setColor(DEFAULT_COLOR)
+  ctrl.setLineWidth(DEFAULT_LINE_WIDTH)
+}
+
+onMounted(() => {
+  const img = document.createElement('img')
+  img.onload = () => {
+    source = img
+    const cv = canvasRef.value!
+    ctrl = new EditorController(cv, img, props.width, props.height)
+    ctrl.onTextRequest = openTextInput
+    ctrl.onSelectionChange = syncTextStyleFromSelection
+    applySettings()
+    ctrl.render()
+    recomputeFit()
+  }
+  img.src = props.dataUrl
+  recomputeFit()
+  // 窗口尺寸变化时重算铺满基础缩放；首次给一次延迟确保布局就绪
+  const stage = stageRef.value
+  if (stage) {
+    ro = new ResizeObserver(() => recomputeFit())
+    ro.observe(stage)
+  }
+  window.addEventListener('keydown', onGlobalKey)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('keydown', onGlobalKey)
+  ro?.disconnect()
+  ctrl = null
+  source = null
+})
+
+defineExpose({ exportDataURL })
+</script>
+
+<template>
+  <div class="editor-canvas-stage">
+    <div ref="stageRef" class="canvas-wrap">
+      <div
+        v-if="showTextDialog"
+        class="text-dialog"
+        :style="{ left: textPosCss.left + 'px', top: textPosCss.top + 'px', width: textPosCss.width + 'px' }"
+      >
+        <textarea
+          ref="textInputRef"
+          v-model="editingText"
+          class="text-input"
+          rows="1"
+          placeholder="输入文字，回车确认"
+          :style="{ color, fontSize: `${Math.round(textSize / Math.max(view.scale, 0.2))}px`, fontWeight: textBold ? 'bold' : 'normal' }"
+          @keydown.enter.prevent="commitText"
+          @keydown.esc="cancelText"
+          @blur="commitText"
+        />
+      </div>
+      <canvas
+        ref="canvasRef"
+        class="editor-canvas"
+        :style="{ transform: `translate(${view.tx}px, ${view.ty}px) scale(${view.scale})` }"
+        @pointerdown="onDown"
+        @pointermove="onMove"
+        @pointerup="onUp"
+        @wheel="onWheel"
+      />
+    </div>
+
+    <div class="wx-toolbar">
+      <!-- 顶部第 1 组：工具图标 -->
+      <div class="tb-group">
+        <button
+          v-for="t in tools"
+          :key="t.kind"
+          class="tb-icon"
+          :class="{ on: currentTool === t.kind }"
+          :title="t.label"
+          @click="pickTool(t.kind)"
+        >
+          <svg viewBox="0 0 24 24" class="tb-svg">
+            <path v-for="(d, i) in iconPath[t.kind]" :key="i" :d="d" />
+          </svg>
+        </button>
+      </div>
+
+      <div class="tb-line" />
+
+      <!-- 撤销/重做 -->
+      <div class="tb-group">
+        <button class="tb-icon" :disabled="!canUndo" title="撤销 (Ctrl+Z)" @click="undo">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M8 5 L3 10 L8 15" /><path d="M4 10 H16 A4 4 0 0 1 16 18 H12" /></svg>
+        </button>
+        <button class="tb-icon" :disabled="!canRedo" title="重做 (Ctrl+Y)" @click="redo">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M16 5 L21 10 L16 15" /><path d="M20 10 H8 A4 4 0 0 0 8 18 H12" /></svg>
+        </button>
+      </div>
+
+      <div class="tb-line" />
+
+      <!-- 颜色色板 -->
+      <div class="tb-group colors">
+        <button
+          v-for="c in colors"
+          :key="c"
+          class="swatch"
+          :class="{ on: color === c }"
+          :style="{ background: c }"
+          :title="c"
+          @click="pickColor(c)"
+        />
+      </div>
+
+      <div class="tb-group">
+        <button
+          v-for="w in lineWidths"
+          :key="w"
+          class="tb-w"
+          :class="{ on: lineWidth === w }"
+          :title="w + 'px'"
+          @click="pickWidth(w)"
+        >
+          {{ w }}
+        </button>
+        <button class="tb-icon" :class="{ on: fill }" title="填充" @click="toggleFill">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M4 6 H20 V12 H4 Z M4 14 H20 V18 H4 Z" /></svg>
+        </button>
+      </div>
+
+      <!-- 马赛克扩展：形状 + 尺寸 -->
+      <div v-if="currentTool === 'mosaic'" class="tb-group mosaic-o">
+        <button class="tb-icon" :class="{ on: mosaicShape === 'rect' }" title="方格" @click="pickMosaicShape('rect')">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M4 4 H20 V20 H4 Z M4 12 H20 M12 4 V20" /></svg>
+        </button>
+        <button class="tb-icon" :class="{ on: mosaicShape === 'round' }" title="球状" @click="pickMosaicShape('round')">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M12 4 A8 8 0 0 1 12 20 A8 8 0 0 1 12 4 Z M7 7 H17 M7 12 H17 M7 17 H17 M12 7 V17" /></svg>
+        </button>
+        <button
+          v-for="c in mosaicSizes"
+          :key="c"
+          class="tb-w"
+          :class="{ on: mosaicCell === c }"
+          :title="'格 ' + c"
+          @click="pickMosaicCell(c)"
+        >
+          {{ c }}
+        </button>
+      </div>
+
+      <!-- 文字扩展：字号 + 粗体（文字工具或选中文字时展开） -->
+      <div v-if="currentTool === 'text' || selectedIsText" class="tb-group">
+        <button class="tb-icon" :class="{ on: textBold }" title="粗体" @click="pickTextBold">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M7 4 H14 A3.5 3.5 0 0 1 14 11 H7 Z M7 11 H15 A3 3 0 0 1 15 18 H7 Z" /></svg>
+        </button>
+        <button
+          v-for="s in textSizes"
+          :key="s"
+          class="tb-w"
+          :class="{ on: textSize === s }"
+          :title="'字号 ' + s"
+          @click="pickTextSize(s)"
+        >
+          {{ s }}
+        </button>
+      </div>
+
+      <div class="tb-spacer" />
+
+      <!-- 底部操作：取消/复制/保存/钉图 -->
+      <div class="tb-group">
+        <button class="tb-icon danger" title="取消 (Esc)" @click="props.onClose">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M6 6 L18 18 M18 6 L6 18" /></svg>
+        </button>
+        <button class="tb-icon primary" title="复制 (Ctrl+C)" @click="props.onCopy(exportDataURL())">
+          <svg viewBox="0 0 24 24" class="tb-svg"><rect x="8" y="8" width="12" height="12" /><path d="M4 16 V4 H16" /></svg>
+        </button>
+        <button class="tb-icon primary" title="保存 (Ctrl+S)" @click="props.onSave(exportDataURL())">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M12 4 V16 M6 11 L12 17 L18 11" /><path d="M4 19 V20 H20 V19" /></svg>
+        </button>
+        <button v-if="props.onPin" class="tb-icon primary" title="钉图" @click="props.onPin!(exportDataURL())">
+          <svg viewBox="0 0 24 24" class="tb-svg"><path d="M8 21 L9 16 L5 12 V10 H19 V12 L15 16 L16 21 Z" /></svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+/* ── 整窗深色遮罩（微信截图式）── */
+.editor-canvas-stage {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #1c1c20;
+  overflow: hidden;
+  user-select: none;
+}
+.canvas-wrap {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+/* 图片区域：圆角 + 微描边 + 阴影，悬浮于遮罩之上 */
+.editor-canvas {
+  display: block;
+  background: #000;
+  cursor: crosshair;
+  transform-origin: center center;
+  touch-action: none;
+}
+/* 文字输入浮层：定位到框内（left/top 由 openTextInput 折算） */
+.text-dialog {
+  position: absolute;
+  z-index: 30;
+  transform-origin: 0 0;
+  -webkit-app-region: no-drag;
+}
+.text-input {
+  width: 100%;
+  min-height: 40px;
+  box-sizing: border-box;
+  padding: 4px 8px;
+  background: rgba(0, 0, 0, 0.72);
+  color: #fff;
+  border: 1.5px dashed #4c8dff;
+  border-radius: 6px;
+  outline: none;
+  font-weight: bold;
+  font-family: sans-serif;
+  resize: none;
+  white-space: pre-wrap;
+  overflow: hidden;
+}
+.text-input::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/* ── 右侧竖向浮动工具条（微信截图式图标栏）── */
+.wx-toolbar {
+  /* 悬浮覆盖图片底部（窗口贴合选区、图片占满时，按钮即"底层"） */
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  max-width: 100%;
+  padding: 18px 10px 10px;
+  background: linear-gradient(transparent, rgba(18, 20, 26, 0.86) 38%);
+  -webkit-app-region: no-drag;
+  user-select: none;
+}
+.tb-group {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 2px;
+}
+.tb-line {
+  width: 1px;
+  height: 24px;
+  background: rgba(255, 255, 255, 0.16);
+  margin: 0 4px;
+}
+.tb-spacer {
+  width: 6px;
+}
+.tb-icon {
+  width: 36px;
+  height: 36px;
+  margin: 1px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  color: #c8ccd4;
+  border-radius: 9px;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+  -webkit-app-region: no-drag;
+}
+.tb-icon:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+.tb-icon.on {
+  background: #3a76f0;
+  color: #fff;
+}
+.tb-icon.danger:hover {
+  background: #e5484d;
+  color: #fff;
+}
+.tb-icon.primary {
+  color: #fff;
+}
+.tb-icon.primary:hover {
+  background: rgba(255, 255, 255, 0.14);
+}
+.tb-icon:disabled {
+  opacity: 0.3;
+  cursor: default;
+  background: transparent;
+}
+.tb-svg {
+  width: 21px;
+  height: 21px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.8;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+/* 色板：横向单行小圆点 */
+.tb-group.colors {
+  flex-direction: row;
+  flex-wrap: nowrap;
+  gap: 4px;
+  padding: 0 4px;
+}
+.swatch {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  cursor: pointer;
+  padding: 0;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  -webkit-app-region: no-drag;
+}
+.swatch.on {
+  outline: 2px solid #3a76f0;
+  outline-offset: 2px;
+}
+/* 线宽小号 */
+.tb-w {
+  min-width: 30px;
+  height: 30px;
+  padding: 0 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  color: #c8ccd4;
+  border-radius: 8px;
+  font-size: 12px;
+  cursor: pointer;
+  -webkit-app-region: no-drag;
+}
+.tb-w:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+.tb-w.on {
+  background: #3a76f0;
+  color: #fff;
+}
+</style>
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/editor/annotation-controller.ts b/plugins/screenshot-annotate/src/editor/annotation-controller.ts
new file mode 100644
index 00000000..79be8272
--- /dev/null
+++ b/plugins/screenshot-annotate/src/editor/annotation-controller.ts
@@ -0,0 +1,801 @@
+/**
+ * 标注画布交互控制器
+ *
+ * 交互范式：**实时拖动绘制**。
+ *   - 选择(select)：由 EditorPanel 接管 → 拖动=移动窗口，不进入这里，不做删除。
+ *   - 画笔(pen)：按下起笔、拖动成线、松开提交。
+ *   - 区间工具(rect/ellipse/line/arrow/highlight/mosaic)：按下定起点、拖动实时预览、松开成形。
+ *   - 文字(text)：点击定位 → 弹输入框（commitText 落地）。
+ */
+import { Annotation, TextAnno, ToolKind, drawAnnotation, History, genId, Point } from './annotations'
+
+export interface ToolSettings {
+  style: { color: string; lineWidth: number; fill?: boolean }
+  textStyle: { color: string; size: number; bold: boolean }
+  mosaicCell: number
+  mosaicShape: 'rect' | 'round'
+}
+
+const DEFAULT_TOOL: ToolKind = 'select'
+const DEFAULT_STYLE = { color: '#e5484d', lineWidth: 3 }
+const DEFAULT_TEXT_STYLE = { color: '#e5484d', size: 28, bold: false }
+
+/** 区间型（按下拖动实时预览）工具的集合 */
+const SHAPE_TOOLS: ToolKind[] = ['rect', 'ellipse', 'line', 'arrow', 'highlight', 'mosaic']
+
+/** 正在绘制的草稿：a=起点，b=随指针更新的终点；pen 存画笔轨迹 */
+interface Draft {
+  tool: ToolKind
+  a: Point
+  b: Point
+  pen?: Point[]
+}
+
+export class EditorController {
+  private canvas: HTMLCanvasElement
+  private ctx: CanvasRenderingContext2D
+  private source: CanvasImageSource
+
+  private list: Annotation[] = []
+  private history: History
+
+  currentTool: ToolKind = DEFAULT_TOOL
+  settings: ToolSettings = {
+    style: { ...DEFAULT_STYLE },
+    textStyle: { ...DEFAULT_TEXT_STYLE },
+    mosaicCell: 14,
+    mosaicShape: 'rect'
+  }
+
+  /** 文字输入请求：Vue 弹出输入框定位到该点，完成后调用 commitText */
+  onTextRequest: ((rect: { x: number; y: number; w: number; h: number }) => void) | null = null
+  /** 选中目标变化/文字字号缩放后被调用，用于 Vue 回显工具栏样式 */
+  onSelectionChange: (() => void) | null = null
+
+  // ── 实时绘制状态 ──
+  private draft: Draft | null = null
+  private pendingTextPos: Point | null = null
+  /** 选择工具命中的标注 id；用于二次编辑/删除 */
+  private selectedId: string | null = null
+  /** 正在重新编辑的既有文字标注 id（区别于新建 pendingTextPos） */
+  private editingTextId: string | null = null
+  /** 拖动选中标注时是否已记录拖前状态（首次 move 才 push，避免单击命中误记撤销） */
+  private draggedOnce = false
+  /** 缩放手柄：当前命中的手柄 index 与拖动起始几何快照（-1=未在缩放） */
+  private resizeHandle = -1
+  private resizeKind: 'box' | 'endpoint' | null = null
+  private resizeStart: { x: number; y: number; w: number; h: number; size: number } | null = null
+  private resizedOnce = false
+
+  constructor(
+    canvas: HTMLCanvasElement,
+    source: CanvasImageSource,
+    width: number,
+    height: number,
+    onDirty?: () => void
+  ) {
+    this.canvas = canvas
+    this.ctx = canvas.getContext('2d')!
+    canvas.width = width
+    canvas.height = height
+    this.source = source
+    this.history = new History(onDirty)
+  }
+
+  get annotations(): Annotation[] {
+    return this.list
+  }
+  get canvasElement(): HTMLCanvasElement {
+    return this.canvas
+  }
+  get canUndo(): boolean {
+    return this.history.canUndo
+  }
+  get canRedo(): boolean {
+    return this.history.canRedo
+  }
+  /** 是否正在实时绘制（指针按下未松开） */
+  get hasDrawing(): boolean {
+    return this.draft !== null
+  }
+
+  // ── 工具栏指令 ──
+
+  setTool(tool: ToolKind): void {
+    this.currentTool = tool
+    this.clearDraft()
+    this.render()
+  }
+  setColor(color: string): void {
+    this.settings.style.color = color
+    this.settings.textStyle.color = color
+  }
+  setLineWidth(w: number): void {
+    this.settings.style.lineWidth = w
+  }
+  setFill(fill: boolean): void {
+    this.settings.style.fill = fill
+  }
+  setMosaicCell(c: number): void {
+    this.settings.mosaicCell = c
+  }
+  setMosaicShape(s: 'rect' | 'round'): void {
+    this.settings.mosaicShape = s
+  }
+  setTextSize(size: number): void {
+    this.settings.textStyle.size = size
+  }
+  setTextBold(bold: boolean): void {
+    this.settings.textStyle.bold = bold
+  }
+
+  undo(): void {
+    this.clearPending()
+    this.list = this.history.undo(this.list)
+    this.render()
+  }
+  redo(): void {
+    this.list = this.history.redo(this.list)
+    this.render()
+  }
+
+  // ── 实时绘制交互 ──
+
+  /** 指针按下：按当前工具开始（select 由 EditorPanel 接管移窗，不调用） */
+  pointerDown(x: number, y: number): void {
+    const t = this.currentTool
+    if (t === 'select') return
+    if (t === 'text') {
+      this.pendingTextPos = { x, y }
+      this.onTextRequest?.({ x, y, w: 0, h: 0 })
+      return
+    }
+    if (t === 'pen') {
+      this.draft = { tool: t, a: { x, y }, b: { x, y }, pen: [{ x, y }] }
+    } else if (SHAPE_TOOLS.includes(t)) {
+      this.draft = { tool: t, a: { x, y }, b: { x, y } }
+    }
+    this.render()
+  }
+
+  /** 指针移动：更新草稿端点 / 画笔轨迹 */
+  pointerMove(x: number, y: number): void {
+    const d = this.draft
+    if (!d) return
+    if (d.tool === 'pen') {
+      const p = d.pen!
+      const last = p[p.length - 1]
+      if (Math.abs(last.x - x) + Math.abs(last.y - y) >= 1) p.push({ x, y })
+    }
+    d.b = { x, y }
+    this.render()
+  }
+
+  /** 指针松开：提交当前草稿入栈 */
+  pointerUp(): void {
+    const d = this.draft
+    if (!d) return
+    this.draft = null
+    if (d.tool === 'pen') {
+      this.finishPen(d.pen ?? [{ ...d.a }])
+    } else {
+      this.completeShape(d.tool, d.a, d.b)
+    }
+    this.render()
+  }
+
+  // ── 选择/二次编辑 ──
+
+  /** 选择工具单击：命中标注→选中；未命中→清空选中。返回是否命中 */
+  selectAt(x: number, y: number): boolean {
+    const idx = this.lastAt(x, y)
+    if (idx < 0) {
+      this.selectedId = null
+      this.render()
+      this.onSelectionChange?.()
+      return false
+    }
+    this.selectedId = this.list[idx].id
+    this.render()
+    this.onSelectionChange?.()
+    return true
+  }
+
+  /** 当前选中的标注（无则 null） */
+  get selected(): Annotation | null {
+    return this.selectedId ? (this.list.find((a) => a.id === this.selectedId) ?? null) : null
+  }
+
+  /** 删除当前选中的标注 */
+  deleteSelected(): void {
+    if (!this.selectedId) return
+    this.list = this.list.filter((a) => a.id !== this.selectedId)
+    this.selectedId = null
+    this.history.push(this.list)
+    this.render()
+    this.onSelectionChange?.()
+  }
+
+  /** 若选中的是文字，重新弹出输入框编辑其内容 */
+  startEditSelectedText(): void {
+    const sel = this.selected
+    if (!sel || sel.type !== 'text') return
+    this.editingTextId = sel.id
+    this.onTextRequest?.({ x: sel.pos.x, y: sel.pos.y - sel.textStyle.size * 0.2, w: sel.textStyle.size, h: sel.textStyle.size })
+  }
+
+  /** 把文字样式(字号/粗体/颜色)部分应用到选中的文字。返回是否实际改动。 */
+  applyStyleToSelected(partial: Partial<{ size: number; bold: boolean; color: string }>): boolean {
+    const sel = this.selected
+    if (!sel || sel.type !== 'text') return false
+    const next = { ...sel.textStyle, ...partial }
+    if (next.size === sel.textStyle.size && next.bold === sel.textStyle.bold && next.color === sel.textStyle.color) return false
+    this.history.push(this.list)
+    this.list = this.list.map((a) =>
+      a.id === sel.id && a.type === 'text' ? { ...a, textStyle: next } : a,
+    )
+    this.render()
+    return true
+  }
+
+  /** 当前选中文字的样式，供工具栏回显；非文字返回 null。 */
+  getSelectedTextStyle(): { size: number; bold: boolean; color: string } | null {
+    const sel = this.selected
+    return sel && sel.type === 'text'
+      ? { size: sel.textStyle.size, bold: sel.textStyle.bold, color: sel.textStyle.color }
+      : null
+  }
+
+  /** 判断点是否命中当前选中的标注（select 拖动手势分派用） */
+  hitSelectedAt(x: number, y: number): boolean {
+    const sel = this.selected
+    return sel ? this.hitTest(sel, x, y) : false
+  }
+
+  /** 命中选中标注并开始拖动。返回是否命中启动。拖前状态在首次 move 时入栈（见 moveSelectedBy）。 */
+  beginDragSelected(x: number, y: number): boolean {
+    const sel = this.selected
+    if (!sel) return false
+    if (!this.hitTest(sel, x, y)) return false
+    this.draggedOnce = false
+    return true
+  }
+
+  /** 平移当前选中的标注（整体移动 dx,dy 像素；纯本地改坐标，零 IPC、不掉帧） */
+  moveSelectedBy(dx: number, dy: number): void {
+    const id = this.selected?.id
+    if (!id) return
+    if (!this.draggedOnce) {
+      this.draggedOnce = true
+      this.history.push(this.list)
+    }
+    this.list = this.list.map((a) => {
+      if (a.id !== id) return a
+      switch (a.type) {
+        case 'text':
+          return { ...a, pos: { x: a.pos.x + dx, y: a.pos.y + dy } } as Annotation
+        case 'pen':
+          return { ...a, points: a.points.map((p) => ({ x: p.x + dx, y: p.y + dy })) } as Annotation
+        case 'line':
+        case 'arrow':
+          return {
+            ...a,
+            a: { x: a.a.x + dx, y: a.a.y + dy },
+            b: { x: a.b.x + dx, y: a.b.y + dy }
+          } as Annotation
+        default:
+          return {
+            ...a,
+            rect: { x: a.rect.x + dx, y: a.rect.y + dy, w: a.rect.w, h: a.rect.h }
+          } as Annotation
+      }
+    })
+    this.render()
+  }
+
+  /** 选中标注拖动结束（拖前状态已在首次 move 时入栈，无需额外记录） */
+  endDragSelected(): void {
+    this.draggedOnce = false
+  }
+
+  // ── 缩放手柄（改变标注大小/缩放文字） ──
+
+  /**
+   * 选中标注的缩放手柄位置（画布像素）。
+   *  rect/ellipse/highlight/mosaic: 8 点 —— 4 角(nw,ne,se,sw) + 4 边中点(n,e,s,w)，可单边拖拽；
+   *  text/pen: 4 个角（对角等比缩放）；line/arrow: 两个端点(a,b)。未选中返回 []。
+   */
+  handlePositions(sel: Annotation): Point[] {
+    switch (sel.type) {
+      case 'line':
+      case 'arrow':
+        return [{ ...sel.a }, { ...sel.b }]
+      default: {
+        const b = this.annoBounds(sel)
+        if (!b) return []
+        const pts = [
+          { x: b.x, y: b.y }, // 0 nw
+          { x: b.x + b.w, y: b.y }, // 1 ne
+          { x: b.x + b.w, y: b.y + b.h }, // 2 se
+          { x: b.x, y: b.y + b.h } // 3 sw
+        ]
+        if (sel.type === 'text' || sel.type === 'pen') return pts
+        const mx = b.x + b.w / 2
+        const my = b.y + b.h / 2
+        pts.push(
+          { x: mx, y: b.y }, // 4 n
+          { x: b.x + b.w, y: my }, // 5 e
+          { x: mx, y: b.y + b.h }, // 6 s
+          { x: b.x, y: my } // 7 w
+        )
+        return pts
+      }
+    }
+  }
+
+  /** 点是否命中当前选中标注的任一手柄（命中才能拖拽缩放） */
+  hitHandleAt(x: number, y: number): boolean {
+    const sel = this.selected
+    if (!sel) return false
+    const tol = 8
+    return this.handlePositions(sel).some(
+      (h) => Math.abs(h.x - x) <= tol && Math.abs(h.y - y) <= tol
+    )
+  }
+
+  /** 命中手柄并开始缩放（须已选中；未命中则忽略）。返回命中的手柄 index，-1 表示未命中。 */
+  beginResize(x: number, y: number): boolean {
+    const sel = this.selected
+    if (!sel) return false
+    const hl = this.handlePositions(sel)
+    const tol = 8
+    let idx = -1
+    for (let i = 0; i < hl.length; i++) {
+      if (Math.abs(hl[i].x - x) <= tol && Math.abs(hl[i].y - y) <= tol) {
+        idx = i
+        break
+      }
+    }
+    if (idx < 0) return false
+    this.resizeHandle = idx
+    this.resizeKind = sel.type === 'line' || sel.type === 'arrow' ? 'endpoint' : 'box'
+    const b = this.annoBounds(sel)!
+    this.resizeStart = { x: b.x, y: b.y, w: b.w, h: b.h, size: sel.type === 'text' ? sel.textStyle.size : 0 }
+    this.resizedOnce = false
+    return true
+  }
+
+  /** 缩放更新：指针在画布像素里的新坐标。所有缩放均在首次 move 时把拖前状态入撤销栈。 */
+  resizeTo(nx: number, ny: number): void {
+    const sel = this.selected
+    const s = this.resizeStart
+    if (!sel || !s || this.resizeHandle < 0) return
+    // line/arrow：端点跟随（另一端点不动）
+    if (this.resizeKind === 'endpoint') {
+      if (!this.resizedOnce) {
+        this.resizedOnce = true
+        this.history.push(this.list)
+      }
+      const target = this.resizeHandle === 0 ? 'a' : 'b'
+      this.list = this.list.map((a) =>
+        a.id !== sel.id ? a : target === 'a' ? { ...a, a: { x: nx, y: ny } } : { ...a, b: { x: nx, y: ny } }
+      ) as Annotation[]
+      this.render()
+      return
+    }
+    // text：等比缩放字号（角对称锚点）。用锚点→指针距离比原锚→起始手柄距离
+    if (sel.type === 'text') {
+      const anchor = this.resizeAnchor(s, this.resizeHandle)
+      const d0 = Math.hypot(s.x + s.w - anchor.x, s.y + s.h - anchor.y)
+      const d1 = Math.hypot(nx - anchor.x, ny - anchor.y)
+      const newSize = Math.max(8, Math.round(sel.textStyle.size * (d1 / Math.max(d0, 0.001))))
+      if (!this.resizedOnce) {
+        this.resizedOnce = true
+        this.history.push(this.list)
+      }
+      this.list = this.list.map((a) =>
+        a.id === sel.id && a.type === 'text' ? { ...a, textStyle: { ...a.textStyle, size: newSize } } : a
+      )
+      this.render()
+      this.onSelectionChange?.()
+      return
+    }
+    // box 系(rect/ellipse/highlight/mosaic)：对角固定的 W/H 缩放
+    // pen：整体等比缩放 points
+    if (!this.resizedOnce) {
+      this.resizedOnce = true
+      this.history.push(this.list)
+    }
+    if (sel.type === 'pen') {
+      const anchor = this.resizeAnchor(s, this.resizeHandle)
+      const startH = { x: s.x + (this.resizeHandle === 1 || this.resizeHandle === 2 ? s.w : 0), y: s.y + (this.resizeHandle >= 2 ? s.h : 0) }
+      const k = (Math.abs(nx - anchor.x) + Math.abs(ny - anchor.y)) / Math.max((Math.abs(startH.x - anchor.x) + Math.abs(startH.y - anchor.y)) || 1, 1)
+      this.list = this.list.map((a) =>
+        a.id === sel.id && a.type === 'pen'
+          ? { ...a, points: a.points.map((p) => ({ x: anchor.x + (p.x - anchor.x) * k, y: anchor.y + (p.y - anchor.y) * k })) }
+          : a
+      )
+      this.render()
+      return
+    }
+    // rect 系：按命中手柄改 bbox（对角线上的对角 / 单边锚定对边）
+    let nx0 = s.x
+    let ny0 = s.y
+    let nw = s.w
+    let nh = s.h
+    const min = 2
+    switch (this.resizeHandle) {
+      case 0: // nw：右下固定
+        nw = s.x + s.w - nx
+        nh = s.y + s.h - ny
+        nx0 = nx
+        ny0 = ny
+        break
+      case 1: // ne：左下固定
+        nw = nx - s.x
+        nh = s.y + s.h - ny
+        ny0 = ny
+        break
+      case 2: // se：左上固定
+        nw = nx - s.x
+        nh = ny - s.y
+        break
+      case 3: // sw：右上固定
+        nw = s.x + s.w - nx
+        nh = ny - s.y
+        nx0 = nx
+        break
+      case 4: // n：下边固定，只动上边
+        nh = s.y + s.h - ny
+        ny0 = ny
+        break
+      case 5: // e：左边固定，只动右边
+        nw = nx - s.x
+        break
+      case 6: // s：上边固定，只动下边
+        nh = ny - s.y
+        break
+      case 7: // w：右边固定，只动左边
+        nw = s.x + s.w - nx
+        nx0 = nx
+        break
+    }
+    nw = Math.max(min, nw)
+    nh = Math.max(min, nh)
+    this.list = this.list.map((a) =>
+      a.id === sel.id ? { ...a, rect: { x: nx0, y: ny0, w: nw, h: nh } } : a
+    ) as Annotation[]
+    this.render()
+  }
+
+  /** 缩放结束（拖前状态已在首次 move 时入栈；未实际缩放则无副作用） */
+  endResize(): void {
+    this.resizeHandle = -1
+    this.resizeKind = null
+    this.resizeStart = null
+    this.resizedOnce = false
+  }
+
+  /** 对角缩放的锚点：与命中角相对的那一角（固定不动） */
+  private resizeAnchor(s: { x: number; y: number; w: number; h: number }, handle: number): Point {
+    // handle: 0=nw,1=ne,2=se,3=sw → 锚点是对角
+    switch (handle) {
+      case 0:
+        return { x: s.x + s.w, y: s.y + s.h }
+      case 1:
+        return { x: s.x, y: s.y + s.h }
+      case 3:
+        return { x: s.x + s.w, y: s.y }
+      default:
+        return { x: s.x, y: s.y }
+    }
+  }
+
+  private lastAt(x: number, y: number): number {
+    for (let i = this.list.length - 1; i >= 0; i--) {
+      if (this.hitTest(this.list[i], x, y)) return i
+    }
+    return -1
+  }
+
+  private hitTest(a: Annotation, x: number, y: number): boolean {
+    const tol = 6
+    switch (a.type) {
+      case 'text': {
+        const tb = this.textBounds(a)
+        return x >= tb.x - tol && x <= tb.x + tb.w + tol && y >= tb.y - tol && y <= tb.y + tb.h + tol
+      }
+      case 'pen':
+        return a.points.some((p) => Math.abs(p.x - x) <= tol && Math.abs(p.y - y) <= tol)
+      case 'line':
+      case 'arrow':
+        return distToSeg(x, y, a.a, a.b) <= Math.max(tol, a.style.lineWidth)
+      case 'rect':
+      case 'ellipse':
+      case 'highlight':
+      case 'mosaic':
+        return (
+          x >= a.rect.x - tol &&
+          x <= a.rect.x + a.rect.w + tol &&
+          y >= a.rect.y - tol &&
+          y <= a.rect.y + a.rect.h + tol
+        )
+    }
+  }
+
+  // ── 文字输入落地 ──
+
+  commitText(text: string): void {
+    // 重新编辑既有文字（覆盖原内容，保留位置/样式）
+    if (this.editingTextId) {
+      const id = this.editingTextId
+      this.editingTextId = null
+      this.list = this.list.map((a) =>
+        a.id === id && a.type === 'text' ? { ...a, text } : a
+      )
+      this.history.push(this.list)
+      this.render()
+      return
+    }
+    // 新建文字
+    if (!this.pendingTextPos) return
+    const pos = this.pendingTextPos
+    this.pendingTextPos = null
+    if (!text.trim()) return
+    this.list = [
+      ...this.list,
+      { id: genId(), type: 'text', pos: { ...pos }, text, textStyle: { ...this.settings.textStyle } }
+    ]
+    this.history.push(this.list)
+    this.render()
+  }
+  cancelText(): void {
+    this.pendingTextPos = null
+    this.editingTextId = null
+  }
+
+  private clearDraft(): void {
+    this.draft = null
+  }
+  private clearPending(): void {
+    this.draft = null
+    this.pendingTextPos = null
+  }
+
+  // ── 提交与命中 ──
+
+  private finishPen(pts: Point[]): void {
+    if (pts.length < 2) return
+    this.list = [
+      ...this.list,
+      { id: genId(), type: 'pen', points: pts.map((p) => ({ ...p })), style: { ...this.settings.style } }
+    ]
+    this.history.push(this.list)
+  }
+
+  private completeShape(t: ToolKind, a: Point, b: Point): void {
+    const s = this.settings
+    const baseId = genId()
+    let anno: Annotation
+    switch (t) {
+      case 'line':
+        anno = { id: baseId, type: 'line', a: { ...a }, b: { ...b }, style: { ...s.style } }
+        break
+      case 'arrow':
+        anno = { id: baseId, type: 'arrow', a: { ...a }, b: { ...b }, style: { ...s.style } }
+        break
+      case 'rect': {
+        const x = Math.min(a.x, b.x)
+        const y = Math.min(a.y, b.y)
+        anno = {
+          id: baseId,
+          type: 'rect',
+          rect: { x, y, w: Math.abs(b.x - a.x), h: Math.abs(b.y - a.y) },
+          style: { ...s.style, fill: s.style.fill }
+        }
+        break
+      }
+      case 'ellipse': {
+        const x = Math.min(a.x, b.x)
+        const y = Math.min(a.y, b.y)
+        anno = {
+          id: baseId,
+          type: 'ellipse',
+          rect: { x, y, w: Math.abs(b.x - a.x), h: Math.abs(b.y - a.y) },
+          style: { ...s.style, fill: s.style.fill }
+        }
+        break
+      }
+      case 'highlight': {
+        const x = Math.min(a.x, b.x)
+        const y = Math.min(a.y, b.y)
+        anno = {
+          id: baseId,
+          type: 'highlight',
+          rect: { x, y, w: Math.abs(b.x - a.x), h: Math.abs(b.y - a.y) },
+          style: { ...s.style }
+        }
+        break
+      }
+      case 'mosaic': {
+        const x = Math.min(a.x, b.x)
+        const y = Math.min(a.y, b.y)
+        anno = {
+          id: baseId,
+          type: 'mosaic',
+          rect: { x, y, w: Math.abs(b.x - a.x), h: Math.abs(b.y - a.y) },
+          cell: s.mosaicCell,
+          shape: s.mosaicShape
+        }
+        break
+      }
+      default:
+        return
+    }
+    if (this.isMeaningful(anno)) {
+      this.list = [...this.list, anno]
+      this.history.push(this.list)
+    }
+  }
+
+  // ── 渲染 ──
+
+  private isMeaningful(a: Annotation): boolean {
+    if (a.type === 'pen') return a.points.length >= 2
+    if (a.type === 'text') return a.text.length > 0
+    if ('rect' in a) return a.rect.w >= 2 && a.rect.h >= 2
+    if (a.type === 'line' || a.type === 'arrow') {
+      return Math.abs(a.b.x - a.a.x) + Math.abs(a.b.y - a.a.y) >= 2
+    }
+    return true
+  }
+
+  /** 文字按内容实测的像素包围盒（多行：各行宽取最大、高按行数），与 drawAnnotation 渲染一致 */
+  private textBounds(a: TextAnno): { x: number; y: number; w: number; h: number } {
+    const lines = a.text.split('\n')
+    this.ctx.font = `${a.textStyle.bold ? 'bold ' : ''}${a.textStyle.size}px sans-serif`
+    let width = 0
+    for (const ln of lines) width = Math.max(width, this.ctx.measureText(ln).width)
+    const height = lines.length * a.textStyle.size * 1.2
+    return { x: a.pos.x, y: a.pos.y, w: Math.max(width, 4), h: Math.max(height, a.textStyle.size) }
+  }
+
+  /** 标注包围盒（供选中高亮） */
+  private annoBounds(a: Annotation): { x: number; y: number; w: number; h: number } | null {
+    switch (a.type) {
+      case 'text': {
+        const tb = this.textBounds(a)
+        return { x: tb.x - 2, y: tb.y - 2, w: tb.w, h: tb.h }
+      }
+      case 'pen': {
+        if (!a.points.length) return null
+        let x1 = a.points[0].x
+        let y1 = a.points[0].y
+        let x2 = a.points[0].x
+        let y2 = a.points[0].y
+        for (const p of a.points) {
+          x1 = Math.min(x1, p.x)
+          y1 = Math.min(y1, p.y)
+          x2 = Math.max(x2, p.x)
+          y2 = Math.max(y2, p.y)
+        }
+        return { x: x1, y: y1, w: x2 - x1, h: y2 - y1 }
+      }
+      case 'line':
+      case 'arrow':
+        return {
+          x: Math.min(a.a.x, a.b.x),
+          y: Math.min(a.a.y, a.b.y),
+          w: Math.abs(a.b.x - a.a.x),
+          h: Math.abs(a.b.y - a.a.y)
+        }
+      default:
+        return { x: a.rect.x, y: a.rect.y, w: a.rect.w, h: a.rect.h }
+    }
+  }
+
+  render(): void {
+    const ctx = this.ctx
+    const w = this.canvas.width
+    const h = this.canvas.height
+    ctx.clearRect(0, 0, w, h)
+    ctx.drawImage(this.source, 0, 0, w, h)
+    for (const a of this.list) drawAnnotation(ctx, a, this.source)
+
+    // 选中标注高亮（虚线蓝框）
+    const sel = this.selected
+    if (sel) {
+      const b = this.annoBounds(sel)
+      if (b) {
+        ctx.save()
+        ctx.setLineDash([5, 4])
+        ctx.strokeStyle = '#3a76f0'
+        ctx.lineWidth = 1.5
+        ctx.strokeRect(b.x - 4, b.y - 4, b.w + 8, b.h + 8)
+        ctx.restore()
+      }
+      // 缩放手柄（白色实心小方块，可供拖拽改大小/端点）
+      ctx.save()
+      ctx.fillStyle = '#ffffff'
+      ctx.strokeStyle = '#3a76f0'
+      ctx.lineWidth = 1
+      const hs = 4
+      for (const h of this.handlePositions(sel)) {
+        ctx.beginPath()
+        ctx.rect(h.x - hs, h.y - hs, hs * 2, hs * 2)
+        ctx.fill()
+        ctx.stroke()
+      }
+      ctx.restore()
+    }
+
+    // 绘制中的草稿预览
+    const d = this.draft
+    if (!d) return
+    if (d.tool === 'pen') {
+      const pts = d.pen!
+      if (pts.length >= 2) {
+        ctx.save()
+        ctx.strokeStyle = this.settings.style.color
+        ctx.lineWidth = this.settings.style.lineWidth
+        ctx.lineCap = 'round'
+        ctx.lineJoin = 'round'
+        ctx.beginPath()
+        ctx.moveTo(pts[0].x, pts[0].y)
+        for (let i = 1; i < pts.length; i++) ctx.lineTo(pts[i].x, pts[i].y)
+        ctx.stroke()
+        ctx.restore()
+      }
+      return
+    }
+    const a = d.a
+    const b = d.b
+    const r = { x: Math.min(a.x, b.x), y: Math.min(a.y, b.y), w: Math.abs(b.x - a.x), h: Math.abs(b.y - a.y) }
+    let tmp: Annotation | null = null
+    switch (d.tool) {
+      case 'line':
+        tmp = { id: '', type: 'line', a: { ...a }, b: { ...b }, style: { ...this.settings.style } }
+        break
+      case 'arrow':
+        tmp = { id: '', type: 'arrow', a: { ...a }, b: { ...b }, style: { ...this.settings.style } }
+        break
+      case 'mosaic':
+        tmp = { id: '', type: 'mosaic', rect: { ...r }, cell: this.settings.mosaicCell, shape: this.settings.mosaicShape }
+        break
+      case 'highlight':
+        tmp = { id: '', type: 'highlight', rect: { ...r }, style: { ...this.settings.style } }
+        break
+      case 'rect':
+        tmp = {
+          id: '',
+          type: 'rect',
+          rect: { ...r },
+          style: { ...this.settings.style, fill: this.settings.style.fill }
+        }
+        break
+      case 'ellipse':
+        tmp = {
+          id: '',
+          type: 'ellipse',
+          rect: { ...r },
+          style: { ...this.settings.style, fill: this.settings.style.fill }
+        }
+        break
+      default:
+        break
+    }
+    if (tmp) drawAnnotation(ctx, tmp, this.source)
+  }
+}
+
+function distToSeg(x: number, y: number, a: Point, b: Point): number {
+  const vx = b.x - a.x
+  const vy = b.y - a.y
+  const len2 = vx * vx + vy * vy
+  if (len2 === 0) return Math.hypot(x - a.x, y - a.y)
+  let t = ((x - a.x) * vx + (y - a.y) * vy) / len2
+  t = Math.max(0, Math.min(1, t))
+  const px = a.x + t * vx
+  const py = a.y + t * vy
+  return Math.hypot(x - px, y - py)
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/editor/annotations.ts b/plugins/screenshot-annotate/src/editor/annotations.ts
new file mode 100644
index 00000000..7af5df4f
--- /dev/null
+++ b/plugins/screenshot-annotate/src/editor/annotations.ts
@@ -0,0 +1,282 @@
+/**
+ * 标注对象模型与撤销/重做（纯前端，无 DOM 依赖）
+ *
+ * 坐标约定：全部为**图片像素**（DIP 分辨率，与合成图 dataURL 同坐标系）。
+ * 撤销/重做：以「对象数组」为单位做快照栈。
+ */
+
+export type ToolKind =
+  | 'select'
+  | 'pen'
+  | 'line'
+  | 'arrow'
+  | 'rect'
+  | 'ellipse'
+  | 'highlight'
+  | 'text'
+  | 'mosaic'
+
+export interface Style {
+  color: string
+  lineWidth: number
+  fill?: boolean
+}
+
+/** 绘制样式快照（字体随 text 存，避免全局耦合） */
+export interface TextStyle {
+  color: string
+  size: number
+  bold: boolean
+}
+
+export interface BaseAnno {
+  id: string
+  type: Exclude<ToolKind, 'select'>
+}
+
+export interface Point {
+  x: number
+  y: number
+}
+
+export interface PenAnno extends BaseAnno {
+  type: 'pen'
+  points: Point[]
+  style: Style
+}
+export interface LineAnno extends BaseAnno {
+  type: 'line'
+  a: Point
+  b: Point
+  style: Style
+}
+export interface ArrowAnno extends BaseAnno {
+  type: 'arrow'
+  a: Point
+  b: Point
+  style: Style
+}
+export interface RectAnno extends BaseAnno {
+  type: 'rect'
+  rect: { x: number; y: number; w: number; h: number }
+  style: Style
+}
+export interface EllipseAnno extends BaseAnno {
+  type: 'ellipse'
+  rect: { x: number; y: number; w: number; h: number }
+  style: Style
+}
+export interface HighlightAnno extends BaseAnno {
+  type: 'highlight'
+  rect: { x: number; y: number; w: number; h: number }
+  style: Style
+}
+export interface TextAnno extends BaseAnno {
+  type: 'text'
+  pos: Point
+  text: string
+  textStyle: TextStyle
+}
+export interface MosaicAnno extends BaseAnno {
+  type: 'mosaic'
+  rect: { x: number; y: number; w: number; h: number }
+  /** 每格边长（越大马赛克越粗） */
+  cell: number
+  /** 颗粒形状：rect=方格，round=球状圆点 */
+  shape: 'rect' | 'round'
+}
+
+export type Annotation =
+  | PenAnno
+  | LineAnno
+  | ArrowAnno
+  | RectAnno
+  | EllipseAnno
+  | HighlightAnno
+  | TextAnno
+  | MosaicAnno
+
+let idCounter = 1
+export function genId(): string {
+  return `a${Date.now()}_${idCounter++}`
+}
+
+// ── 绘制 ──
+
+export function drawAnnotation(
+  ctx: CanvasRenderingContext2D,
+  anno: Annotation,
+  /** 马赛克需要访问原图 */
+  source?: CanvasImageSource
+): void {
+  ctx.save()
+  switch (anno.type) {
+    case 'pen': {
+      if (anno.points.length < 2) break
+      ctx.strokeStyle = anno.style.color
+      ctx.lineWidth = anno.style.lineWidth
+      ctx.lineCap = 'round'
+      ctx.lineJoin = 'round'
+      ctx.beginPath()
+      ctx.moveTo(anno.points[0].x, anno.points[0].y)
+      for (let i = 1; i < anno.points.length; i++) ctx.lineTo(anno.points[i].x, anno.points[i].y)
+      ctx.stroke()
+      break
+    }
+    case 'line':
+    case 'arrow': {
+      const cp = ctx
+      cp.strokeStyle = anno.style.color
+      cp.lineWidth = anno.style.lineWidth
+      cp.lineCap = 'round'
+      cp.beginPath()
+      cp.moveTo(anno.a.x, anno.a.y)
+      cp.lineTo(anno.b.x, anno.b.y)
+      cp.stroke()
+      if (anno.type === 'arrow') {
+        const ang = Math.atan2(anno.b.y - anno.a.y, anno.b.x - anno.a.x)
+        const head = Math.max(10, anno.style.lineWidth * 3)
+        const a = head
+        cp.beginPath()
+        cp.moveTo(anno.b.x, anno.b.y)
+        cp.lineTo(
+          anno.b.x - Math.cos(ang - 0.5) * a,
+          anno.b.y - Math.sin(ang - 0.5) * a
+        )
+        cp.lineTo(
+          anno.b.x - Math.cos(ang + 0.5) * a,
+          anno.b.y - Math.sin(ang + 0.5) * a
+        )
+        cp.closePath()
+        cp.fillStyle = anno.style.color
+        cp.fill()
+      }
+      break
+    }
+    case 'rect': {
+      if (anno.style.fill) {
+        ctx.fillStyle = anno.style.color
+        ctx.globalAlpha = 0.35
+        ctx.fillRect(anno.rect.x, anno.rect.y, anno.rect.w, anno.rect.h)
+        ctx.globalAlpha = 1
+      }
+      ctx.strokeStyle = anno.style.color
+      ctx.lineWidth = anno.style.lineWidth
+      ctx.strokeRect(anno.rect.x, anno.rect.y, anno.rect.w, anno.rect.h)
+      break
+    }
+    case 'ellipse': {
+      ctx.beginPath()
+      ctx.ellipse(
+        anno.rect.x + anno.rect.w / 2,
+        anno.rect.y + anno.rect.h / 2,
+        anno.rect.w / 2,
+        anno.rect.h / 2,
+        0,
+        0,
+        Math.PI * 2
+      )
+      if (anno.style.fill) {
+        ctx.fillStyle = anno.style.color
+        ctx.globalAlpha = 0.35
+        ctx.fill()
+        ctx.globalAlpha = 1
+      }
+      ctx.strokeStyle = anno.style.color
+      ctx.lineWidth = anno.style.lineWidth
+      ctx.stroke()
+      break
+    }
+    case 'highlight': {
+      ctx.fillStyle = anno.style.color
+      ctx.globalAlpha = 0.4
+      ctx.fillRect(anno.rect.x, anno.rect.y, anno.rect.w, anno.rect.h)
+      ctx.globalAlpha = 1
+      break
+    }
+    case 'text': {
+      ctx.font = `${anno.textStyle.bold ? 'bold ' : ''}${anno.textStyle.size}px sans-serif`
+      ctx.fillStyle = anno.textStyle.color
+      ctx.textBaseline = 'top'
+      // 支持多行
+      const lines = anno.text.split('\n')
+      lines.forEach((ln, i) => {
+        ctx.fillText(ln, anno.pos.x, anno.pos.y + i * (anno.textStyle.size * 1.2))
+      })
+      break
+    }
+    case 'mosaic': {
+      if (!source) break
+      const cell = anno.cell
+      const r = anno.rect
+      for (let gy = 0; gy < r.h; gy += cell) {
+        for (let gx = 0; gx < r.w; gx += cell) {
+          const sx = r.x + gx + cell / 2
+          const sy = r.y + gy + cell / 2
+          if (anno.shape === 'round') {
+            // 球状：以当前像素颜色填充圆点，避免采样丢失细节
+            const sample = ctx.getImageData(r.x + gx, r.y + gy, 1, 1).data
+            ctx.beginPath()
+            ctx.arc(r.x + gx + cell / 2, r.y + gy + cell / 2, cell / 2, 0, Math.PI * 2)
+            ctx.fillStyle = `rgb(${sample[0]},${sample[1]},${sample[2]})`
+            ctx.globalAlpha = 0.9
+            ctx.fill()
+            ctx.globalAlpha = 1
+          } else {
+            ctx.drawImage(source, sx, sy, 1, 1, r.x + gx, r.y + gy, cell, cell)
+          }
+        }
+      }
+      break
+    }
+  }
+  ctx.restore()
+}
+
+// ── 撤销/重做（快照栈） ──
+
+export class History {
+  private undoStack: Annotation[][] = []
+  private redoStack: Annotation[][] = []
+
+  constructor(private onChange?: () => void) {}
+
+  get canUndo(): boolean {
+    return this.undoStack.length > 0
+  }
+  get canRedo(): boolean {
+    return this.redoStack.length > 0
+  }
+
+  push(list: Annotation[]): void {
+    this.undoStack.push(clone(list))
+    this.redoStack.length = 0
+    this.onChange?.()
+  }
+
+  undo(currList: Annotation[]): Annotation[] {
+    if (!this.undoStack.length) return currList
+    this.redoStack.push(clone(currList))
+    const prev = this.undoStack.pop()!
+    this.onChange?.()
+    return prev
+  }
+
+  redo(currList: Annotation[]): Annotation[] {
+    if (!this.redoStack.length) return currList
+    this.undoStack.push(clone(currList))
+    const next = this.redoStack.pop()!
+    this.onChange?.()
+    return next
+  }
+
+  reset(): void {
+    this.undoStack.length = 0
+    this.redoStack.length = 0
+    this.onChange?.()
+  }
+}
+
+function clone<T>(v: T): T {
+  return JSON.parse(JSON.stringify(v)) as T
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/main.css b/plugins/screenshot-annotate/src/main.css
new file mode 100644
index 00000000..574aab79
--- /dev/null
+++ b/plugins/screenshot-annotate/src/main.css
@@ -0,0 +1,15 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html,
+body,
+#app {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
+  user-select: none;
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/main.ts b/plugins/screenshot-annotate/src/main.ts
new file mode 100644
index 00000000..30c9ea14
--- /dev/null
+++ b/plugins/screenshot-annotate/src/main.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './main.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/pin.css b/plugins/screenshot-annotate/src/pin.css
new file mode 100644
index 00000000..aa7afeb3
--- /dev/null
+++ b/plugins/screenshot-annotate/src/pin.css
@@ -0,0 +1,92 @@
+html,
+body,
+#pin-app {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background: transparent;
+  font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
+  user-select: none;
+}
+
+.pin-root {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  box-sizing: border-box;
+  padding: 8px;
+  pointer-events: none;
+}
+
+.pin-image {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  display: block;
+  border-radius: 10px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
+  background: #1c1c20;
+  pointer-events: auto;
+  cursor: grab;
+}
+.pin-image.dragging {
+  cursor: grabbing;
+}
+
+/* 右键自绘菜单 */
+.pin-menu {
+  position: fixed;
+  z-index: 10;
+  min-width: 150px;
+  background: #23232a;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 10px;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
+  padding: 5px;
+  pointer-events: auto;
+}
+
+.pin-menu button {
+  display: block;
+  width: 100%;
+  border: none;
+  background: transparent;
+  color: #eee;
+  padding: 8px 14px;
+  text-align: left;
+  border-radius: 7px;
+  font-size: 13px;
+  cursor: pointer;
+}
+.pin-menu button:hover {
+  background: #4c8dff;
+  color: #fff;
+}
+.pin-menu .sep {
+  height: 1px;
+  background: rgba(255, 255, 255, 0.1);
+  margin: 4px 8px;
+}
+
+/* 右上角关闭按钮 */
+.pin-close {
+  position: fixed;
+  top: 14px;
+  right: 14px;
+  z-index: 20;
+  width: 26px;
+  height: 26px;
+  border: none;
+  border-radius: 7px;
+  background: rgba(0, 0, 0, 0.55);
+  color: #fff;
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+  pointer-events: auto;
+}
+.pin-close:hover {
+  background: #e5484d;
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/pin.ts b/plugins/screenshot-annotate/src/pin.ts
new file mode 100644
index 00000000..6d11abbf
--- /dev/null
+++ b/plugins/screenshot-annotate/src/pin.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './pin.css'
+import PinApp from './pin/PinApp.vue'
+
+createApp(PinApp).mount('#pin-app')
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/pin/PinApp.vue b/plugins/screenshot-annotate/src/pin/PinApp.vue
new file mode 100644
index 00000000..56afb799
--- /dev/null
+++ b/plugins/screenshot-annotate/src/pin/PinApp.vue
@@ -0,0 +1,212 @@
+<script setup lang="ts">
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+
+const params = new URLSearchParams(location.search)
+const winId = params.get('win') || ''
+const rawImg = params.get('img') || ''
+
+// img query 可能是内联 dataURL，也可能是临时文件路径（大图走文件通道），统一解析为 dataURL
+const imgSrc = ref('')
+
+const imgRef = ref<HTMLImageElement>()
+const menu = ref<{ x: number; y: number } | null>(null)
+const alwaysOnTop = ref(true)
+
+let naturalW = 0
+let naturalH = 0
+
+function resolveImg(raw: string): string {
+  if (raw.startsWith('data:image/')) return raw
+  try {
+    return window.services.readTempImage(decodeURIComponent(raw))
+  } catch {
+    return ''
+  }
+}
+
+function closeWin() {
+  // 子窗口自身 preload 的 pins map 是空的（窗口由主窗口 preload 创建并注册），
+  // pinClose 找不到 winId 会静默失败 → 关闭按钮 / Esc 全失效。
+  // 因此这里用渲染进程原生 window.close() 直接关掉当前 browserWindow（ZTms 内部同款）。
+  window.close()
+}
+
+/** 所有依赖主窗口 pins map 的钉图窗口操作，统一经 sendToParent 送回主窗口执行 */
+function pinCmd(action: 'move' | 'resize' | 'setTop' | 'setBounds', obj: Record<string, unknown> = {}) {
+  const anyZtools = window.ztools as unknown as {
+    sendToParent?: (channel: string, ...args: unknown[]) => void
+  }
+  if (winId && typeof anyZtools.sendToParent === 'function') {
+    anyZtools.sendToParent('screenshot-annotate:pin-cmd', { winId, action, ...obj })
+  }
+}
+function copyImg() {
+  window.services.copyImageDataURL(imgSrc.value)
+  menu.value = null
+}
+function saveImg() {
+  const r = window.services.saveImageDataURL(imgSrc.value, { format: 'png' })
+  menu.value = null
+  // 无 toast 通道时静默；success 跳过
+  void r
+}
+function toggleTop() {
+  alwaysOnTop.value = !alwaysOnTop.value
+  pinCmd('setTop', { flag: alwaysOnTop.value })
+  menu.value = null
+}
+function onContext(e: MouseEvent) {
+  e.preventDefault()
+  menu.value = { x: e.clientX, y: e.clientY }
+}
+function closeMenu() {
+  menu.value = null
+}
+
+// ── 拖动：绝对屏幕坐标定位移动窗口 ──
+// 目标位置 = `screenX - clientX`（= 窗口左上角屏幕坐标，frame:false 恒成立），
+// 由指针绝对位置算出，不含窗口当前位置，被 setPosition 移动后不会反馋进下一次目标，
+// 彻底规避"clientX 相对窗口 + 增量回读"导致的整窗往返震动。rAF 合并，目标未变不发。
+let dragging = false
+let moveTargetX = 0
+let moveTargetY = 0
+let rafPending = false
+// 拖动开始时指针相对窗口的位置（固定基准）。onMove 必须用这个**起始**值而非实时 e.clientX：
+// 实时 clientX 会随窗口移动而变化，与 screenX 同步相减后得到的是"窗口当前位置"这个常数，
+// setPosition(原位) 永远移不动 → 拖不动。用固定 startClient 则目标随 screenX 单调变化 → 窗口跟随。
+let startClientX = 0
+let startClientY = 0
+function flushMove() {
+  rafPending = false
+  // mousemove 只在指针真正移动时触发（指针静止不发事件），因此被调度就必然动过，
+  // 直接发绝对目标；不设 `target===lastSent` 去重——那类拦截会在坐标恒等于初始值时
+  // 把窗口钉死原地（"完全拖不动"），而 rAF 节流本身已保证静止不产生 IPC。
+  pinCmd('move', { x: Math.round(moveTargetX), y: Math.round(moveTargetY) })
+}
+function onDown(e: MouseEvent) {
+  if (menu.value) {
+    closeMenu()
+    return
+  }
+  dragging = true
+  startClientX = e.clientX
+  startClientY = e.clientY
+  // 拖动起始基准：窗口左上角屏幕坐标 = 按下时 screenX - clientX
+  moveTargetX = e.screenX - startClientX
+  moveTargetY = e.screenY - startClientY
+  imgRef.value?.classList.add('dragging')
+  // 捕获后续 pointer，防止移出图片/窗口丢事件
+  window.addEventListener('mousemove', onMove)
+  window.addEventListener('mouseup', onUp)
+}
+function onMove(e: MouseEvent) {
+  if (!dragging) return
+  // 兜底：左键实际已松开（e.buttons 左键位为 0）但 mouseup 丢失（拖窗时指针可能移出窗口）→ 强制复位
+  if (e.buttons === undefined || (e.buttons & 1) === 0) {
+    onUp()
+    return
+  }
+  if (!winId) return
+  // 窗口左上角目标 = screenX - 固定基准 startClient。用固定 startClient 而非实时 e.clientX，
+  // 使目标随指针屏幕位置单调变化（跟随移动），避免"实时 clientX 抵消 → 目标恒为原位 → 拖不动"。
+  moveTargetX = e.screenX - startClientX
+  moveTargetY = e.screenY - startClientY
+  if (!rafPending) {
+    rafPending = true
+    requestAnimationFrame(flushMove)
+  }
+}
+function onUp() {
+  dragging = false
+  // 把最后一次未提交的目标发出，避免拖尾残留
+  if (rafPending) {
+    rafPending = false
+    flushMove()
+  }
+  imgRef.value?.classList.remove('dragging')
+  window.removeEventListener('mousemove', onMove)
+  window.removeEventListener('mouseup', onUp)
+}
+
+// ── 滚轮缩放（左上锚改尺寸）──
+function onWheel(e: WheelEvent) {
+  if (!winId) return
+  e.preventDefault()
+  const step = e.deltaY > 0 ? -60 : 60
+  pinCmd('resize', { dw: step, dh: step })
+}
+
+// ── 双击：回到图片自然尺寸（自适应） ──
+function fitNatural() {
+  if (!winId || !naturalW || !naturalH) return
+  const pad = 16
+  const nw = naturalW + pad * 2
+  const nh = naturalH + pad * 2
+  pinCmd('setBounds', { bounds: { x: 0, y: 0, width: nw, height: nh } })
+}
+
+function onKey(e: KeyboardEvent) {
+  if (e.key === 'Escape') {
+    closeWin()
+    return
+  }
+  if (e.ctrlKey || e.metaKey) {
+    const k = e.key.toLowerCase()
+    if (k === 'c') {
+      e.preventDefault()
+      copyImg()
+    } else if (k === 's') {
+      e.preventDefault()
+      saveImg()
+    } else if (k === 'q') {
+      e.preventDefault()
+      closeWin()
+    }
+  }
+}
+
+onMounted(() => {
+  imgSrc.value = resolveImg(rawImg)
+  const img = imgRef.value
+  if (img && imgSrc.value) {
+    img.onload = () => {
+      naturalW = img.naturalWidth
+      naturalH = img.naturalHeight
+    }
+    img.src = imgSrc.value
+  }
+  window.addEventListener('keydown', onKey)
+  window.addEventListener('blur', closeMenu)
+})
+onBeforeUnmount(() => {
+  window.removeEventListener('keydown', onKey)
+  window.removeEventListener('mousemove', onMove)
+  window.removeEventListener('mouseup', onUp)
+})
+</script>
+
+<template>
+  <div class="pin-root" @contextmenu.prevent="onContext" @pointerdown.self="closeMenu">
+    <img
+      ref="imgRef"
+      v-if="imgSrc"
+      class="pin-image"
+      :src="imgSrc"
+      draggable="false"
+      @mousedown="onDown"
+      @wheel.prevent="onWheel"
+      @dblclick="fitNatural"
+    />
+
+    <button v-if="imgSrc" class="pin-close" title="关闭 (Esc)" @click="closeWin">✕</button>
+
+    <div v-if="menu" class="pin-menu" :style="{ left: menu.x + 'px', top: menu.y + 'px' }">
+      <button @click="copyImg">复制</button>
+      <button @click="saveImg">保存</button>
+      <div class="sep" />
+      <button @click="toggleTop">{{ alwaysOnTop ? '取消置顶' : '置顶' }}</button>
+      <div class="sep" />
+      <button @click="closeWin">关闭</button>
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/src/vite-env.d.ts b/plugins/screenshot-annotate/src/vite-env.d.ts
new file mode 100644
index 00000000..80a8c807
--- /dev/null
+++ b/plugins/screenshot-annotate/src/vite-env.d.ts
@@ -0,0 +1,56 @@
+/// <reference types="vite/client" />
+// 渲染进程通过 preload 暴露 window.services（Node 能力桥）+ window.ztools（ZTms 注入）。
+// ztools 完整类型由 @ztools-center/ztools-api-types 提供（平铺命名空间）。
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+declare global {
+  interface CaptureDisplayInfo {
+    id: string
+    bounds: { x: number; y: number; width: number; height: number }
+    scaleFactor: number
+    dataURL: string
+  }
+
+  interface Services {
+    captureDisplays(): Promise<CaptureDisplayInfo[]>
+    getVirtualBounds(): { x: number; y: number; width: number; height: number }
+    openCaptureWindow(opts: {
+      dataURL: string
+      x?: number
+      y?: number
+      width?: number
+      height?: number
+    }): unknown
+    copyImageDataURL(dataURL: string): boolean
+    saveImageDataURL(
+      dataURL: string,
+      opts?: { format?: 'png' | 'jpg' }
+    ): { path: string | null; canceled: boolean }
+    writeTempImage(dataURL: string): string
+    readTempImage(filePath: string): string
+    openPinWindow(opts: {
+      dataURL: string
+      x?: number
+      y?: number
+      width?: number
+      height?: number
+    }): { winId: string; x: number; y: number; width: number; height: number }
+    pinGetBounds(winId: string): { x: number; y: number; width: number; height: number } | null
+    pinSetBounds(winId: string, b: { x: number; y: number; width: number; height: number }): void
+    pinMoveBy(winId: string, dx: number, dy: number): void
+    pinResize(winId: string, dw: number, dh: number): void
+    pinSetAlwaysOnTop(winId: string, flag: boolean): void
+    pinClose(winId: string): void
+    pathJoin(...p: string[]): string
+  }
+
+  interface Window {
+    services: Services
+  }
+}
+
+export {}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/tsconfig.json b/plugins/screenshot-annotate/tsconfig.json
new file mode 100644
index 00000000..93efcb22
--- /dev/null
+++ b/plugins/screenshot-annotate/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "lib": ["ES2021", "DOM", "DOM.Iterable"],
+    "types": ["@ztools-center/ztools-api-types"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "vite.config.js"]
+}
\ No newline at end of file
diff --git a/plugins/screenshot-annotate/vite.config.js b/plugins/screenshot-annotate/vite.config.js
new file mode 100644
index 00000000..dd8a2d9a
--- /dev/null
+++ b/plugins/screenshot-annotate/vite.config.js
@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { fileURLToPath } from 'node:url'
+
+const dir = fileURLToPath(new URL('.', import.meta.url))
+
+export default defineConfig({
+  plugins: [vue()],
+  base: './',
+  build: {
+    target: 'chrome120',
+    rollupOptions: {
+      input: {
+        index: fileURLToPath(new URL('index.html', import.meta.url)),
+        capture: fileURLToPath(new URL('capture.html', import.meta.url)),
+        pin: fileURLToPath(new URL('pin.html', import.meta.url))
+      }
+    }
+  }
+})
\ No newline at end of file