dsh-image-gen 0.2.1 → 0.2.3

package/README.zh-CN.md

@@ -1,171 +1,172 @@
-<div align="center">
-
-<img src="docs/assets/hero-poster.webp" alt="dsh-image-gen 宣传海报" width="100%" style="max-width: 860px; border-radius: 12px;" />
-
-<br /><br />
-
-# 🎨 dsh-image-gen
-
-**让 DeepSeek Harness 像 ChatGPT 一样在对话中直接生成图片，支持画廊汇总,全屏预览、快捷复制与一键下载。**
-
-[![npm version](https://img.shields.io/npm/v/dsh-image-gen.svg?style=flat-square&color=blue)](https://www.npmjs.com/package/dsh-image-gen)
-[![DSH Plugin](https://img.shields.io/badge/Plugin%20For-DeepSeek%20Harness-6366f1?style=flat-square)](https://github.com/deepseek-ai)
-[![npm downloads](https://img.shields.io/npm/dm/dsh-image-gen.svg?style=flat-square&color=emerald)](https://www.npmjs.com/package/dsh-image-gen)
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](LICENSE)
-
-[English](README.en.md) | **简体中文**
-
-<br />
-
-<p align="center">💬 <b>直接对你的 DeepSeek Harness Agent 发送以下提示词：</b></p>
-
-```text
-帮我安装生图插件，执行命令：pnpm dsh plugin --profile web add dsh-image-gen@latest
-```
-
-<p align="center"><sub>（也可以手动在终端执行：<code>pnpm dsh plugin --profile web add dsh-image-gen@latest</code>）</sub></p>
-
-<br />
-
-<p align="center">安装完成后，在 DSH 设置中填入自己的 API Key，就可以直接对 Agent 说：</p>
-
-```text
-帮我画一张雨夜霓虹街头的赛博朋克猫咪。
-```
-
-<p align="center">Agent 会自动调用 <code>generate_image</code>，生成图片并直接显示在当前对话中。</p>
-
-<br />
-
-<img src="docs/assets/chat-preview.png" alt="对话生图效果预览" width="820" />
-
-</div>
-
----
-
-## 💡 它解决什么问题？
-
-**`dsh-image-gen` 是专为 DeepSeek Harness (DSH) 打造的开源图像生成插件。**
-
-DeepSeek Harness 已经可以让 Agent 调用不同工具完成任务，本项目为它补上了原生的**多模态生图能力**：
-
-```mermaid
-graph LR
-    A[用户 Prompt] --> B[DeepSeek Harness Agent]
-    B --> C[generate_image 工具]
-    C --> D[Gemini / OpenAI / Seedream / DashScope]
-    D --> E[图片数据]
-    E --> F[当前 Conversation 对话流]
-```
-
----
-
-## 🚀 快速安装与使用
-
-### 1. 安装插件
-
-在你的 DeepSeek Harness 项目根目录下运行：
-
-```bash
-# 推荐方式：安装或升级到最新版本
-pnpm dsh plugin --profile web add dsh-image-gen@latest
-
-# 若已将 dsh 安装为系统全局命令：
-dsh plugin --profile web add dsh-image-gen@latest
-```
-
-<details>
-<summary><b>🛠️ 其他安装方式（Git 仓库直装 / 本地调试）</b></summary>
-
-```bash
-# 方式 B：从 GitHub 仓库直接安装最新代码
-pnpm dsh plugin --profile web add git+https://github.com/shanliuling/dsh-image-gen.git
-
-# 方式 C：本地克隆源码开发安装
-git clone https://github.com/shanliuling/dsh-image-gen.git
-pnpm dsh plugin --profile web add ./dsh-image-gen
-```
-
-</details>
-
-### 2. 配置 API Key 与工作区设置
-
-打开 DSH Web 页面（默认 `http://localhost:3080`）：
-
-1. 进入 **Settings → Plugins → Image generation**。
-2. 选择 Provider，填写 API Key。
-3. 可按需开启 **保存到工作区**（默认开启）并自定义子目录，点击 **保存** 即可。
-
-<div align="center">
-  <img src="docs/assets/settings-preview.png?v=0.1.7" alt="设置面板预览" width="720" />
-</div>
-
-### 3. 开始对话生图
-
-现在直接在聊天框输入：
-
-```text
-生成一张极简主义的现代建筑客厅插画。
-```
-
-当前 Agent 就会自动调用 `generate_image` 工具并在对话流中返回图片。
-
-### 4. 查看原生生图画廊
-
-点击会话顶栏的 **`[画廊]`** Tab，即可集中查看和搜索所有对话生成的历史图片：
-
-<div align="center">
-  <img src="docs/assets/gallery-preview.png" alt="原生生图画廊预览" width="820" />
-</div>
-
----
-
-## ✨ 主要能力
-
-- 💬 **对话中直接生图**：不需要切换到其他网站，也不需要手动复制 Prompt，直接告诉 Agent 你想画什么即可。
-- 🖼️ **历史生图画廊**：顶栏自带「画廊」Tab，自动汇总所有历史生成的图片，支持关键词搜索、厂商筛选、单张删除（带防误触确认与持久化墓碑）与一键复制/下载。
-- 🔍 **交互式图片工具**：支持点击全屏大图预览、一键复制图片到剪贴板、本地下载与新标签页打开。
-- 🎨 **多 Provider 支持**：支持 Google Gemini、OpenAI Images、OpenAI Compatible API、ByteDance Seedream / 火山方舟以及阿里云 DashScope（通义万相 / Qwen-Image）。Provider、模型和 Endpoint 均可在设置中自由定制。
-- 🔑 **BYOK (自带 Key)**：插件使用你自己的 API Key。API Key 通过 DeepSeek Harness 的 `credentials` 服务管理，采用写保护隔离，不需要写进项目源码或配置文件，前端不存明文。
-- 🖼️ **图片跟随会话保存**：生成结果会接入 DeepSeek Harness 的 Attachment / Conversation 体系，重新打开历史会话后，仍然可以看到之前生成的图片。
-- 💾 **生成图片自动落盘到工作区**：默认在每次生成后把图片文件保存到当前会话工作区，工具结果会返回文件的绝对路径；可在设置中关闭或修改保存目录。
-- ⚙️ **原生设置界面**：Provider、API Key、模型和 Endpoint 都可以直接在 DSH Web 设置中修改，不需要手动编辑配置文件。
-
----
-
-## 📦 支持的 Provider
-
-| Provider | 默认模型 | 默认 Endpoint / Base URL |
-| :--- | :--- | :--- |
-| **Google Gemini** | `gemini-3.1-flash-image` | `https://generativelanguage.googleapis.com/v1beta/interactions` |
-| **OpenAI Images** | `gpt-image-2` | `https://api.openai.com/v1` |
-| **OpenAI Compatible** | 自定义 | 自定义 Base URL |
-| **ByteDance Seedream / 火山方舟** | `doubao-seedream-5-0-260128` | `https://ark.cn-beijing.volces.com/api/v3` |
-| **Aliyun DashScope / 通义万相** | `wanx2.1-t2i-turbo` | `https://dashscope.aliyuncs.com/api/v1` |
-
----
-
-## 🛠️ 本地开发 (Development)
-
-```bash
-# 克隆仓库
-git clone https://github.com/shanliuling/dsh-image-gen.git
-cd dsh-image-gen
-
-# 安装依赖与构建
-pnpm install
-pnpm run typecheck
-pnpm run test
-pnpm run build
-
-# 检查 npm 打包内容
-pnpm run pack:check
-```
-
----
-
-## 📄 开源协议 (License)
-
-本项目基于 [MIT License](LICENSE) 开源。
-
-如果这个插件对你有用，欢迎点一个 ⭐️ **Star** 支持！
+<div align="center">
+
+<img src="docs/assets/hero-poster.webp" alt="dsh-image-gen 宣传海报" width="100%" style="max-width: 860px; border-radius: 12px;" />
+
+<br /><br />
+
+# 🎨 dsh-image-gen
+
+**为 DeepSeek Harness 提供完整的对话图像能力：文生图、图生图、多图参考、连续编辑、本地 ComfyUI 与画廊管理。**
+
+[![npm version](https://img.shields.io/npm/v/dsh-image-gen.svg?style=flat-square&color=blue)](https://www.npmjs.com/package/dsh-image-gen)
+[![DSH Plugin](https://img.shields.io/badge/Plugin%20For-DeepSeek%20Harness-6366f1?style=flat-square)](https://github.com/deepseek-ai)
+[![npm downloads](https://img.shields.io/npm/dm/dsh-image-gen.svg?style=flat-square&color=emerald)](https://www.npmjs.com/package/dsh-image-gen)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](LICENSE)
+
+[English](README.en.md) | **简体中文**
+
+<br />
+
+<p align="center">💬 <b>直接对你的 DeepSeek Harness Agent 发送以下提示词：</b></p>
+
+```text
+帮我安装生图插件，执行命令：pnpm dsh plugin --profile web add dsh-image-gen@latest
+```
+
+<p align="center"><sub>（也可以手动在终端执行：<code>pnpm dsh plugin --profile web add dsh-image-gen@latest</code>）</sub></p>
+
+<br />
+
+<p align="center">安装完成后，在 DSH 设置中填入自己的 API Key 或配置本地 ComfyUI，就可以直接对 Agent 说：</p>
+
+```text
+帮我画一张雨夜霓虹街头的赛博朋克猫咪。
+```
+
+<p align="center">Agent 会自动调用 <code>generate_image</code>，生成图片并直接显示在当前对话中。</p>
+
+<br />
+
+<img src="docs/assets/chat-preview.png" alt="对话生图效果预览" width="820" />
+
+</div>
+
+---
+
+## 💡 它解决什么问题？
+
+**`dsh-image-gen` 是专为 DeepSeek Harness (DSH) 打造的开源图像生成插件。**
+
+DeepSeek Harness 已经可以让 Agent 调用不同工具完成任务，本项目为它补上了原生的**多模态生图能力**：
+
+```mermaid
+graph LR
+    A[用户 Prompt] --> B[DeepSeek Harness Agent]
+    B --> C[generate_image 工具]
+    C --> D[Gemini / OpenAI / Seedream / DashScope / ComfyUI]
+    D --> E[图片数据]
+    E --> F[当前 Conversation 对话流]
+```
+
+---
+
+## 🚀 快速安装与使用
+
+### 1. 安装插件
+
+在你的 DeepSeek Harness 项目根目录下运行：
+
+```bash
+# 推荐方式：安装或升级到最新版本
+pnpm dsh plugin --profile web add dsh-image-gen@latest
+
+# 若已将 dsh 安装为系统全局命令：
+dsh plugin --profile web add dsh-image-gen@latest
+```
+
+<details>
+<summary><b>🛠️ 其他安装方式（Git 仓库直装 / 本地调试）</b></summary>
+
+```bash
+# 方式 B：从 GitHub 仓库直接安装最新代码
+pnpm dsh plugin --profile web add git+https://github.com/shanliuling/dsh-image-gen.git
+
+# 方式 C：本地克隆源码开发安装
+git clone https://github.com/shanliuling/dsh-image-gen.git
+pnpm dsh plugin --profile web add ./dsh-image-gen
+```
+
+</details>
+
+### 2. 配置 Provider 与工作区设置
+
+打开 DSH Web 页面（默认 `http://localhost:3080`）：
+
+1. 进入 **Settings → Plugins → Image generation**。
+2. 选择 Provider；云端 Provider 填写 API Key，本地 ComfyUI 填写地址并导入 API Format Workflow JSON（提示词位置使用 `{{prompt}}`，种子可选用 `{{seed}}`）。
+3. 可按需开启 **保存到工作区**（默认开启）并自定义子目录，点击 **保存** 即可。
+
+<div align="center">
+  <img src="docs/assets/settings-preview.png?v=0.1.7" alt="设置面板预览" width="720" />
+</div>
+
+### 3. 开始对话生图
+
+现在直接在聊天框输入：
+
+```text
+生成一张极简主义的现代建筑客厅插画。
+```
+
+当前 Agent 就会自动调用 `generate_image` 工具并在对话流中返回图片。
+
+### 4. 查看原生生图画廊
+
+点击会话顶栏的 **`[画廊]`** Tab，即可集中查看和搜索所有对话生成的历史图片：
+
+<div align="center">
+  <img src="docs/assets/gallery-preview.png" alt="原生生图画廊预览" width="820" />
+</div>
+
+---
+
+## ✨ 主要能力
+
+- 💬 **对话中直接生图**：不需要切换到其他网站，也不需要手动复制 Prompt，直接告诉 Agent 你想画什么即可。
+- 🖼️ **历史生图画廊**：顶栏自带「画廊」Tab，自动汇总所有历史生成的图片，支持关键词搜索、厂商筛选、单张删除（带防误触确认与持久化墓碑）与一键复制/下载。
+- 🔍 **交互式图片工具**：支持点击全屏大图预览、一键复制图片到剪贴板、本地下载与新标签页打开。
+- 🎨 **多 Provider 支持**：支持 Google Gemini、OpenAI Images、OpenAI Compatible API、ByteDance Seedream / 火山方舟、阿里云 DashScope（通义万相 / Qwen-Image）以及用户本地的 ComfyUI 工作流。
+- 🔑 **BYOK (自带 Key)**：插件使用你自己的 API Key。API Key 通过 DeepSeek Harness 的 `credentials` 服务管理，采用写保护隔离，不需要写进项目源码或配置文件，前端不存明文。
+- 🖼️ **图片跟随会话保存**：生成结果会接入 DeepSeek Harness 的 Attachment / Conversation 体系，重新打开历史会话后，仍然可以看到之前生成的图片。
+- 💾 **生成图片自动落盘到工作区**：默认在每次生成后把图片文件保存到当前会话工作区，工具结果会返回文件的绝对路径；可在设置中关闭或修改保存目录。
+- ⚙️ **原生设置界面**：Provider、API Key、模型和 Endpoint 都可以直接在 DSH Web 设置中修改，不需要手动编辑配置文件。
+
+---
+
+## 📦 支持的 Provider
+
+| Provider | 默认模型 | 默认 Endpoint / Base URL |
+| :--- | :--- | :--- |
+| **Google Gemini** | `gemini-3.1-flash-image` | `https://generativelanguage.googleapis.com/v1beta/interactions` |
+| **OpenAI Images** | `gpt-image-2` | `https://api.openai.com/v1` |
+| **OpenAI Compatible** | 自定义 | 自定义 Base URL |
+| **ByteDance Seedream / 火山方舟** | `doubao-seedream-5-0-260128` | `https://ark.cn-beijing.volces.com/api/v3` |
+| **Aliyun DashScope / 通义万相** | `wanx2.1-t2i-turbo` | `https://dashscope.aliyuncs.com/api/v1` |
+| **Local ComfyUI（仅文生图）** | 用户导入的 API Format Workflow | `http://127.0.0.1:8188` |
+
+---
+
+## 🛠️ 本地开发 (Development)
+
+```bash
+# 克隆仓库
+git clone https://github.com/shanliuling/dsh-image-gen.git
+cd dsh-image-gen
+
+# 安装依赖与构建
+pnpm install
+pnpm run typecheck
+pnpm run test
+pnpm run build
+
+# 检查 npm 打包内容
+pnpm run pack:check
+```
+
+---
+
+## 📄 开源协议 (License)
+
+本项目基于 [MIT License](LICENSE) 开源。
+
+如果这个插件对你有用，欢迎点一个 ⭐️ **Star** 支持！