diff --git a/docs/project-memory/shared-memory/decision-log.md b/docs/project-memory/shared-memory/decision-log.md
index b9a6e5f56..43c261ee1 100644
--- a/docs/project-memory/shared-memory/decision-log.md
+++ b/docs/project-memory/shared-memory/decision-log.md
@@ -16,11 +16,11 @@
 
 ---
 
-## 2026-06-29 图片画布抠图走远端 BiRefNet BFF
+## 2026-06-29 图片画布手动抠图走远端 BiRefNet BFF
 
-- 背景：前端 `chromaKey` 和后端绿幕轻量去背对复杂人物、UI 图标边缘和非纯色背景质量不足，且远端 image host 已部署 BiRefNet 服务，需要让画布默认抠图走高质量模型，同时避免把服务令牌暴露到浏览器。
-- 决策：画布手动“去除背景”默认调用登录态同源 BFF `POST /api/editor/images/background-removals`；角色形象生成、图标 spritesheet 生成、UI 设计图素材提取生成后的透明化和角色动作抽帧后的序列帧透明化也默认走同一套 BiRefNet 上游，不再静默回退到本地绿幕抠图。api-server 解析当前图片或生成结果后代理到 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_BASE_URL/remove-background`，默认指向 `http://58.87.105.82/remove-background`，可选 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_TOKEN` 只在服务端注入。api-server 对上游结果做字节和尺寸上限保护，并先落 OSS / asset object 再返回给前端。
-- 影响范围：api-server 编辑器图片接口、图片画布手动去背景、角色形象生成、图标素材生成、UI 素材提取、角色动作生成、画布右上角任务侧栏、图片画布 MVP 技术文档。
+- 背景：用户手动“去除背景”面对任意图片，前端 `chromaKey` 和标准绿幕后处理不适合复杂人物、自然背景或非纯色背景；远端 image host 已部署 BiRefNet 服务，需要让手动抠图走高质量模型，同时避免把服务令牌暴露到浏览器。
+- 决策：画布手动“去除背景”默认调用登录态同源 BFF `POST /api/editor/images/background-removals`。api-server 解析当前图片后代理到 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_BASE_URL/remove-background`，默认指向 `http://58.87.105.82/remove-background`，可选 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_TOKEN` 只在服务端注入。api-server 对上游结果做字节和尺寸上限保护，并先落 OSS / asset object 再返回给前端。编辑器自己生成的标准绿幕资产不属于该决策，见 2026-06-30 绿幕契约收口。
+- 影响范围：api-server 编辑器图片接口、图片画布手动去背景、画布右上角任务侧栏、图片画布 MVP 技术文档。
 - 验证方式：运行 `cargo check -p api-server --manifest-path server-rs/Cargo.toml`、`cargo test -p api-server config::tests::from_env_reads_editor_background_removal_settings --manifest-path server-rs/Cargo.toml`、`npm run typecheck`、定向画布 workflow 测试、`npm run check:encoding` 和 `git diff --check`。
 - 关联文档：`docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md`。
 
@@ -148,11 +148,18 @@
 ## 2026-06-18 图片画布 UI 设计图提取素材保留图集
 
 - 背景：UI 设计图需要从成图中继续抽取可复用独立素材；原图标素材生成只把拆分后的图标放入画布，spritesheet 原图没有保留，后续追溯和二次切图不方便。
-- 决策：`assetKind="ui-design"` 图层浮动工具栏新增 `提取素材`，点击后先进入红框素材框选编辑态，默认矩形框选，并支持椭圆框选和画笔自由框选。至少存在一个框选区域后才能提交；前端把红色轮廓绘入原 UI 设计图并将合成图作为 `/api/editor/ui-designs/assets/extractions` 的参考图。后端固定 `gpt-image-2` 和提示词 `仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。`，返回结构复用图标 spritesheet 响应。UI 提取把 spritesheet 图集作为 `assetKind="icon-spritesheet"` 图层放到画布，再放拆分后的 `assetKind="icon"` 素材；图标素材生成只保留扣绿后的 spritesheet 图集，不再额外铺独立图标。
+- 决策：`assetKind="ui-design"` 图层浮动工具栏新增 `提取素材`，点击后先进入红框素材框选编辑态，默认矩形框选，并支持椭圆框选和画笔自由框选。至少存在一个框选区域后才能提交；前端把红色轮廓绘入原 UI 设计图并将合成图作为 `/api/editor/ui-designs/assets/extractions` 的参考图。后端固定 `gpt-image-2` 和提示词 `仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。`，返回结构复用图标 spritesheet 响应。UI 提取把 spritesheet 图集作为 `assetKind="icon-spritesheet"` 图层放到画布，再放拆分后的 `assetKind="icon"` 素材；图标素材生成只保留扣绿后的 spritesheet 图集，不再额外铺独立图标。
 - 影响范围：图片画布浮动工具栏、编辑器图片生成 BFF、`platform-image` 图集连通域拆分、画布图层类型和编辑器文档。
 - 验证方式：运行图片画布工具栏 / 图集落层 / 生成提交相关前端测试，`cargo test -p platform-image generated_asset_sheets --manifest-path server-rs/Cargo.toml`，以及 `cargo test -p api-server editor_ui_design_asset_extraction_prompt_is_fixed --manifest-path server-rs/Cargo.toml`。
 - 关联文档：`docs/【编辑器】画板UI设计图生成入口设计-2026-06-17.md`、`docs/【编辑器】画板图标素材生成入口设计-2026-06-15.md`。
 
+## 2026-06-30 图片画布标准绿幕契约收口
+
+- 背景：角色形象、图标 spritesheet、UI 提取 spritesheet 和角色动作帧都要求模型生成标准绿幕，但提示词片段和后处理入口分散在多个模块中，容易把标准绿幕资产误接到远端 BiRefNet。
+- 决策：编辑器标准绿幕提示词和本地确定性绿幕透明化统一收口到 `server-rs/crates/api-server/src/editor_green_screen.rs`。手动 `POST /api/editor/images/background-removals` 继续面向用户任意图片并走 BiRefNet；编辑器自己生成的标准绿幕资产统一复用 `platform-image::generated_asset_sheets` 的本地透明化能力，不再依赖 BiRefNet。角色图、图标 spritesheet、UI 提取 spritesheet 和角色动作抽帧源图必须在绿幕透明化前先保存一份带绿幕原图到 OSS，便于追溯和重处理。
+- 影响范围：`editor_project.rs` 的角色图 / 图标图集 / UI 提取图集、`character_animation_assets.rs` 的编辑器角色动作帧、编辑器绿幕相关文档。
+- 验证方式：运行 `cargo test -p api-server --manifest-path server-rs/Cargo.toml prompt`，并单独按需过滤 `editor_canvas_green_screen_generation_uses_local_postprocess`、`editor_character_animation_frames_use_local_green_screen_postprocess`；同时运行 `npm run check:encoding` 和 `git diff --check`。
+
 ## 2026-06-18 `/creation` 独立为陶泥儿创作工具主页
 
 - 背景：图片画布项目已经成为独立项目资产，旧“创作”站内 Tab 和一级“草稿”入口不能清晰表达桌面端创作工具主页与项目管理入口。
@@ -2935,7 +2942,8 @@
 ## 2026-06-22 图片画布外部生成统一改走 worker 队列
 
 - 背景：图片画布的图片、改图、图标素材、UI 素材提取、角色动作、视频和音频生成都可能长时间等待外部 provider；如果继续由 HTTP handler 同步执行，生产只能扩 API 进程，不能独立扩生成吞吐。
-- 决策：`GENARRATIVE_EXTERNAL_GENERATION_MODE=queue` 下，画板所有外部 provider 生成入口统一入 `external_generation_job`，job kind 使用 `editor_image_generation`、`editor_image_edit`、`editor_icon_spritesheet_generation`、`editor_ui_design_asset_extraction`、`editor_character_animation_generation`、`editor_video_generation`、`editor_sound_effect_generation` 和 `editor_background_music_generation`。worker 成功后由后端写 `editor_project_resource` / `editor_asset` / `editor_canvas.layers_json`；前端只轮询 BFF job 状态并重新读取项目快照，不从队列 payload 或本地临时状态重建完成图层。
+- 决策：`GENARRATIVE_EXTERNAL_GENERATION_MODE=queue` 下，画板所有外部 provider 生成入口统一入 `external_generation_job`，job kind 使用 `editor_image_generation`、`editor_image_edit`、`editor_background_removal`、`editor_icon_spritesheet_generation`、`editor_ui_design_asset_extraction`、`editor_character_animation_generation`、`editor_video_generation`、`editor_sound_effect_generation` 和 `editor_background_music_generation`。worker 成功后由后端写 `editor_project_resource` / `editor_asset` / `editor_canvas.layers_json`；前端只轮询 BFF job 状态并重新读取项目快照，不从队列 payload 或本地临时状态重建完成图层。
+- 2026-06-29 补充：手动点击图层“去除背景”也属于图片画布外部 provider 任务，`/api/editor/images/background-removals` 在 queue 模式只入队 `editor_background_removal`，worker 完成后用新 resource 原地替换目标 layer。任务列表只展示服务器 `external_generation_job` 返回的任务，禁止再用前端 local task 伪造抠图进度。
 - 补充：带 `dialogId` 的 `canvasCompletion` 必须读取后端当前 layout 中的最新 generation dialog placeholder；等待期间用户移动占位时，结果层要跟随最新占位。无 dialog 的重绘 / UI 素材提取等入口使用明确的右侧完成占位；生成器已删除时不把结果重新塞回画布。
 - 影响范围：`server-rs/crates/api-server/src/editor_generation_queue.rs`、`server-rs/crates/api-server/src/external_generation_worker.rs`、`server-rs/crates/api-server/src/editor_project.rs`、`server-rs/crates/api-server/src/character_animation_assets.rs`、`server-rs/crates/api-server/src/vector_engine_audio_generation/generation.rs`、`src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.ts`、`src/services/image-editor/editorProjectClient.ts`。
 - 验证方式：`cargo test -p api-server external_generation_worker --manifest-path server-rs/Cargo.toml`、`cargo test -p api-server editor_canvas_generation --manifest-path server-rs/Cargo.toml`、`cargo test -p shared-contracts --manifest-path server-rs/Cargo.toml`、`npm run test -- src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx src/services/image-editor/editorProjectClient.test.ts`、`npm run typecheck`、`npm run check:encoding`、`git diff --check`。
diff --git a/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md b/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
index 48b8ce6e5..8a5dc8a6e 100644
--- a/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
+++ b/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
@@ -21,7 +21,7 @@
 - 生成资源右上角显示元数据按钮，点击打开独立元数据窗口。图片信息页不展示后端组装后的生图 Prompt，也不提供复制 Prompt；只展示该图片生成时用户在面板里提交的输入快照，包括普通生成提示词、规范表单字段、角色设定、图标素材描述、快速编辑提示词、重绘提示词，以及角色规范 / 常规参考图 / 图标规范 / 编辑参考图等参考图卡片，并提供“复制信息”复制当前可见字段。参考图输入快照只保存 `refType/refId` 行引用，其中 `refType="project-resource"` 指向 `editor_project_resource.resourceId`，`refType="asset"` 指向 `editor_asset.assetId`；不得把图片 Data URL、普通 URL 或 `objectKey` 写入 `generationInputs.references`。旧数据或上传图片没有输入快照时显示 `-`，禁止回退展示内部 Prompt。
 - 对生成资源执行重绘时，在右侧创建新的生成结果图层，并自动调整视图显示原图和新图；重绘面板不因提交成功自动关闭，便于连续改提示词。重绘 / 改造输入框只允许从 `generationInputs.fields` 中恢复用户可见输入快照，例如普通生成提示词、视频描述、音效 `prompt`、背景音乐 `gpt_description_prompt`、角色设定、UI 用户输入、图标素材描述、规范表单和宣发素材字段；禁止回退展示资源 `prompt` / `actualPrompt` 中的后端拼接 Prompt、固定生成模板或模型默认提示词。没有用户输入快照的旧图层打开改造时保持空输入，等待用户重新填写。
 - 图片生成 / 修改统一经 api-server BFF 接入 VectorEngine。普通生成、生成规范和重绘保留既有 `gpt-image-2` 路径；图片快速编辑默认从原图模型和分辨率初始化，但提交使用面板当前选择的 `model/aspectRatio/imageSize`；其中生成规范类图片固定 `16:9`、`2K`、`gpt-image-2`，面板底部用与可编辑面板一致的比例 / 尺寸 / 模型胶囊按钮展示固定参数，但按钮为禁用态，不允许在该面板改比例、尺寸或模型。`生成角色形象` 与 `生成图标素材` 支持 `nanobanana2`（`gemini-3.1-flash-image-preview`）和 `gpt-image-2`，默认 `nanobanana2`，并在两类面板之间沿用用户上次选择的模型。`nanobanana2` 走 `/v1beta/models/{model}:generateContent`，请求体写入 `generationConfig.imageConfig.aspectRatio/imageSize`；`gpt-image-2` 走 `/v1/images/generations` 或 `/v1/images/edits`，请求体按 VectorEngine 文档映射 `size`。宣发素材三个工作流（游戏首图、详情五图、运营海报）固定使用 `gpt-image-2`，面板模型胶囊为禁用态，不提供 `nanobanana2` 入口；前端按 workflow 同时提交 `outputSize`、`aspectRatio` 和 `imageSize`，其中游戏首图为 `720x540 / 4:3`、详情单图为 `720x1280 / 9:16`、运营海报为 `1280x720 / 16:9`；后端收到 `kind: "publication-material"` 时也强制归一为 `gpt-image-2` 生成和计费，生成回填图层优先使用生成占位的 `originalWidth/originalHeight`，即使上游回包尺寸漂移也不得把宣发素材卡片变成随机 `1:1` 或 `4:3`。纯文本生成走 `/api/editor/images/generations`，重绘在前端读入当前图层图片 Data URL 后走同一图片生成 BFF，并在原图右侧生成一张新图；普通图层重绘作为 `quick-edit` 参考图提交，角色图层重绘必须按 `kind: "character"` 提交，继续套用角色生成器提示词限定、透明 PNG 后处理和角色资产持久化。`生成视频` 走 `/api/editor/videos/generations`，前端模型入口仅展示 Seedance 2.0 Fast / Seedance 2.0 / Kling 3.0 / Kling 3.0 Omni，不展示 Veo 入口，默认 Seedance 2.0 Fast；视频参数按当前正式面板支持的比例、时长、清晰度和声音开关提交，且 Seedance Fast 与 Seedance 标准版必须按各自真实模型 ID 独立映射，不得混用。生成结果以视频图层加入画布。纯文本生成入口采用 Lovart 式画布内占位图 + 锚定生成输入框：点击生成图片后以当前视口世界中心为目标，经统一 placement 避让后创建选中的灰色占位框，输入框跟随占位框显示；待生成、生成中和失败后保留的占位图都必须继续支持拖动，生成完成时真实生成图或视频落在最新占位框位置，输入框继续跟随新生成图层；占位图失焦时隐藏高亮边框、左上角生成器名称和右上角原始尺寸，重新聚焦时再显示，且名称 / 尺寸在画布缩小时按 viewport 反向缩放保持屏幕尺寸稳定；点击所有图片 / 视频生成入口并确认请求开始后，必须隐藏对应设置面板，只保留画布内占位图或原图预览，并在预览上显示 Lovart 式生成中遮罩，避免“面板仍占屏”或“预览一起消失”。图片快速编辑和重绘在调用图片 BFF 前必须把当前图层图片源读取为图片 Data URL；视频素材快速编辑走视频生成 BFF，不允许走图片模型；角色动作快速编辑固定使用 `seedance2.0-fast` 动作 / 视频模型。前端不持有 provider 密钥；上游失败或配置缺失时恢复当前生成设置面板展示失败，不创建 mock 成功图。
-- 图片画布抠图默认走远端 BiRefNet：手动去除背景走登录态同源 BFF `POST /api/editor/images/background-removals`，角色形象生成、图标 spritesheet 生成、UI 设计图素材提取生成后的透明化和角色动作抽帧后的序列帧透明化也由 api-server 调用 BiRefNet；服务地址为 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_BASE_URL/remove-background`，默认 `http://58.87.105.82/remove-background`。可选访问令牌只来自服务端环境变量 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_TOKEN`，前端不持有令牌。api-server 对上游结果做响应字节和图片尺寸上限保护，并先落 OSS / asset object，再返回 `imageSrc/objectKey/assetObjectId/taskId`；手动去背景作为画布本地任务展示，记录运行 / 完成 / 失败、耗时和 provider，不写入 SpacetimeDB 外部生成队列。
+- 图片画布抠图分两类：手动去除背景面向用户任意图片，走登录态同源 BFF `POST /api/editor/images/background-removals` 并转发远端 BiRefNet；编辑器自己生成的标准绿幕资产统一走 `server-rs/crates/api-server/src/editor_green_screen.rs` 的绿幕提示词契约和本地确定性绿幕透明化，字节级解码、透明化和 PNG 编码下沉复用 `platform-image::generated_asset_sheets`。角色形象生成、图标 spritesheet 生成、UI 设计图素材提取和角色动作抽帧后的序列帧都属于标准绿幕资产，不再依赖 BiRefNet；后端在执行绿幕透明化前必须先把带绿幕源图写入 OSS。BiRefNet 服务地址为 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_BASE_URL/remove-background`，默认 `http://58.87.105.82/remove-background`；可选访问令牌只来自服务端环境变量 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_TOKEN`，前端不持有令牌。api-server 对上游结果做响应字节和图片尺寸上限保护，并先落 OSS / asset object，再返回 `imageSrc/objectKey/assetObjectId/taskId`；手动去背景作为画布本地任务展示，记录运行 / 完成 / 失败、耗时和 provider，不写入 SpacetimeDB 外部生成队列。
 - 快速编辑面板对齐其它生成类面板：首行支持额外参考图，最多 8 张；原图 / 原素材作为 `/api/editor/images/edits` 的 `sourceImageSrc` 直接提交，不作为 `referenceImageSrcs` 的最后一张隐式参考，也不在参考图条里固定展示 `图x`。打开快速编辑时画布必须自动平移缩放，让原素材完整落在可视区上半部分，底部面板固定出现在素材下方且不遮挡内容，竖屏 UI 素材也必须完整展示。快速编辑右侧显示矩形、椭圆、画笔框选工具，但进入时不默认启用；点击工具后显示选中态，再点同一工具取消启用。尺寸和模型默认从原素材配置 / 分辨率推断，底部参数胶囊可点击修改；图片快速编辑左下角统一显示 `x:y·xK`，右下角模型胶囊紧贴生成按钮。提交时保留用户提示词里对 `原图`、`当前图片`、`当前图` 或 `图1` 的原始表述，不再改写为 `图N`。点击快速编辑生成后立即创建独立 `Quick Edit Generator` 画布占位播放生成中动画，不再在原图图层上播放生成中遮罩；生成成功后直接用结果覆盖原图图层，该生成中占位可通过键盘 `Delete` / `Backspace` 删除。
 - 底部生成类按钮每次点击都必须创建独立的画布生成对象；新建规范、角色形象或图标素材时，只切换当前编辑面板，不得销毁此前尚未生成或已生成后的其它生成对象状态。归档为非当前编辑对象的生成占位仍可拖动、删除和等待异步完成，完成 / 失败回写必须按生成对象 ID 读取最新占位状态，不能使用提交瞬间的旧快照。
 - 画布右上角提供自动隐藏任务侧栏。列表为空且侧栏关闭时只保留图标开关；生成或去背景任务进入时默认打开；用户可手动切换开关状态。
@@ -74,10 +74,10 @@
 - `POST /api/editor/assets`：批量或单个创建账号级素材，登录态上传必须写入 OSS / asset object 引用和 `/<objectKey>` 轻量路径，不允许把 Data URL / signed URL 写入素材库。
 - `PATCH /api/editor/assets/{assetId}`：重命名素材或移动素材到文件夹。
 - `DELETE /api/editor/assets/{assetId}`：删除素材。已放入画布的 project resource 不被级联删除，避免旧画布丢图。
-- `POST /api/editor/images/generations`：按提示词调用 VectorEngine 生成图片；角色生成可携带 `model`、`aspectRatio`、`imageSize` 和 `referenceImageSrcs`，生成成功后 api-server 调用 BiRefNet 去背景。宣发素材携带 `kind: "publication-material"` 时固定归一为 `gpt-image-2`，不支持 `nanobanana2`。`nanobanana2` 参考图作为 `inline_data` 进入 `generateContent`，`gpt-image-2` 参考图进入 edits。普通重绘继续走该接口并把当前图层图片作为参考图；图片快速编辑不走该接口。请求可携带 `projectId`、`assetFolderId`、`assetKind`、`generationInputs` 和 `sourceResourceId`，后端生成成功后创建 project resource / 账号素材并在响应中返回 resource / asset 快照。
+- `POST /api/editor/images/generations`：按提示词调用 VectorEngine 生成图片；角色生成可携带 `model`、`aspectRatio`、`imageSize` 和 `referenceImageSrcs`，生成成功后 api-server 先保存带绿幕源图，再走 `editor_green_screen` 绿幕透明化后处理。宣发素材携带 `kind: "publication-material"` 时固定归一为 `gpt-image-2`，不支持 `nanobanana2`。`nanobanana2` 参考图作为 `inline_data` 进入 `generateContent`，`gpt-image-2` 参考图进入 edits。普通重绘继续走该接口并把当前图层图片作为参考图；图片快速编辑不走该接口。请求可携带 `projectId`、`assetFolderId`、`assetKind`、`generationInputs` 和 `sourceResourceId`，后端生成成功后创建 project resource / 账号素材并在响应中返回 resource / asset 快照。
 - `POST /api/editor/images/background-removals`：接收当前图片源，校验登录态后由 api-server 解析为图片文件并转发到 BiRefNet 去背景服务；响应返回 `imageSrc`、`objectKey`、`assetObjectId`、`width`、`height`、`taskId`、`elapsedMs` 和 `provider`。服务地址由 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_BASE_URL` 配置，令牌只在服务端通过 `GENARRATIVE_EDITOR_BACKGROUND_REMOVAL_TOKEN` 注入。
-- `POST /api/editor/icon-spritesheets/generations`：按图标规范图和素材描述数组生成 spritesheet，生成成功后 api-server 调用 BiRefNet 透明化，再由后端切分为独立透明图标。请求支持 `model`、`aspectRatio`、`imageSize`、`priceMudPoints`、`projectId`、`assetFolderId` 和 `generationInputs`；`priceMudPoints` 必须来自编辑器生成计费配置中对应生图模型的尺寸档位（如 `nanobanana2` 的 `0.5K / 1K / 2K` 或 `gpt-image-2` 的 `1K / 2K`），后端用 `editor_generation_config` 校验后才调用上游；`nanobanana2` 走原生 `generateContent` 并写入 `generationConfig.imageConfig.aspectRatio/imageSize`，`0.5K` 传 `"512"`；`gpt-image-2` 走 `/v1/images/edits`。后端把 spritesheet 和拆分后的 icon 都保存为 project resource / 账号素材，并随响应返回对应快照。
-- `POST /api/editor/ui-designs/assets/extractions`：以前端已绘入红色框选轮廓的 UI 设计图 Data URL 作为参考图，固定 `gpt-image-2` 和提示词 `仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。` 生成素材 spritesheet，生成成功后 api-server 调用 BiRefNet 透明化，再按连通域自动拆分为 `素材 1..N`，返回结构复用图标 spritesheet 响应。请求必须携带 `aspectRatio: "1:1"`、`imageSize: "1K" | "2K"` 和 `priceMudPoints`；框选数量不超过 6 个时前端按 `1:1·1K` 与 gpt-image-2 1K 价格提交，超过 6 个时按 `1:1·2K` 与 2K 价格提交。后端必须在调用上游前校验比例、尺寸和泥点价格，只允许 `1:1 / 1K / 2K`。请求可携带 `projectId`、`assetFolderId`、`generationInputs` 和 `spritesheetLabel`，后端保存 spritesheet / 拆分素材并返回对应 resource / asset 快照；前端必须把 spritesheet 原图与拆分素材都加入画布。
+- `POST /api/editor/icon-spritesheets/generations`：按图标规范图和素材描述数组生成 spritesheet，生成成功后 api-server 先保存带绿幕 spritesheet 源图，再走 `editor_green_screen` 绿幕透明化后处理，并由后端切分为独立透明图标。请求支持 `model`、`aspectRatio`、`imageSize`、`priceMudPoints`、`projectId`、`assetFolderId` 和 `generationInputs`；`priceMudPoints` 必须来自编辑器生成计费配置中对应生图模型的尺寸档位（如 `nanobanana2` 的 `0.5K / 1K / 2K` 或 `gpt-image-2` 的 `1K / 2K`），后端用 `editor_generation_config` 校验后才调用上游；`nanobanana2` 走原生 `generateContent` 并写入 `generationConfig.imageConfig.aspectRatio/imageSize`，`0.5K` 传 `"512"`；`gpt-image-2` 走 `/v1/images/edits`。后端把 spritesheet 和拆分后的 icon 都保存为 project resource / 账号素材，并随响应返回对应快照。
+- `POST /api/editor/ui-designs/assets/extractions`：以前端已绘入红色框选轮廓的 UI 设计图 Data URL 作为参考图，固定 `gpt-image-2` 和 `editor_green_screen` 组装的标准绿幕素材提取提示词生成素材 spritesheet，生成成功后 api-server 先保存带绿幕 spritesheet 源图，再走 `editor_green_screen` 绿幕透明化后处理，并按连通域自动拆分为 `素材 1..N`，返回结构复用图标 spritesheet 响应。请求必须携带 `aspectRatio: "1:1"`、`imageSize: "1K" | "2K"` 和 `priceMudPoints`；框选数量不超过 6 个时前端按 `1:1·1K` 与 gpt-image-2 1K 价格提交，超过 6 个时按 `1:1·2K` 与 2K 价格提交。后端必须在调用上游前校验比例、尺寸和泥点价格，只允许 `1:1 / 1K / 2K`。请求可携带 `projectId`、`assetFolderId`、`generationInputs` 和 `spritesheetLabel`，后端保存 spritesheet / 拆分素材并返回对应 resource / asset 快照；前端必须把 spritesheet 原图与拆分素材都加入画布。
 - `POST /api/editor/images/edits`：按提示词、当前图片 Data URL 和最多 8 张额外参考图调用 VectorEngine edits，返回新的生成图片元数据；请求携带 project / asset 上下文时由后端创建新 resource / asset，前端只消费响应快照。
 - `POST /api/editor/videos/generations`：按视频描述、模型、比例、时长、分辨率、模式、声音、默认联网搜索标记和泥点价格生成视频。前端可选模型为 `seedance2.0-fast`、`seedance2.0`、`kling3.0`、`kling3.0-omni`，默认 `seedance2.0-fast`；后端必须将 `seedance2.0-fast` 映射到 `doubao-seedance-2-0-fast-260128`，将 `seedance2.0` 映射到 `doubao-seedance-2-0-260128`，两者不得混用。后端允许 6 类比例、4 到 15 秒整数、`480p / 720p / 1080p`，并拒绝 `seedance2.0-fast + 1080p`；`sound=on/off` 映射 Ark `generate_audio=true/false`。后端复用 Ark / VectorEngine content generation task 轮询链路，下载最终视频并持久化到 OSS；请求携带 `projectId` / `assetFolderId` 时同步创建 project resource / 账号素材并返回 `project` / `asset` 快照，基础响应返回 `videoSrc`、尺寸、prompt、model、provider、taskId、durationSeconds、resolution 和 `priceMudPoints`。
 
@@ -108,7 +108,7 @@
 - 快速编辑面板底部必须显示当前选择的比例 / 尺寸和模型，参数按钮可展开修改且视觉对齐其它可编辑面板；打开时视口聚焦必须预留底部面板空间，面板位于素材下方，不得遮挡原素材，且素材在当前屏幕内完整可见。快速编辑请求只把原图作为 `sourceImageSrc` 直接提交，信息面板输入快照只展示用户额外选择的参考图。
 - 点击生成、生成规范、生成角色形象或生成图标素材后创建的占位图可继续保留；点击画布空白区域让当前图片或占位图失焦时，关闭当前生成面板并移除图片选中样式，但不删除占位图本身。
 - 生成资源显示元数据按钮，元数据窗口展示来源、生成输入快照、model、task、Resolution 和 OSS 引用；生成输入快照只包含用户面板输入和参考图行引用，不包含后端拼接 Prompt，不再展示独立 Size 字段，也不渲染参考图 Data URL 缩略图。
-- 图片选中后的浮动工具栏按钮顺序固定为：快速编辑、分割线、裁扩按钮、去除背景按钮、UI设计图专属提取素材、角色图专属生成动画、分割线、重绘、下载按钮。裁扩通过画布边界拖拉完成，不再展示四边数值输入；默认自由比例，选择固定比例后拖拉边界保持对应比例，完成后在原素材旁边新增裁扩结果图层，扩展区域透明填充。去除背景调用同源 BFF `POST /api/editor/images/background-removals`，由 api-server 代理远端 BiRefNet 服务并持久化结果，完成后用新的 project resource 引用替换当前图层，并在右上角本地任务侧栏展示耗时和状态。画布任务侧栏按“排队/生成中”和“已完成”分页，生成中排在排队前，生成中耗时从任务开始时间戳实时计算；完成态生成任务副标题显示用户提示词并单行截断；点击任务只聚焦对应画布内容，不激活生成面板或改变任务顺序，聚焦时必须预留图片上方工具栏、底部工具栏和可见生成对话框空间。UI设计图的提取素材必须先进入红框素材框选状态，默认启用矩形框选，右侧框选工具与快速编辑统一且可再次点击取消启用态，当前启用工具按钮必须保持高亮。素材提取面板必须在素材下方，使用与生成新素材一致的面板宽度和底部模型 / 按钮样式，提示语显示 `使用框选工具框选你希望从画面中提取的素材`，并展示按原图坐标准确裁剪的框选区域截图预览、固定模型 `gpt-image-2`、左下角计划规格 `1:1·1K/2K` 和 `提取 · N泥点` 按钮，不显示额外取消按钮；点击素材和面板以外的画布区域即退出 UI 素材提取。至少框选一个区域后才可提交，前端把红色轮廓绘入原图后固定走 `gpt-image-2` 和提示词 `仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。`，生成的 spritesheet 原图和拆分后的独立素材都作为画布图层保留。
+- 图片选中后的浮动工具栏按钮顺序固定为：快速编辑、分割线、裁扩按钮、去除背景按钮、UI设计图专属提取素材、角色图专属生成动画、分割线、重绘、下载按钮。裁扩通过画布边界拖拉完成，不再展示四边数值输入；默认自由比例，选择固定比例后拖拉边界保持对应比例，完成后在原素材旁边新增裁扩结果图层，扩展区域透明填充。去除背景调用同源 BFF `POST /api/editor/images/background-removals`，由 api-server 代理远端 BiRefNet 服务并持久化结果，完成后用新的 project resource 引用替换当前图层，并在右上角本地任务侧栏展示耗时和状态。画布任务侧栏按“排队/生成中”和“已完成”分页，生成中排在排队前，生成中耗时从任务开始时间戳实时计算；完成态生成任务副标题显示用户提示词并单行截断；点击任务只聚焦对应画布内容，不激活生成面板或改变任务顺序，聚焦时必须预留图片上方工具栏、底部工具栏和可见生成对话框空间。UI设计图的提取素材必须先进入红框素材框选状态，默认启用矩形框选，右侧框选工具与快速编辑统一且可再次点击取消启用态，当前启用工具按钮必须保持高亮。素材提取面板必须在素材下方，使用与生成新素材一致的面板宽度和底部模型 / 按钮样式，提示语显示 `使用框选工具框选你希望从画面中提取的素材`，并展示按原图坐标准确裁剪的框选区域截图预览、固定模型 `gpt-image-2`、左下角计划规格 `1:1·1K/2K` 和 `提取 · N泥点` 按钮，不显示额外取消按钮；点击素材和面板以外的画布区域即退出 UI 素材提取。至少框选一个区域后才可提交，前端把红色轮廓绘入原图后固定走 `gpt-image-2` 和提示词 `仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。`，生成的 spritesheet 原图和拆分后的独立素材都作为画布图层保留。
 - 重绘生成资源后，右侧出现新生成结果图层，并自动 fit 原图 + 新图，且重绘面板保持打开。
 - 快速编辑 / 重绘站内 public 示例图、历史 generated 图或 OSS generated 图时，前端先读取成 `data:image/*;base64,...` 再提交，后端不得再收到 `/creation-type-references/*`、`/generated-*` 或 OSS URL 作为 `referenceImageSrcs/sourceImageSrc`。
 - 快速编辑的额外参考图既进入输入快照，也作为 `/api/editor/images/edits` 的 `referenceImageSrcs` 提交给后端；原图仍只作为 `sourceImageSrc`，不占用额外参考图额度。
@@ -116,7 +116,7 @@
 - 上传按钮和拖拽上传都支持多文件；底部工具栏的上传入口选择文件后直接进入“上传素材”并在当前画布视口中心创建画布图层，素材栏文件夹内的上传入口只写入对应素材文件夹、不自动入画布；拖到文件夹或该文件夹内素材时进入目标文件夹；拖到画布时进入“上传素材”并在投放点创建画布图层。上传图片必须在创建占位素材、画布图层和账号级素材记录前先读取原图 Resolution，图层宽高、`originalWidth/originalHeight` 和素材库 `width/height` 都使用图片本身尺寸；上传视频同样在创建素材和图层前读取视频 metadata 宽高，保证单层下载或 ZIP 导出的真实视频文件重新导入后仍按文件自身尺寸入画布；仅在无法解析尺寸时才使用对应媒体兜底尺寸。
 - 音频 / 视频素材卡和画布媒体图层必须提供稳定的非文字视觉预览：优先使用 `thumbnailSrc` / 视频 `poster`，没有真实首帧或音频封面时使用由媒体类型、素材名和地址派生的确定性视觉底图。视频图层使用原生 `<video controls preload="metadata" playsInline>` 播放，外层图层仍承接选择和拖拽语义；音频图层播放前继续通过 `/api/assets/read-url` 换签。画布素材导出按 `mediaType` 保留真实媒体格式：图片进入 `images/`，音频 / 视频进入 `media/`，文件扩展名从响应 MIME、`objectKey` 或源 URL 推断，不得把音频 / 视频导出成 PNG。
 - 画布素材 ZIP 的 `metadata.json` 只保存前端信息弹窗和导出文件列表可见的展示快照：项目标题、导出时间、图层标题、文件路径、类型、生成输入、模型显示名、Task 短 ID、Object 显示值、Resolution / 时长和导出错误。导出的生成输入只保留用户实际填写或选择的内容；系统默认兜底提示词、固定工作流提示词、内置图标描述、UI 提取素材固定提示词等内置提示词即使存在于历史 `generationInputs`，也不得写入导出元数据。不得把 `projectId`、`layerId`、`resourceId`、`sourceAssetId`、`sourceResourceId`、原始 `prompt` / `actualPrompt` / `provider` 或画布坐标、锁定、隐藏等布局状态写入导出元数据；Object 字段仅沿用信息弹窗当前可见值。
-- `生成角色动作` 的完成结果同样按视频素材处理：图层主 `src` 使用后端返回的 `previewVideoPath`，`mediaType` 固定为 `video`，`assetKind` 固定为 `character-animation`，首个透明帧只写入 `thumbnailSrc` 供 poster 和后续动作源使用。下载和 ZIP 导出必须因此得到 mp4/webm/mov 等真实视频文件，不能回退为首帧 PNG；后端抽帧后通过 BiRefNet 去背景并落盘帧素材。
+- `生成角色动作` 的完成结果按序列帧素材处理：图层主 `src` 使用 `frames[0].imageSrc`，`mediaType` 固定为 `image-sequence`，`assetKind` 固定为 `character-animation`，完整帧列表写入 `imageSequenceFrames`；`previewVideoPath` 只保留为上游预览视频来源，不作为画布主媒体。下载和 ZIP 导出必须因此得到序列帧 ZIP / frames 目录，不能回退为预览视频或首帧 PNG；后端抽帧后先保存带绿幕帧源图，再走绿幕透明化后处理并落盘透明帧素材。
 - 素材面板支持按素材名、文件夹名、生成信息、模型、任务和媒体类型搜索，并支持选择模式框选，一次选中多个素材，并可批量移动或删除上传素材。
 - 图层面板支持按图层名、生成信息、模型、任务和媒体类型搜索；支持选择多个图层后创建图层组，组名和 groupId 随画布布局保存。
 - 小地图支持拖拽视口框，拖动时画布 viewport 跟随移动；`pointermove` 更新必须通过 `requestAnimationFrame` 合帧，结束拖拽时 flush 最后一帧，避免高频 pointermove 直接压垮 React 渲染和项目持久化链路。
diff --git a/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md b/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md
index 2c012a01b..8e4c255be 100644
--- a/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md
+++ b/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md
@@ -246,7 +246,7 @@ npm run check:server-rs-ddd
 
 - Rust 结构体：`ExternalGenerationJob`
 - 源码：`server-rs/crates/spacetime-module/src/external_generation.rs`
-- 用途：外部生成 worker 的持久任务队列和用户可见生成任务列表；`GENARRATIVE_EXTERNAL_GENERATION_MODE=queue` 时，`api-server` HTTP 角色只入队，`external-generation-worker` 角色通过 claim lease 领取、续租、执行，并用 `lease_token` 栅栏回写完成 / 失败。队列行同时保存 `price_mud_points`、`refund_ledger_id` 和 `notification_acknowledged_at`，BFF 通过 `GET /api/runtime/external-generation/jobs` 返回当前账号的正式生成任务列表、价格、状态和未确认终态数量；前端只能展示该后端事实，完成 / 失败提示展示后后台调用 `POST /api/runtime/external-generation/jobs/acknowledge` 由后端写确认时间，关闭按钮只收起本地弹窗，未确认终态任务会在下次登录后再次集中弹出。拼图 `compile_puzzle_draft` 的前置 `compile_puzzle_agent_draft`、`generate_puzzle_images` 与 `generate_puzzle_ui_background` 的业务写回也在对应 SpacetimeDB transaction 内校验 `job_id + worker_id + lease_token`、job kind、owner 和 source entity，避免过期 worker 写 session / work profile；图片画布编辑器的 `editor_image_generation`、`editor_image_edit`、`editor_icon_spritesheet_generation`、`editor_ui_design_asset_extraction`、`editor_character_animation_generation`、`editor_video_generation`、`editor_sound_effect_generation` 和 `editor_background_music_generation` 复用同一队列表，worker 成功后经 `api-server` facade 写入 `editor_project_resource` / `editor_asset` / `editor_canvas.layers_json`，前端只通过 BFF job 状态轮询和项目快照读取恢复完成态。`GENARRATIVE_EXTERNAL_GENERATION_MODE=inline` 时不创建该队列行，三个 external generation guard 字段必须同时为空才允许 api-server 受控同步写回，半空 guard 仍会拒绝。worker 成功写回业务事实后才能 complete job；业务失败态写回成功后才能 fail job，失败态未写回时保留租约等待后续重领。
+- 用途：外部生成 worker 的持久任务队列和用户可见生成任务列表；`GENARRATIVE_EXTERNAL_GENERATION_MODE=queue` 时，`api-server` HTTP 角色只入队，`external-generation-worker` 角色通过 claim lease 领取、续租、执行，并用 `lease_token` 栅栏回写完成 / 失败。队列行同时保存 `price_mud_points`、`refund_ledger_id` 和 `notification_acknowledged_at`，BFF 通过 `GET /api/runtime/external-generation/jobs` 返回当前账号的正式生成任务列表、价格、状态和未确认终态数量；前端只能展示该后端事实，完成 / 失败提示展示后后台调用 `POST /api/runtime/external-generation/jobs/acknowledge` 由后端写确认时间，关闭按钮只收起本地弹窗，未确认终态任务会在下次登录后再次集中弹出。拼图 `compile_puzzle_draft` 的前置 `compile_puzzle_agent_draft`、`generate_puzzle_images` 与 `generate_puzzle_ui_background` 的业务写回也在对应 SpacetimeDB transaction 内校验 `job_id + worker_id + lease_token`、job kind、owner 和 source entity，避免过期 worker 写 session / work profile；图片画布编辑器的 `editor_image_generation`、`editor_image_edit`、`editor_background_removal`、`editor_icon_spritesheet_generation`、`editor_ui_design_asset_extraction`、`editor_character_animation_generation`、`editor_video_generation`、`editor_sound_effect_generation` 和 `editor_background_music_generation` 复用同一队列表，worker 成功后经 `api-server` facade 写入 `editor_project_resource` / `editor_asset` / `editor_canvas.layers_json`，前端只通过 BFF job 状态轮询和项目快照读取恢复完成态。`GENARRATIVE_EXTERNAL_GENERATION_MODE=inline` 时不创建该队列行，三个 external generation guard 字段必须同时为空才允许 api-server 受控同步写回，半空 guard 仍会拒绝。worker 成功写回业务事实后才能 complete job；业务失败态写回成功后才能 fail job，失败态未写回时保留租约等待后续重领。
 
 ### `external_generation_job_event`
 
diff --git a/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md b/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
index ecd0e4a58..b27e3abbb 100644
--- a/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
+++ b/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
@@ -55,7 +55,7 @@ Windows 本地如果已在 `%LOCALAPPDATA%\Genarrative\ffmpeg\bin` 安装 FFmpeg
 
 开发态 `npm run dev` 与 `npm run dev:api-server` 会默认注入 `GENARRATIVE_DEV_PASSWORD_ENTRY_AUTO_REGISTER_ENABLED=true` 和 `GENARRATIVE_PROCESS_ROLE=all`，因此密码登录在本地开发环境可直接注册未知手机号账号，且本地 `api-server` 会同时监听 HTTP 并消费外部生成队列；显式设置 `GENARRATIVE_PROCESS_ROLE` 时保留显式值。Linux 本地默认 `all` 角色启动前，dev 脚本会停止当前仓库、同一个 SpacetimeDB server / database 下遗留的 `GENARRATIVE_PROCESS_ROLE=external-generation-worker` 进程，避免旧 worker 二进制继续抢同一条队列并在业务写回时制造 procedure 超时；显式拆分 `api` / `external-generation-worker` 做生产式验证时不会触发这项清理。生产环境仍按 `api-server` 配置默认关闭密码自动注册，并由独立 worker 进程消费队列。
 
-本地排查外部内容生成 worker 队列时，默认同一 Rust 进程同时监听 HTTP 并消费 `external_generation_job` 队列；更接近生产的验证应分别启动 `api`、`external-generation-worker` 和 `external-generation-controller`。生产默认 `GENARRATIVE_PROCESS_ROLE=api`，外部生成任务由独立 `GENARRATIVE_PROCESS_ROLE=external-generation-worker` 进程消费；生产与容器扩缩容验证保持 `queue`。当前进入持久队列的外部生成动作包括：拼图 `compile_puzzle_draft` / `generate_puzzle_images` / `generate_puzzle_ui_background`，跳一跳 `compile-draft` / `regenerate-tiles`，拼消消 `compile-draft` / `regenerate-atlas`，敲木鱼 `compile-draft` / `regenerate-hit-object`，以及图片画布 `editor_image_generation` / `editor_image_edit` / `editor_icon_spritesheet_generation` / `editor_ui_design_asset_extraction` / `editor_character_animation_generation` / `editor_video_generation` / `editor_sound_effect_generation` / `editor_background_music_generation`。非外部 provider 生成动作继续 inline，不进入队列。显式把本地进程角色设为 `api` 且没有 worker 时，HTTP 只返回 queued/running，不会兜底执行外部 provider。
+本地排查外部内容生成 worker 队列时，默认同一 Rust 进程同时监听 HTTP 并消费 `external_generation_job` 队列；更接近生产的验证应分别启动 `api`、`external-generation-worker` 和 `external-generation-controller`。生产默认 `GENARRATIVE_PROCESS_ROLE=api`，外部生成任务由独立 `GENARRATIVE_PROCESS_ROLE=external-generation-worker` 进程消费；生产与容器扩缩容验证保持 `queue`。当前进入持久队列的外部生成动作包括：拼图 `compile_puzzle_draft` / `generate_puzzle_images` / `generate_puzzle_ui_background`，跳一跳 `compile-draft` / `regenerate-tiles`，拼消消 `compile-draft` / `regenerate-atlas`，敲木鱼 `compile-draft` / `regenerate-hit-object`，以及图片画布 `editor_image_generation` / `editor_image_edit` / `editor_background_removal` / `editor_icon_spritesheet_generation` / `editor_ui_design_asset_extraction` / `editor_character_animation_generation` / `editor_video_generation` / `editor_sound_effect_generation` / `editor_background_music_generation`。非外部 provider 生成动作继续 inline，不进入队列。显式把本地进程角色设为 `api` 且没有 worker 时，HTTP 只返回 queued/running，不会兜底执行外部 provider。
 
 `我的` 页签或排障面板展示队列等待时，只读取 BFF 队列接口：`GET /api/runtime/external-generation/queue-overview` 查看当前用户可见队列概览，`GET /api/runtime/external-generation/jobs/{jobId}` 查看单 job 状态。生成页 / 进度页不承接队列概览，只展示当前玩法业务进度；队列接口只提供等待 / 运行 / 失败 / 完成状态补充，最终草稿、作品和结果页仍要轮询对应玩法 session/detail 接口收敛到 ready 或 failed；不要直接查询 `external_generation_job` private table，也不要把 worker 内部 payload 暴露到前端。
 
@@ -385,7 +385,7 @@ Pingora current release 自审脚本 `scripts/ops/pingora-current-release-audit.
 
 生产环境变量模板：`deploy/env/api-server.env.example`。真实密钥只放服务器，不提交 Git，不写入文档示例。
 
-`api-server` 进程角色由 `GENARRATIVE_PROCESS_ROLE` 控制：`api` 只监听 HTTP，`external-generation-worker` 只消费外部生成队列，`external-generation-controller` 只管理 worker systemd 实例，`all` 仅用于本地或临时 smoke，不隐式启动 controller。外部生成策略由 `GENARRATIVE_EXTERNAL_GENERATION_MODE` 控制；生产和容器压测默认保持 `queue`，本地 `npm run dev` / `npm run dev:api-server` 默认由 dev 脚本注入 `GENARRATIVE_PROCESS_ROLE=all`，如果外部生成策略为 `queue` 会由同一进程消费队列。`inline` 只用于本地或低并发同步排查，HTTP handler 会直接复用 worker executor，完成后返回 `completed`，但不会落 `external_generation_job`，也不能通过增加 worker 进程扩吞吐。外部生成 worker 使用同一发布包和同一套 SpacetimeDB 配置，按实例数和 `GENARRATIVE_EXTERNAL_GENERATION_WORKER_CONCURRENCY` 动态扩缩；生产默认由 `genarrative-external-generation-controller.service` 读取 `get_external_generation_queue_stats_and_return`，按 `claimable_pending + running_active + expired_running` 计算目标 worker 数，并对 `genarrative-external-generation-worker@N.service` 精确执行 `systemctl start/stop`。controller 参数模板是 `deploy/env/external-generation-controller.env.example`：默认保底 `MIN_WORKERS=1`、上限 `MAX_WORKERS=8`、每 worker 目标 `TARGET_JOBS_PER_WORKER=2`、`POLL_INTERVAL_MS=10000`、连续 `SCALE_DOWN_IDLE_ROUNDS=6` 轮完全空闲才缩容；缩容每轮只停止最高编号的一个实例，且不主动停止 `@1`。worker 收到 SIGINT/SIGTERM 后会停止 claim 新任务并等待当前任务完成；若进程被硬杀、机器断电或超过 systemd `TimeoutStopSec`，未完成任务才会在 lease 过期后由其它 worker 重领。每个 worker 实例应设置唯一 `GENARRATIVE_EXTERNAL_GENERATION_WORKER_ID`，默认会用主机名和 pid 兜底；systemd 生产模板 `deploy/systemd/genarrative-external-generation-worker@.service` 会用 `%H-%i` 生成实例 ID，并把 tracking outbox 隔离到 `/var/lib/genarrative/tracking-outbox/%H-%i`。`Genarrative-Server-Provision` 会安装 worker 模板、controller unit 和两份专属 env 模板，默认 enable 首个 `genarrative-external-generation-worker@1.service` 与 `genarrative-external-generation-controller.service`；首次 API deploy 会在默认 worker pattern 下自动 `enable --now genarrative-external-generation-worker@1.service` 并等待 worker active，同时重启并验活 controller。手动兜底扩容仍可用 `systemctl start genarrative-external-generation-worker@2.service` / `@3.service`，缩容用 `systemctl stop genarrative-external-generation-worker@N.service`；controller 下轮会按队列压力修正到目标实例数。worker 专属参数模板是 `deploy/env/external-generation-worker.env.example`，密钥与 SpacetimeDB 连接仍复用 `/etc/genarrative/api-server.env`。API 发布脚本默认会重启并验活 `genarrative-external-generation-worker@*.service` 和 `genarrative-external-generation-controller.service`；若本次只发 HTTP 且不希望滚动 worker，可传 `--no-worker-services`，若不希望重启 controller 可传 `--no-worker-controller`。`GENARRATIVE_EXTERNAL_GENERATION_WORKER_POLL_INTERVAL_MS` 控制空队列轮询间隔，`GENARRATIVE_EXTERNAL_GENERATION_WORKER_LEASE_SECONDS` 控制单次 lease，worker 会约每三分之一 lease、最长 30 秒续租；该值应覆盖一次心跳网络抖动窗口，不需要大于完整外部生成链路耗时。SpacetimeDB 使用自身事务时间计算 claim/renew/complete/fail，完成和失败回写还会校验 `lease_token` 与未过期 lease，避免同一 job 被过期 worker 覆盖。首版 worker 粒度是单动作单 job，不拆阶段 job；当前外部生成动作覆盖拼图、跳一跳、拼消消、敲木鱼和图片画布编辑器生成入口，纯元信息保存、发布、试玩启动、运行态动作和公开读取继续 inline。图片画布 worker 成功后由后端保存 `editor_project_resource` / `editor_asset` / `editor_canvas.layers_json`，前端只轮询 job 并重新读取项目快照。当前生成业务失败只做用户重新触发，不做自动业务重试，避免 worker 退款和重试成功之间产生钱包账本漂移。
+`api-server` 进程角色由 `GENARRATIVE_PROCESS_ROLE` 控制：`api` 只监听 HTTP，`external-generation-worker` 只消费外部生成队列，`external-generation-controller` 只管理 worker systemd 实例，`all` 仅用于本地或临时 smoke，不隐式启动 controller。外部生成策略由 `GENARRATIVE_EXTERNAL_GENERATION_MODE` 控制；生产和容器压测默认保持 `queue`，本地 `npm run dev` / `npm run dev:api-server` 默认由 dev 脚本注入 `GENARRATIVE_PROCESS_ROLE=all`，如果外部生成策略为 `queue` 会由同一进程消费队列。`inline` 只用于本地或低并发同步排查，HTTP handler 会直接复用 worker executor，完成后返回 `completed`，但不会落 `external_generation_job`，也不能通过增加 worker 进程扩吞吐。外部生成 worker 使用同一发布包和同一套 SpacetimeDB 配置，按实例数和 `GENARRATIVE_EXTERNAL_GENERATION_WORKER_CONCURRENCY` 动态扩缩；生产默认由 `genarrative-external-generation-controller.service` 读取 `get_external_generation_queue_stats_and_return`，按 `claimable_pending + running_active + expired_running` 计算目标 worker 数，并对 `genarrative-external-generation-worker@N.service` 精确执行 `systemctl start/stop`。controller 参数模板是 `deploy/env/external-generation-controller.env.example`：默认保底 `MIN_WORKERS=1`、上限 `MAX_WORKERS=8`、每 worker 目标 `TARGET_JOBS_PER_WORKER=2`、`POLL_INTERVAL_MS=10000`、连续 `SCALE_DOWN_IDLE_ROUNDS=6` 轮完全空闲才缩容；缩容每轮只停止最高编号的一个实例，且不主动停止 `@1`。worker 收到 SIGINT/SIGTERM 后会停止 claim 新任务并等待当前任务完成；若进程被硬杀、机器断电或超过 systemd `TimeoutStopSec`，未完成任务才会在 lease 过期后由其它 worker 重领。每个 worker 实例应设置唯一 `GENARRATIVE_EXTERNAL_GENERATION_WORKER_ID`，默认会用主机名和 pid 兜底；systemd 生产模板 `deploy/systemd/genarrative-external-generation-worker@.service` 会用 `%H-%i` 生成实例 ID，并把 tracking outbox 隔离到 `/var/lib/genarrative/tracking-outbox/%H-%i`。`Genarrative-Server-Provision` 会安装 worker 模板、controller unit 和两份专属 env 模板，默认 enable 首个 `genarrative-external-generation-worker@1.service` 与 `genarrative-external-generation-controller.service`；首次 API deploy 会在默认 worker pattern 下自动 `enable --now genarrative-external-generation-worker@1.service` 并等待 worker active，同时重启并验活 controller。手动兜底扩容仍可用 `systemctl start genarrative-external-generation-worker@2.service` / `@3.service`，缩容用 `systemctl stop genarrative-external-generation-worker@N.service`；controller 下轮会按队列压力修正到目标实例数。worker 专属参数模板是 `deploy/env/external-generation-worker.env.example`，密钥与 SpacetimeDB 连接仍复用 `/etc/genarrative/api-server.env`。API 发布脚本默认会重启并验活 `genarrative-external-generation-worker@*.service` 和 `genarrative-external-generation-controller.service`；若本次只发 HTTP 且不希望滚动 worker，可传 `--no-worker-services`，若不希望重启 controller 可传 `--no-worker-controller`。`GENARRATIVE_EXTERNAL_GENERATION_WORKER_POLL_INTERVAL_MS` 控制空队列轮询间隔，`GENARRATIVE_EXTERNAL_GENERATION_WORKER_LEASE_SECONDS` 控制单次 lease，worker 会约每三分之一 lease、最长 30 秒续租；该值应覆盖一次心跳网络抖动窗口，不需要大于完整外部生成链路耗时。SpacetimeDB 使用自身事务时间计算 claim/renew/complete/fail，完成和失败回写还会校验 `lease_token` 与未过期 lease，避免同一 job 被过期 worker 覆盖。首版 worker 粒度是单动作单 job，不拆阶段 job；当前外部生成动作覆盖拼图、跳一跳、拼消消、敲木鱼和图片画布编辑器生成 / 抠图入口，纯元信息保存、发布、试玩启动、运行态动作和公开读取继续 inline。图片画布 worker 成功后由后端保存 `editor_project_resource` / `editor_asset` / `editor_canvas.layers_json`，前端只轮询 job 并重新读取项目快照。当前生成业务失败只做用户重新触发，不做自动业务重试，避免 worker 退款和重试成功之间产生钱包账本漂移。
 
 `Genarrative-Server-Provision` 会安装 systemd 模板和 Nginx 站点模板，不再安装 clang / lld / pkg-config / OpenSSL headers / sccache 等通用构建链依赖。因 VectorEngine 图片上游 POST 已改用 `libcurl`，当前 Linux release 构建出的 `api-server` 运行时需要 `OPENSSL_3.2.0` 符号；Ubuntu 24.04 apt 默认只提供 OpenSSL 3.0.x，不能直接满足该符号版本。Provision 会把 OpenSSL `3.2.0` 独立安装到 `/opt/genarrative/openssl-3.2.0`，校验官方 tarball SHA256，并只通过 `genarrative-api.service` 的 `LD_LIBRARY_PATH=/opt/genarrative/openssl-3.2.0/lib64:/opt/genarrative/openssl-3.2.0/lib` 让 api-server 使用，避免替换系统 OpenSSL 或影响 ssh / nginx / apt。Ubuntu / apt 目标机为完成这一步会安装 `build-essential`、`ca-certificates`、`curl`、`perl`、`tar` 等 OpenSSL 运行时自举工具；这只服务于独立 OpenSSL 运行时安装，不代表 provision 重新承担 api-server 构建职责。Ubuntu / apt 目标机会额外安装 `libnginx-mod-http-brotli-filter` 与 `libnginx-mod-http-brotli-static`，随后由 `scripts/jenkins-server-provision.sh` 通过临时 `nginx -t` 配置探测 Brotli 指令是否可用；该临时配置必须先 `include /etc/nginx/modules-enabled/*.conf`，因为 apt 安装的 Brotli 是动态模块，不会出现在普通 `nginx -V` 编译参数里。探测成功才在渲染后的 `deploy/nginx/genarrative.conf` / `genarrative-dev-http.conf` 中启用 Brotli，避免未安装模块的机器直接写入无效配置。Provision 写入 Genarrative Nginx 站点时会把 `/etc/nginx/sites-enabled/default*` 移到 `/etc/nginx/sites-disabled/`，避免 Debian / Certbot 默认站点继续占用 `genarrative.world` / `www.genarrative.world` 并在 `nginx -T` 中出现 `conflicting server name ... ignored`。如果 `nginx -t` 失败，脚本会恢复写入前的 Genarrative 配置和被移动的默认站点。
 
diff --git a/docs/【编辑器】画板UI设计图生成入口设计-2026-06-17.md b/docs/【编辑器】画板UI设计图生成入口设计-2026-06-17.md
index b868ba59b..a3d776835 100644
--- a/docs/【编辑器】画板UI设计图生成入口设计-2026-06-17.md
+++ b/docs/【编辑器】画板UI设计图生成入口设计-2026-06-17.md
@@ -57,10 +57,10 @@
 - 后端固定使用 `gpt-image-2` 图片编辑链路，并固定提示词：
 
 ```text
-仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。
+仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。
 ```
 
-- 后端收到 spritesheet 后复用图标素材的连通域拆分能力；未知素材数量时按从上到下、从左到右自动命名为 `素材 1`、`素材 2`。
+- 后端收到 spritesheet 后先把带绿幕源图写入 OSS，再走 `server-rs/crates/api-server/src/editor_green_screen.rs` 的统一绿幕透明化方法，并复用图标素材的连通域拆分能力；未知素材数量时按从上到下、从左到右自动命名为 `素材 1`、`素材 2`。
 - 前端先把 spritesheet 原图作为 `assetKind: "icon-spritesheet"` 图集图层放在 UI 设计图右侧，再把拆分出的独立素材作为 `assetKind: "icon"` 图标图层继续放到画布。
 
 ## 验收点
diff --git a/docs/【编辑器】画板图标素材生成入口设计-2026-06-15.md b/docs/【编辑器】画板图标素材生成入口设计-2026-06-15.md
index b97b6b330..cd32420d3 100644
--- a/docs/【编辑器】画板图标素材生成入口设计-2026-06-15.md
+++ b/docs/【编辑器】画板图标素材生成入口设计-2026-06-15.md
@@ -50,14 +50,14 @@
 - Prompt 固定为：
 
 ```text
-参考图1的图标规范，单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕背景方便扣除背景，禁止出现文字，保证每个图标素材的所有内容区域是完全连通的。按照以下的素材的顺序从上到下从左到右依次生成并整理成一张spritesheet：
+参考图1的图标规范，背景必须是单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，且平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光；禁止出现文字，保证每个图标素材的所有内容区域是完全连通的。按照以下的素材的顺序从上到下从左到右依次生成并整理成一张spritesheet：
 
 <素材描述按中文顿号拼接>
 ```
 
 ## 去背与保存
 
-- 后端收到 spritesheet 后先复用 `platform-image::generated_asset_sheets` 的绿幕去背能力。
+- 后端收到 spritesheet 后先把带绿幕源图写入 OSS，再走 `server-rs/crates/api-server/src/editor_green_screen.rs` 的统一绿幕透明化方法，底层复用 `platform-image::generated_asset_sheets`。
 - 去背后的整张 spritesheet 统一编码为透明 PNG，并作为唯一图标素材产物持久化。
 - 响应保留 `iconImageSrcs` 字段用于兼容旧客户端，但图标素材生成固定返回空数组；UI 设计图提取素材仍可复用该响应结构返回切片素材。
 
diff --git a/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md b/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md
index a0041276a..08134d4bf 100644
--- a/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md
+++ b/docs/【编辑器】画板角色形象生成入口设计-2026-06-15.md
@@ -60,11 +60,11 @@
 - `kind = "character"` 时，后端不直接把前端文本当完整生图提示词，而是把文本作为 `角色设定` 填入固定提示词骨架：
 
 ```text
-基于图1的角色美术视觉规范指导生成游戏角色形象图。画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，只作为抠像底色，禁止生成美术视觉规范、出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。
+基于图1的角色美术视觉规范指导生成游戏角色形象图。画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，只作为抠像底色；绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具；角色主体不得带绿色描边、绿色投影或绿色反光；禁止生成美术视觉规范、出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。
 角色设定：<用户输入的角色设定>
 ```
 
-- 角色图生成完成后，编辑器后端必须走通用抠图方法：复用 `platform-image::generated_asset_sheets` 的绿幕 / 近白背景去背能力，并开启内部绿幕 / 近白镂空检测。角色图 prompt 固定要求标准 `#00FF00 / RGB(0,255,0)` 绿幕；后端路径仍兼容生成模型把标准绿幕压成暗绿 / 灰绿背景的情况，但这类宽松识别只用于从画布边缘连通扩散出的背景，不作为全图断开绿色区域删除依据。该流程不再调用 RPG / 资产工坊的角色主图专用 `character_visual_assets` 后处理；输出仍统一为透明背景 PNG，随后写入 OSS 私有对象并确认 `asset_object`。接口回包仍返回透明 PNG Data URL 供画板立即显示，同时返回 `objectKey` / `assetObjectId`，前端创建图层和画板资源记录时必须保存这两个字段。
+- 角色图生成完成后，编辑器后端必须先把带绿幕源图写入 OSS，再走 `server-rs/crates/api-server/src/editor_green_screen.rs` 的统一绿幕透明化方法：复用 `platform-image::generated_asset_sheets` 的绿幕 / 近白背景去背能力，并开启内部绿幕 / 近白镂空检测。角色图 prompt 固定要求标准 `#00FF00 / RGB(0,255,0)` 绿幕；后端路径仍兼容生成模型把标准绿幕压成暗绿 / 灰绿背景的情况，但这类宽松识别只用于从画布边缘连通扩散出的背景，不作为全图断开绿色区域删除依据。该流程不再调用 RPG / 资产工坊的角色主图专用 `character_visual_assets` 后处理，也不调用远端 BiRefNet；输出仍统一为透明背景 PNG，随后写入 OSS 私有对象并确认 `asset_object`。接口回包仍返回透明 PNG Data URL 供画板立即显示，同时返回 `objectKey` / `assetObjectId`，前端创建图层和画板资源记录时必须保存这两个字段。
 - 对 `assetKind: "character"` 的角色图层执行 `重绘` 时，前端仍使用原图作为参考图，但请求 `kind` 必须传 `character`，让后端继续套用上述角色提示词限定、角色图后处理和角色资产持久化；普通图片图层重绘仍保持 `kind: "quick-edit"`。
 
 ## 生成规范参考图
@@ -152,7 +152,7 @@
 - 后端 prompt 使用以下固定骨架，并把面板输入追加到 `动作描述：` 后：
 
 ```text
-生成游戏角色动画，参考图作为首帧和尾帧，画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，只作为抠像底色，禁止出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。
+生成游戏角色动画，参考图作为首帧和尾帧，画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，只作为抠像底色；绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具；角色主体不得带绿色描边、绿色投影或绿色反光；禁止出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。
 动作描述：
 <用户输入的动画描述>
 ```
@@ -161,7 +161,7 @@
 
 - 视频生成完成后，后端按面板选择抽取对应帧数：`32`、`40` 或 `48`。
 - 抽帧采样必须按目标帧数预留视频尾部安全步长，例如 `32帧·4秒` 最后一帧采 `3.875s`，避免 FFmpeg 在尾点附近返回成功但输出 `0` 帧。
-- 每帧必须执行绿幕去背，输出透明背景 PNG。
+- 每帧必须先把带绿幕源图写入 OSS，再执行 `editor_green_screen` 统一绿幕去背，输出透明背景 PNG。
 - 抽帧结果写入 OSS，并返回帧路径、帧尺寸、帧数、fps、预览视频路径、模型、价格和实际 prompt。
 - 画板前端回填角色动作结果时，必须以 `frames[0].imageSrc` 创建 `mediaType: "image-sequence"`、`assetKind: "character-animation"` 图层，并把完整 `frames` 保存为图层 `imageSequenceFrames`；`previewVideoPath` 只保留为上游预览视频来源，不作为画布主媒体。
 - 角色动作图层在画布中使用序列帧播放器循环展示透明 PNG 帧；刷新恢复时必须继续读取 `imageSequenceFrames`，不能回退到 `<video>` 预览。
diff --git a/server-rs/crates/api-server/src/character_animation_assets.rs b/server-rs/crates/api-server/src/character_animation_assets.rs
index 8f5147584..fb2430fb8 100644
--- a/server-rs/crates/api-server/src/character_animation_assets.rs
+++ b/server-rs/crates/api-server/src/character_animation_assets.rs
@@ -60,10 +60,14 @@ use crate::{
         EditorGenerationQueuedResponse, editor_generation_queue_state,
         editor_generation_source_entity_id, enqueue_editor_generation_job,
     },
+    editor_green_screen::{
+        editor_green_screen_character_prompt_clause,
+        remove_editor_generated_green_screen_background,
+    },
     editor_project::{
         EditorCanvasGeneratedLayerInput, PersistEditorGeneratedAssetRequest,
         build_editor_canvas_generated_layer_item, complete_editor_canvas_generation_with_items,
-        persist_editor_generated_media_asset, try_remove_editor_downloaded_image_background,
+        persist_editor_generated_media_asset,
     },
     http_error::AppError,
     openai_image_generation::DownloadedOpenAiImage,
@@ -102,7 +106,8 @@ const FIXED_ARK_CHARACTER_VIDEO_DURATION_SECONDS: u32 = 4;
 const ARK_VIDEO_TASK_POLL_INTERVAL_MS: u64 = 5_000;
 const EDITOR_CHARACTER_ANIMATION_MODEL: &str = "seedance2.0-fast";
 const EDITOR_CHARACTER_ANIMATION_ASSET_KIND: &str = "editor_character_animation";
-const EDITOR_CHARACTER_ANIMATION_PROMPT_PREFIX: &str = "生成游戏角色动画，参考图作为首帧和尾帧，画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，只作为抠像底色，禁止出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。\n动作描述：";
+const EDITOR_GREEN_SCREEN_SOURCE_ASSET_KIND: &str = "editor_green_screen_source";
+const EDITOR_GREEN_SCREEN_SOURCE_SLOT: &str = "green_screen_source";
 const EDITOR_VIDEO_ASSET_KIND: &str = "editor_video";
 const EDITOR_VIDEO_ENTITY_KIND: &str = "editor_canvas";
 const EDITOR_VIDEO_SLOT: &str = "video_preview";
@@ -2059,13 +2064,19 @@ async fn extract_and_persist_editor_character_animation_frames(
         Some(request.duration_seconds as f64),
     )
     .await?;
-    let finalized_frames = remove_editor_character_animation_frame_backgrounds(
+    persist_editor_character_animation_green_screen_source_frames(
         state,
+        owner_user_id,
+        source_layer_id,
+        task_id,
+        &finalized_frames,
+    )
+    .await?;
+    let finalized_frames = remove_editor_character_animation_frame_backgrounds(
         finalized_frames,
         request.frame_width,
         request.frame_height,
-    )
-    .await?;
+    )?;
 
     let mut frame_payloads = Vec::with_capacity(finalized_frames.len());
     for (index, frame) in finalized_frames.into_iter().enumerate() {
@@ -2101,25 +2112,51 @@ async fn extract_and_persist_editor_character_animation_frames(
     Ok(frame_payloads)
 }
 
-async fn remove_editor_character_animation_frame_backgrounds(
+async fn persist_editor_character_animation_green_screen_source_frames(
     state: &AppState,
+    owner_user_id: &str,
+    source_layer_id: &str,
+    task_id: &str,
+    frames: &[FinalizedAnimationFrame],
+) -> Result<(), AppError> {
+    for (index, frame) in frames.iter().enumerate() {
+        put_character_animation_object(
+            state,
+            LegacyAssetPrefix::Animations,
+            vec![
+                "editor".to_string(),
+                sanitize_storage_segment(source_layer_id, "layer"),
+                task_id.to_string(),
+            ],
+            format!("green-screen-frame{:02}.{}", index + 1, frame.extension),
+            frame.mime_type.clone(),
+            frame.bytes.clone(),
+            build_asset_metadata(
+                EDITOR_GREEN_SCREEN_SOURCE_ASSET_KIND,
+                owner_user_id,
+                "editor_layer",
+                source_layer_id,
+                EDITOR_GREEN_SCREEN_SOURCE_SLOT,
+                "editor-character-animation",
+            ),
+        )
+        .await?;
+    }
+    Ok(())
+}
+
+fn remove_editor_character_animation_frame_backgrounds(
     frames: Vec<FinalizedAnimationFrame>,
     frame_width: u32,
     frame_height: u32,
 ) -> Result<Vec<FinalizedAnimationFrame>, AppError> {
     let mut removed_frames = Vec::with_capacity(frames.len());
-    for (index, frame) in frames.into_iter().enumerate() {
-        let file_name = format!("character-animation-frame-{:02}.png", index + 1);
-        let removed = try_remove_editor_downloaded_image_background(
-            state,
-            &DownloadedOpenAiImage {
-                bytes: frame.bytes,
-                mime_type: frame.mime_type,
-                extension: frame.extension,
-            },
-            file_name.as_str(),
-        )
-        .await?;
+    for frame in frames {
+        let removed = remove_editor_generated_green_screen_background(&DownloadedOpenAiImage {
+            bytes: frame.bytes,
+            mime_type: frame.mime_type,
+            extension: frame.extension,
+        })?;
         removed_frames.push(finalize_animation_frame_payload(
             removed.bytes.as_slice(),
             removed.mime_type.as_str(),
@@ -3345,8 +3382,8 @@ fn editor_video_bad_request(message: impl Into<String>) -> AppError {
 
 fn build_editor_character_animation_prompt(prompt_text: &str) -> String {
     format!(
-        "{}\n{}",
-        EDITOR_CHARACTER_ANIMATION_PROMPT_PREFIX,
+        "生成游戏角色动画，参考图作为首帧和尾帧，画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。{}；禁止出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。\n动作描述：\n{}",
+        editor_green_screen_character_prompt_clause(),
         prompt_text.trim()
     )
 }
@@ -5364,6 +5401,8 @@ mod tests {
         assert!(prompt.contains("生成游戏角色动画"));
         assert!(prompt.contains("参考图作为首帧和尾帧"));
         assert!(prompt.contains("背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕"));
+        assert!(prompt.contains("绿幕背景必须平整无纹理、无渐变、无阴影"));
+        assert!(prompt.contains("角色主体不得带绿色描边、绿色投影或绿色反光"));
         assert!(prompt.contains("动作描述：\n行走两步后回到站姿。"));
     }
 
@@ -5413,7 +5452,7 @@ mod tests {
     }
 
     #[test]
-    fn editor_character_animation_frames_default_to_birefnet_cutout() {
+    fn editor_character_animation_frames_use_local_green_screen_postprocess() {
         let source = include_str!("character_animation_assets.rs");
         assert_function_contains(
             source,
@@ -5421,15 +5460,36 @@ mod tests {
             "async fn publish_animation_set",
             &[
                 "apply_chroma_key: false",
+                "persist_editor_character_animation_green_screen_source_frames",
+                "remove_editor_character_animation_frame_backgrounds",
+            ],
+        );
+        assert_function_contains_in_order(
+            source,
+            "async fn extract_and_persist_editor_character_animation_frames",
+            "async fn publish_animation_set",
+            &[
+                "persist_editor_character_animation_green_screen_source_frames",
                 "remove_editor_character_animation_frame_backgrounds",
             ],
         );
         assert_function_contains(
             source,
-            "async fn remove_editor_character_animation_frame_backgrounds",
+            "async fn persist_editor_character_animation_green_screen_source_frames",
+            "fn remove_editor_character_animation_frame_backgrounds",
+            &[
+                "EDITOR_GREEN_SCREEN_SOURCE_ASSET_KIND",
+                "EDITOR_GREEN_SCREEN_SOURCE_SLOT",
+                "green-screen-frame",
+                "put_character_animation_object",
+            ],
+        );
+        assert_function_contains(
+            source,
+            "fn remove_editor_character_animation_frame_backgrounds",
             "async fn publish_animation_set",
             &[
-                "try_remove_editor_downloaded_image_background",
+                "remove_editor_generated_green_screen_background",
                 "finalize_animation_frame_payload",
             ],
         );
@@ -5898,4 +5958,22 @@ mod tests {
             );
         }
     }
+
+    fn assert_function_contains_in_order(source: &str, start: &str, end: &str, snippets: &[&str]) {
+        let start_index = source
+            .find(start)
+            .unwrap_or_else(|| panic!("missing function start marker: {start}"));
+        let tail = &source[start_index..];
+        let end_index = tail
+            .find(end)
+            .unwrap_or_else(|| panic!("missing function end marker: {end}"));
+        let body = &tail[..end_index];
+        let mut cursor = 0;
+        for snippet in snippets {
+            let next = body[cursor..]
+                .find(snippet)
+                .unwrap_or_else(|| panic!("function body starting with {start} should contain {snippet} after offset {cursor}"));
+            cursor += next + snippet.len();
+        }
+    }
 }
diff --git a/server-rs/crates/api-server/src/editor_generation_queue.rs b/server-rs/crates/api-server/src/editor_generation_queue.rs
index 047b6ad75..ac72bb7aa 100644
--- a/server-rs/crates/api-server/src/editor_generation_queue.rs
+++ b/server-rs/crates/api-server/src/editor_generation_queue.rs
@@ -11,6 +11,7 @@ use crate::{http_error::AppError, request_context::RequestContext, state::AppSta
 
 pub(crate) const EDITOR_IMAGE_GENERATION_JOB_KIND: &str = "editor_image_generation";
 pub(crate) const EDITOR_IMAGE_EDIT_JOB_KIND: &str = "editor_image_edit";
+pub(crate) const EDITOR_BACKGROUND_REMOVAL_JOB_KIND: &str = "editor_background_removal";
 pub(crate) const EDITOR_ICON_SPRITESHEET_GENERATION_JOB_KIND: &str =
     "editor_icon_spritesheet_generation";
 pub(crate) const EDITOR_UI_DESIGN_ASSET_EXTRACTION_JOB_KIND: &str =
diff --git a/server-rs/crates/api-server/src/editor_green_screen.rs b/server-rs/crates/api-server/src/editor_green_screen.rs
new file mode 100644
index 000000000..433477202
--- /dev/null
+++ b/server-rs/crates/api-server/src/editor_green_screen.rs
@@ -0,0 +1,109 @@
+use axum::http::StatusCode;
+use platform_image::generated_asset_sheets::{
+    GeneratedAssetSheetAlphaOptions, GeneratedAssetSheetError,
+    remove_generated_asset_sheet_green_screen_background_bytes,
+};
+use serde_json::json;
+
+use crate::{http_error::AppError, openai_image_generation::DownloadedOpenAiImage};
+
+pub(crate) const EDITOR_GREEN_SCREEN_COLOR_PROMPT: &str = "单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕";
+pub(crate) const EDITOR_GREEN_SCREEN_BACKGROUND_GUARDRAILS: &str =
+    "绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具";
+pub(crate) const EDITOR_GREEN_SCREEN_ASSET_GUARDRAILS: &str =
+    "素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光";
+pub(crate) const EDITOR_GREEN_SCREEN_CHARACTER_GUARDRAILS: &str =
+    "角色主体不得带绿色描边、绿色投影或绿色反光";
+
+pub(crate) fn editor_green_screen_asset_prompt_clause() -> String {
+    format!(
+        "背景必须是{}，且{}，方便扣除背景；{}",
+        EDITOR_GREEN_SCREEN_COLOR_PROMPT,
+        EDITOR_GREEN_SCREEN_BACKGROUND_GUARDRAILS,
+        EDITOR_GREEN_SCREEN_ASSET_GUARDRAILS
+    )
+}
+
+pub(crate) fn editor_green_screen_character_prompt_clause() -> String {
+    format!(
+        "背景固定为{}，只作为抠像底色；{}；{}",
+        EDITOR_GREEN_SCREEN_COLOR_PROMPT,
+        EDITOR_GREEN_SCREEN_BACKGROUND_GUARDRAILS,
+        EDITOR_GREEN_SCREEN_CHARACTER_GUARDRAILS
+    )
+}
+
+pub(crate) fn editor_ui_design_asset_extraction_prompt() -> String {
+    format!(
+        "仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用{}。{}，方便后续扣除背景；{}。",
+        EDITOR_GREEN_SCREEN_COLOR_PROMPT,
+        EDITOR_GREEN_SCREEN_BACKGROUND_GUARDRAILS,
+        EDITOR_GREEN_SCREEN_ASSET_GUARDRAILS
+    )
+}
+
+pub(crate) fn remove_editor_generated_green_screen_background(
+    image: &DownloadedOpenAiImage,
+) -> Result<DownloadedOpenAiImage, AppError> {
+    let bytes = remove_generated_asset_sheet_green_screen_background_bytes(
+        image.bytes.as_slice(),
+        GeneratedAssetSheetAlphaOptions {
+            remove_muted_green_screen_background: true,
+            detect_internal_holes: true,
+            internal_hole_min_pixels: 16,
+            ..GeneratedAssetSheetAlphaOptions::green_screen()
+        },
+    )
+    .map_err(map_editor_green_screen_error)?;
+
+    Ok(DownloadedOpenAiImage {
+        bytes,
+        mime_type: "image/png".to_string(),
+        extension: "png".to_string(),
+    })
+}
+
+fn map_editor_green_screen_error(error: GeneratedAssetSheetError) -> AppError {
+    let status = match error {
+        GeneratedAssetSheetError::DecodeImage { .. } => StatusCode::BAD_GATEWAY,
+        GeneratedAssetSheetError::InvalidRequest { .. } => StatusCode::BAD_REQUEST,
+        GeneratedAssetSheetError::EncodeImage { .. }
+        | GeneratedAssetSheetError::BuildHttpClient { .. }
+        | GeneratedAssetSheetError::Oss(_) => StatusCode::INTERNAL_SERVER_ERROR,
+    };
+    AppError::from_status(status).with_details(json!({
+        "provider": "editor-green-screen",
+        "message": error.message(),
+    }))
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+    use std::io::Cursor;
+
+    use image::{DynamicImage, ImageFormat, Rgba, RgbaImage};
+
+    #[test]
+    fn editor_green_screen_postprocess_turns_background_transparent() {
+        let mut source = RgbaImage::from_pixel(3, 3, Rgba([0, 255, 0, 255]));
+        source.put_pixel(1, 1, Rgba([240, 40, 40, 255]));
+        let mut bytes = Vec::new();
+        DynamicImage::ImageRgba8(source)
+            .write_to(&mut Cursor::new(&mut bytes), ImageFormat::Png)
+            .expect("test PNG should encode");
+
+        let output = remove_editor_generated_green_screen_background(&DownloadedOpenAiImage {
+            bytes,
+            mime_type: "image/png".to_string(),
+            extension: "png".to_string(),
+        })
+        .expect("green screen should be removed");
+        let image = image::load_from_memory(output.bytes.as_slice())
+            .expect("output PNG should decode")
+            .to_rgba8();
+
+        assert_eq!(image.get_pixel(0, 0).0[3], 0);
+        assert_eq!(image.get_pixel(1, 1).0[3], 255);
+    }
+}
diff --git a/server-rs/crates/api-server/src/editor_project.rs b/server-rs/crates/api-server/src/editor_project.rs
index 880c3934a..b21864893 100644
--- a/server-rs/crates/api-server/src/editor_project.rs
+++ b/server-rs/crates/api-server/src/editor_project.rs
@@ -42,10 +42,15 @@ use crate::{
     asset_billing::execute_billable_asset_operation_with_cost,
     auth::AuthenticatedAccessToken,
     editor_generation_queue::{
-        EDITOR_ICON_SPRITESHEET_GENERATION_JOB_KIND, EDITOR_IMAGE_EDIT_JOB_KIND,
-        EDITOR_IMAGE_GENERATION_JOB_KIND, EDITOR_UI_DESIGN_ASSET_EXTRACTION_JOB_KIND,
-        EditorGenerationQueuedResponse, editor_generation_queue_state,
-        editor_generation_source_entity_id, enqueue_editor_generation_job,
+        EDITOR_BACKGROUND_REMOVAL_JOB_KIND, EDITOR_ICON_SPRITESHEET_GENERATION_JOB_KIND,
+        EDITOR_IMAGE_EDIT_JOB_KIND, EDITOR_IMAGE_GENERATION_JOB_KIND,
+        EDITOR_UI_DESIGN_ASSET_EXTRACTION_JOB_KIND, EditorGenerationQueuedResponse,
+        editor_generation_queue_state, editor_generation_source_entity_id,
+        enqueue_editor_generation_job,
+    },
+    editor_green_screen::{
+        editor_green_screen_asset_prompt_clause, editor_green_screen_character_prompt_clause,
+        editor_ui_design_asset_extraction_prompt, remove_editor_generated_green_screen_background,
     },
     generated_image_assets::{
         GeneratedImageAssetAdapter, GeneratedImageAssetDataUrl,
@@ -79,7 +84,6 @@ const EDITOR_IMAGE_MODEL_NANOBANANA2_DISPLAY_ALIAS: &str = "nanobanana2";
 const EDITOR_IMAGE_MODEL_NANOBANANA_LEGACY_ALIAS: &str = "nano-banana";
 const EDITOR_ICON_DESCRIPTION_LIMIT: usize = 100;
 const EDITOR_UI_DESIGN_ASSET_EXTRACTION_REFERENCE_LIMIT: usize = 5;
-const EDITOR_UI_DESIGN_ASSET_EXTRACTION_PROMPT: &str = "仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。";
 const EDITOR_CHARACTER_IMAGE_ASSET_KIND: &str = "editor_character_image";
 const EDITOR_CHARACTER_IMAGE_ENTITY_KIND: &str = "editor_project";
 const EDITOR_CHARACTER_IMAGE_SLOT: &str = "character";
@@ -91,6 +95,8 @@ const EDITOR_IMAGE_EDIT_ASSET_KIND: &str = "editor_image_edit";
 const EDITOR_ICON_SPRITESHEET_ASSET_KIND: &str = "editor_icon_spritesheet";
 const EDITOR_UI_DESIGN_SPRITESHEET_ASSET_KIND: &str = "editor_ui_design_spritesheet";
 const EDITOR_UI_DESIGN_ASSET_IMAGE_KIND: &str = "editor_ui_design_asset";
+const EDITOR_GREEN_SCREEN_SOURCE_ASSET_KIND: &str = "editor_green_screen_source";
+const EDITOR_GREEN_SCREEN_SOURCE_SLOT: &str = "green_screen_source";
 const EDITOR_PUBLICATION_MATERIAL_ASSET_KIND: &str = "editor_publication_material";
 const EDITOR_LEGACY_INLINE_IMAGE_ASSET_KIND: &str = "editor_legacy_inline_image";
 
@@ -227,6 +233,14 @@ pub struct EditorImageEditRequest {
 #[serde(rename_all = "camelCase")]
 pub struct EditorBackgroundRemovalRequest {
     pub(crate) source_image_src: String,
+    pub(crate) project_id: Option<String>,
+    pub(crate) target_layer_id: Option<String>,
+    pub(crate) asset_kind: Option<String>,
+    pub(crate) generation_inputs: Option<Value>,
+    pub(crate) asset_folder_id: Option<String>,
+    pub(crate) asset_label: Option<String>,
+    pub(crate) source_resource_id: Option<String>,
+    pub(crate) task_id: Option<String>,
 }
 
 #[derive(Clone, Debug, Deserialize, Serialize)]
@@ -459,9 +473,13 @@ pub struct EditorBackgroundRemovalResponse {
     asset_object_id: String,
     width: u32,
     height: u32,
+    source_type: &'static str,
     task_id: String,
     elapsed_ms: u64,
     provider: &'static str,
+    resource: Option<EditorProjectResourcePayload>,
+    asset: Option<EditorAssetPayload>,
+    project: Option<EditorProjectPayload>,
 }
 
 #[derive(Debug, Serialize)]
@@ -1303,8 +1321,18 @@ pub(crate) async fn generate_editor_image_for_owner(
         }))
     })?;
     if is_character_generation {
-        image = try_remove_editor_downloaded_image_background(state, &image, "character-image.png")
-            .await?;
+        persist_editor_green_screen_source_image(
+            state,
+            caller.owner_user_id.as_str(),
+            generated.task_id.as_str(),
+            &image,
+            submitted_prompt.as_str(),
+            generated.actual_prompt.as_deref(),
+            "character-images",
+            "character-image",
+        )
+        .await?;
+        image = remove_editor_generated_green_screen_background(&image)?;
     }
 
     let (width, height) = image::load_from_memory(image.bytes.as_slice())
@@ -1795,18 +1823,48 @@ pub async fn remove_editor_image_background(
     Extension(authenticated): Extension<AuthenticatedAccessToken>,
     Json(payload): Json<EditorBackgroundRemovalRequest>,
 ) -> Result<Json<Value>, AppError> {
-    let started_at = Instant::now();
     let caller = EditorGenerationCaller::from_authenticated(&authenticated);
-    let source_image = parse_editor_reference_image(
+    let source_entity_id = editor_generation_source_entity_id(
+        payload.project_id.as_deref(),
+        "editor-background-removal",
+    );
+    let queue_job = enqueue_editor_generation_job(
         &state,
+        &request_context,
+        caller.owner_user_id.as_str(),
+        EDITOR_BACKGROUND_REMOVAL_JOB_KIND,
+        source_entity_id,
+        "图片画布去除背景",
+        0,
+        &payload,
+    )
+    .await?;
+    Ok(json_success_body(
+        Some(&request_context),
+        EditorGenerationQueuedResponse {
+            queue_state: editor_generation_queue_state(queue_job),
+        },
+    ))
+}
+
+pub(crate) async fn remove_editor_image_background_for_owner(
+    state: &AppState,
+    request_context: &RequestContext,
+    caller: EditorGenerationCaller,
+    payload: EditorBackgroundRemovalRequest,
+) -> Result<Json<Value>, AppError> {
+    let started_at = Instant::now();
+    let source_image = parse_editor_reference_image(
+        state,
         caller.owner_user_id.as_str(),
         payload.source_image_src.as_str(),
     )
     .await?;
-    let removed = request_editor_background_removal_image(&state, source_image).await?;
-    let task_id = format!("background-removal-{}", current_utc_micros());
+    let removed = request_editor_background_removal_image(state, source_image).await?;
+    let task_id = normalize_optional_string(payload.task_id.clone())
+        .unwrap_or_else(|| format!("background-removal-{}", current_utc_micros()));
     let persisted = persist_editor_generated_image(
-        &state,
+        state,
         caller.owner_user_id.as_str(),
         task_id.as_str(),
         &removed.image,
@@ -1819,18 +1877,56 @@ pub async fn remove_editor_image_background(
         "birefnet",
     )
     .await?;
+    let image_src = editor_media_src_from_object_key(persisted.object_key.as_str());
+    let generated_asset = persist_editor_generated_asset(
+        state,
+        PersistEditorGeneratedAssetInput {
+            project_id: payload.project_id.clone(),
+            owner_user_id: caller.owner_user_id.clone(),
+            folder_id: payload.asset_folder_id,
+            label: normalize_optional_string(payload.asset_label)
+                .unwrap_or_else(|| "去背景结果".to_string()),
+            image_src: image_src.clone(),
+            object_key: Some(persisted.object_key.clone()),
+            asset_object_id: Some(persisted.asset_object_id.clone()),
+            width: removed.width,
+            height: removed.height,
+            prompt: "remove background".to_string(),
+            actual_prompt: None,
+            model: "BiRefNet".to_string(),
+            provider: "BiRefNet".to_string(),
+            task_id: task_id.clone(),
+            source_resource_id: payload.source_resource_id,
+            asset_kind: payload.asset_kind,
+            generation_inputs: payload.generation_inputs,
+            thumbnail_src: None,
+        },
+    )
+    .await?;
+    let completed_project = complete_editor_canvas_background_removal(
+        state,
+        caller.owner_user_id.as_str(),
+        payload.project_id.as_deref(),
+        payload.target_layer_id.as_deref(),
+        generated_asset.resource.as_ref(),
+    )
+    .await?;
 
     Ok(json_success_body(
         Some(&request_context),
         EditorBackgroundRemovalResponse {
-            image_src: editor_media_src_from_object_key(persisted.object_key.as_str()),
+            image_src,
             object_key: persisted.object_key,
             asset_object_id: persisted.asset_object_id,
             width: removed.width,
             height: removed.height,
+            source_type: "generated",
             task_id,
             elapsed_ms: u64::try_from(started_at.elapsed().as_millis()).unwrap_or(u64::MAX),
             provider: "BiRefNet",
+            resource: generated_asset.resource,
+            asset: generated_asset.asset,
+            project: completed_project,
         },
     ))
 }
@@ -1894,19 +1990,16 @@ async fn request_editor_background_removal_image(
     {
         request = request.header("X-Genarrative-Image-Token", token);
     }
-    let response = request
-        .send()
-        .await
-        .map_err(|error| {
-            tracing::warn!(
-                %call_id,
-                elapsed_ms = request_started_at.elapsed().as_millis() as u64,
-                timeout = error.is_timeout(),
-                error = %error,
-                "editor_background_removal_request_failed"
-            );
-            map_editor_background_removal_error(error)
-        })?;
+    let response = request.send().await.map_err(|error| {
+        tracing::warn!(
+            %call_id,
+            elapsed_ms = request_started_at.elapsed().as_millis() as u64,
+            timeout = error.is_timeout(),
+            error = %error,
+            "editor_background_removal_request_failed"
+        );
+        map_editor_background_removal_error(error)
+    })?;
     let status = response.status();
     if !status.is_success() {
         let message = response
@@ -1975,23 +2068,6 @@ async fn request_editor_background_removal_image(
     })
 }
 
-pub(crate) async fn try_remove_editor_downloaded_image_background(
-    state: &AppState,
-    image: &DownloadedOpenAiImage,
-    file_name: &str,
-) -> Result<DownloadedOpenAiImage, AppError> {
-    let removed = request_editor_background_removal_image(
-        state,
-        OpenAiReferenceImage {
-            bytes: image.bytes.clone(),
-            mime_type: image.mime_type.clone(),
-            file_name: file_name.to_string(),
-        },
-    )
-    .await?;
-    Ok(removed.image)
-}
-
 fn editor_background_removal_endpoint(state: &AppState) -> Result<String, AppError> {
     let base_url = state.config.editor_background_removal_base_url.trim();
     if base_url.is_empty() {
@@ -2226,9 +2302,18 @@ pub(crate) async fn generate_editor_icon_spritesheet_for_owner(
             "message": "VectorEngine 未返回图标 spritesheet",
         }))
     })?;
-    let image =
-        try_remove_editor_downloaded_image_background(state, &image, "icon-spritesheet.png")
-            .await?;
+    persist_editor_green_screen_source_image(
+        state,
+        caller.owner_user_id.as_str(),
+        generated.task_id.as_str(),
+        &image,
+        prompt.as_str(),
+        generated.actual_prompt.as_deref(),
+        "icon-spritesheets",
+        "spritesheet",
+    )
+    .await?;
+    let image = remove_editor_generated_green_screen_background(&image)?;
     let (spritesheet_width, spritesheet_height) = image::load_from_memory(image.bytes.as_slice())
         .map(|image| (image.width(), image.height()))
         .unwrap_or((512, 512));
@@ -2413,6 +2498,7 @@ pub(crate) async fn extract_editor_ui_design_assets_for_owner(
             .or_else(|| payload.project_id.clone()),
     );
     let http_client = build_openai_image_http_client(&settings)?;
+    let prompt = editor_ui_design_asset_extraction_prompt();
     let generated = execute_billable_asset_operation_with_cost(
         state,
         caller.owner_user_id.as_str(),
@@ -2425,7 +2511,7 @@ pub(crate) async fn extract_editor_ui_design_assets_for_owner(
                     &http_client,
                     &settings,
                     generation_options.model,
-                    EDITOR_UI_DESIGN_ASSET_EXTRACTION_PROMPT,
+                    prompt.as_str(),
                     None,
                     generation_options.aspect_ratio,
                     generation_options.provider_image_size,
@@ -2438,7 +2524,7 @@ pub(crate) async fn extract_editor_ui_design_assets_for_owner(
                     &http_client,
                     &settings,
                     generation_options.model,
-                    EDITOR_UI_DESIGN_ASSET_EXTRACTION_PROMPT,
+                    prompt.as_str(),
                     None,
                     generation_options.size.as_str(),
                     1,
@@ -2456,8 +2542,18 @@ pub(crate) async fn extract_editor_ui_design_assets_for_owner(
             "message": "VectorEngine 未返回 UI 设计图素材 spritesheet",
         }))
     })?;
-    let image =
-        try_remove_editor_downloaded_image_background(state, &image, "ui-spritesheet.png").await?;
+    persist_editor_green_screen_source_image(
+        state,
+        caller.owner_user_id.as_str(),
+        generated.task_id.as_str(),
+        &image,
+        prompt.as_str(),
+        generated.actual_prompt.as_deref(),
+        "ui-design-spritesheets",
+        "spritesheet",
+    )
+    .await?;
+    let image = remove_editor_generated_green_screen_background(&image)?;
     let (spritesheet_width, spritesheet_height) = image::load_from_memory(image.bytes.as_slice())
         .map(|image| (image.width(), image.height()))
         .unwrap_or((512, 512));
@@ -2473,7 +2569,6 @@ pub(crate) async fn extract_editor_ui_design_assets_for_owner(
                 "message": error.to_string(),
             }))
         })?;
-    let prompt = EDITOR_UI_DESIGN_ASSET_EXTRACTION_PROMPT.to_string();
     let generation_inputs = payload.generation_inputs.clone();
     let owner_user_id = caller.owner_user_id;
     let spritesheet_persisted = persist_editor_generated_image(
@@ -3358,6 +3453,157 @@ pub(crate) async fn complete_editor_canvas_generation_with_items(
     Ok(Some(editor_project_payload_from_record(saved)))
 }
 
+pub(crate) async fn complete_editor_canvas_background_removal(
+    state: &AppState,
+    owner_user_id: &str,
+    project_id: Option<&str>,
+    target_layer_id: Option<&str>,
+    resource: Option<&EditorProjectResourcePayload>,
+) -> Result<Option<EditorProjectPayload>, AppError> {
+    let (Some(project_id), Some(target_layer_id), Some(resource)) =
+        (project_id, target_layer_id, resource)
+    else {
+        return Ok(None);
+    };
+    let project_id = project_id.trim();
+    let target_layer_id = target_layer_id.trim();
+    if project_id.is_empty() || target_layer_id.is_empty() {
+        return Ok(None);
+    }
+
+    let project = state
+        .spacetime_client()
+        .get_editor_project(EditorProjectGetRecordInput {
+            project_id: project_id.to_string(),
+            owner_user_id: owner_user_id.to_string(),
+        })
+        .await
+        .map_err(map_editor_project_error)?;
+    let project = repair_editor_project_record_inline_media(state, project).await;
+    let viewport = project.viewport.clone();
+    let project_payload = editor_project_payload_from_record(project);
+    let Some(layers) = replace_editor_canvas_layer_with_resource(
+        project_payload.layers,
+        target_layer_id,
+        resource,
+    ) else {
+        return Ok(None);
+    };
+
+    let saved = state
+        .spacetime_client()
+        .save_editor_project_layout(EditorProjectLayoutSaveRecordInput {
+            project_id: project_id.to_string(),
+            owner_user_id: owner_user_id.to_string(),
+            viewport,
+            layers_json: serialize_editor_layers(layers)?,
+            updated_at_micros: current_utc_micros(),
+        })
+        .await
+        .map_err(map_editor_project_error)?;
+
+    Ok(Some(editor_project_payload_from_record(saved)))
+}
+
+fn replace_editor_canvas_layer_with_resource(
+    layers: Value,
+    target_layer_id: &str,
+    resource: &EditorProjectResourcePayload,
+) -> Option<Value> {
+    let mut items = match layers {
+        Value::Array(items) => items,
+        _ => return None,
+    };
+    let mut changed = false;
+    for item in &mut items {
+        let Some(object) = item.as_object_mut() else {
+            continue;
+        };
+        let is_target = object
+            .get("layerId")
+            .and_then(Value::as_str)
+            .is_some_and(|layer_id| layer_id == target_layer_id);
+        if !is_target {
+            continue;
+        }
+
+        object.insert(
+            "resourceId".to_string(),
+            Value::String(resource.resource_id.clone()),
+        );
+        object.insert("src".to_string(), Value::String(resource.image_src.clone()));
+        object.insert("width".to_string(), json!(resource.width.max(1)));
+        object.insert("height".to_string(), json!(resource.height.max(1)));
+        object.insert("originalWidth".to_string(), json!(resource.width.max(1)));
+        object.insert("originalHeight".to_string(), json!(resource.height.max(1)));
+        object.insert(
+            "sourceType".to_string(),
+            Value::String(resource.source_type.clone()),
+        );
+        object.insert("mediaType".to_string(), Value::String("image".to_string()));
+        set_optional_json_string_field(object, "prompt", resource.prompt.as_ref());
+        set_optional_json_string_field(object, "actualPrompt", resource.actual_prompt.as_ref());
+        set_optional_json_string_field(object, "model", resource.model.as_ref());
+        set_optional_json_string_field(object, "provider", resource.provider.as_ref());
+        set_optional_json_string_field(object, "taskId", resource.task_id.as_ref());
+        set_optional_json_string_field(object, "objectKey", resource.object_key.as_ref());
+        set_optional_json_string_field(object, "assetObjectId", resource.asset_object_id.as_ref());
+        set_optional_json_string_field(
+            object,
+            "sourceResourceId",
+            resource.source_resource_id.as_ref(),
+        );
+        set_optional_json_string_field(object, "assetKind", resource.asset_kind.as_ref());
+        set_optional_json_value_field(
+            object,
+            "generationInputs",
+            resource.generation_inputs.clone(),
+        );
+        object.remove("sourceAssetId");
+        object.remove("thumbnailSrc");
+        object.remove("imageSequenceFrames");
+        object.remove("previewVideoPath");
+        object.remove("durationSeconds");
+        changed = true;
+        break;
+    }
+    changed.then_some(Value::Array(items))
+}
+
+fn set_optional_json_string_field(
+    object: &mut serde_json::Map<String, Value>,
+    field: &str,
+    value: Option<&String>,
+) {
+    match value
+        .map(String::as_str)
+        .map(str::trim)
+        .filter(|value| !value.is_empty())
+    {
+        Some(value) => {
+            object.insert(field.to_string(), Value::String(value.to_string()));
+        }
+        None => {
+            object.remove(field);
+        }
+    }
+}
+
+fn set_optional_json_value_field(
+    object: &mut serde_json::Map<String, Value>,
+    field: &str,
+    value: Option<Value>,
+) {
+    match value {
+        Some(value) if !value.is_null() => {
+            object.insert(field.to_string(), value);
+        }
+        _ => {
+            object.remove(field);
+        }
+    }
+}
+
 fn translate_editor_canvas_generation_items(
     mut items: Vec<Value>,
     submitted_placeholder: &EditorCanvasGenerationPlaceholderPayload,
@@ -3999,7 +4245,8 @@ fn resolve_editor_ui_design_asset_extraction_price(
 
 fn build_editor_icon_spritesheet_prompt(icon_descriptions: &[String]) -> String {
     format!(
-        "参考图1的图标素材规范，单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕背景方便扣除背景，禁止出现文字，保证每个图标素材的所有内容区域是完全连通的。按照以下的素材的顺序从上到下从左到右依次生成并整理成一张spritesheet：\n\n{}",
+        "参考图1的图标素材规范，{}；禁止出现文字，保证每个图标素材的所有内容区域是完全连通的。按照以下的素材的顺序从上到下从左到右依次生成并整理成一张spritesheet：\n\n{}",
+        editor_green_screen_asset_prompt_clause(),
         icon_descriptions.join("、")
     )
 }
@@ -4017,7 +4264,7 @@ fn build_editor_ui_design_prompt(user_input: &str, has_icon_spec_reference: bool
 
 fn build_editor_character_image_prompt(role_setting: &str) -> String {
     vec![
-        "按照角色描述生成游戏角色立绘。严格基于图1的角色美术视觉规范的美术风格、角色头身比、角色朝向等特征。画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，只作为抠像底色，禁止生成美术视觉规范，禁止出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。".to_string(),
+        format!("按照角色描述生成游戏角色立绘。严格基于图1的角色美术视觉规范的美术风格、角色头身比、角色朝向等特征。画面中心构图，角色主体完整置于画面中央，禁止镜头透视，禁止特写。{}；禁止生成美术视觉规范，禁止出现建筑、室内布景、风景、地面道具、漂浮物、烟雾叙事元素、文字或其他角色以外的场景内容。", editor_green_screen_character_prompt_clause()),
         format!("角色设定：{}", role_setting.trim()),
     ]
     .join("\n")
@@ -4140,6 +4387,32 @@ pub(crate) async fn persist_editor_generated_image(
     })
 }
 
+async fn persist_editor_green_screen_source_image(
+    state: &AppState,
+    owner_user_id: &str,
+    task_id: &str,
+    image: &DownloadedOpenAiImage,
+    prompt: &str,
+    actual_prompt: Option<&str>,
+    path_kind: &str,
+    file_stem: &str,
+) -> Result<PersistedEditorGeneratedImage, AppError> {
+    persist_editor_generated_image(
+        state,
+        owner_user_id,
+        task_id,
+        image,
+        prompt,
+        actual_prompt,
+        EDITOR_GREEN_SCREEN_SOURCE_ASSET_KIND,
+        path_kind,
+        &format!("{file_stem}-green-screen-source"),
+        EDITOR_GREEN_SCREEN_SOURCE_SLOT,
+        "vector-engine",
+    )
+    .await
+}
+
 const EDITOR_REFERENCE_IMAGE_READ_EXPIRE_SECONDS: u64 = 300;
 const EDITOR_REFERENCE_IMAGE_MAX_SIZE_BYTES: u64 = 32 * 1024 * 1024;
 const EDITOR_BACKGROUND_REMOVAL_MAX_RESPONSE_BYTES: usize = 32 * 1024 * 1024;
@@ -5202,6 +5475,8 @@ mod tests {
         assert!(prompt.contains("严格基于图1的角色美术视觉规范"));
         assert!(prompt.contains("生成游戏角色立绘"));
         assert!(prompt.contains("背景固定为单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕"));
+        assert!(prompt.contains("绿幕背景必须平整无纹理、无渐变、无阴影"));
+        assert!(prompt.contains("角色主体不得带绿色描边、绿色投影或绿色反光"));
         assert!(prompt.contains("禁止镜头透视"));
         assert!(prompt.contains("角色设定：菜市场卖菜大妈"));
     }
@@ -5318,6 +5593,87 @@ mod tests {
         assert!(dialog.get("errorMessage").is_none());
     }
 
+    #[test]
+    fn editor_canvas_background_removal_replaces_target_layer_resource() {
+        let layers = json!([
+            {
+                "layerId": "layer-source",
+                "resourceId": "resource-source",
+                "title": "源图",
+                "x": 120,
+                "y": 140,
+                "width": 320,
+                "height": 240,
+                "originalWidth": 1024,
+                "originalHeight": 768,
+                "zIndex": 6,
+                "locked": true,
+                "sourceAssetId": "asset-old",
+                "thumbnailSrc": "/old-thumb.png"
+            },
+            {
+                "layerId": "layer-other",
+                "resourceId": "resource-other"
+            }
+        ]);
+        let resource = EditorProjectResourcePayload {
+            resource_id: "editor-resource-cutout".to_string(),
+            project_id: "editor-project-1".to_string(),
+            owner_user_id: "user-1".to_string(),
+            author_display_name: None,
+            author_public_user_code: None,
+            image_src: "/generated-character-drafts/editor/background-removal/result.png"
+                .to_string(),
+            object_key: Some(
+                "generated-character-drafts/editor/background-removal/result.png".to_string(),
+            ),
+            asset_object_id: Some("asset-object-cutout".to_string()),
+            width: 512,
+            height: 768,
+            source_type: "generated".to_string(),
+            prompt: Some("remove background".to_string()),
+            actual_prompt: None,
+            model: Some("BiRefNet".to_string()),
+            provider: Some("BiRefNet".to_string()),
+            task_id: Some("extgen-cutout".to_string()),
+            source_resource_id: Some("resource-source".to_string()),
+            asset_kind: Some("character".to_string()),
+            generation_inputs: Some(json!({
+                "fields": [{"title": "prompt", "value": "角色"}],
+                "references": []
+            })),
+            public_showcase_enabled: true,
+            created_at: "2026-06-29T00:00:00.000Z".to_string(),
+            updated_at: "2026-06-29T00:00:00.000Z".to_string(),
+        };
+
+        let replaced = replace_editor_canvas_layer_with_resource(layers, "layer-source", &resource)
+            .expect("target layer should be replaced");
+        let items = replaced.as_array().expect("layers should stay array");
+        let layer = items
+            .iter()
+            .find(|item| item["layerId"] == "layer-source")
+            .expect("source layer should remain");
+
+        assert_eq!(items.len(), 2);
+        assert_eq!(layer["resourceId"], json!("editor-resource-cutout"));
+        assert_eq!(
+            layer["src"],
+            json!("/generated-character-drafts/editor/background-removal/result.png")
+        );
+        assert_eq!(layer["width"], json!(512));
+        assert_eq!(layer["height"], json!(768));
+        assert_eq!(layer["x"], json!(120));
+        assert_eq!(layer["y"], json!(140));
+        assert_eq!(layer["zIndex"], json!(6));
+        assert_eq!(layer["locked"], json!(true));
+        assert_eq!(layer["taskId"], json!("extgen-cutout"));
+        assert_eq!(layer["sourceResourceId"], json!("resource-source"));
+        assert_eq!(layer["assetKind"], json!("character"));
+        assert!(layer.get("sourceAssetId").is_none());
+        assert!(layer.get("thumbnailSrc").is_none());
+    }
+
     #[test]
     fn editor_canvas_generation_completion_is_idempotent_for_existing_resource_layer() {
         let layers = json!([
@@ -5611,15 +5967,17 @@ mod tests {
         let prompt = build_editor_icon_spritesheet_prompt(&descriptions);
 
         assert!(prompt.contains("参考图1的图标素材规范"));
-        assert!(prompt.contains("单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕背景方便扣除背景"));
+        assert!(prompt.contains("背景必须是单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕"));
+        assert!(prompt.contains("平整无纹理、无渐变、无阴影"));
+        assert!(prompt.contains("素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光"));
         assert!(prompt.contains("返回按钮、设置按钮、下一关按钮"));
     }
 
     #[test]
     fn editor_ui_design_asset_extraction_prompt_is_fixed() {
         assert_eq!(
-            EDITOR_UI_DESIGN_ASSET_EXTRACTION_PROMPT,
-            "仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。"
+            editor_ui_design_asset_extraction_prompt(),
+            "仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。"
         );
     }
 
@@ -6014,15 +6372,25 @@ mod tests {
     }
 
     #[test]
-    fn editor_canvas_cutout_generation_defaults_to_birefnet() {
+    fn editor_canvas_green_screen_generation_uses_local_postprocess() {
         let source = include_str!("editor_project.rs");
         assert_function_contains(
             source,
             "pub(crate) async fn generate_editor_image_for_owner",
             "fn normalize_editor_image_generation_size",
             &[
-                "try_remove_editor_downloaded_image_background",
-                "\"character-image.png\"",
+                "persist_editor_green_screen_source_image",
+                "remove_editor_generated_green_screen_background",
+                "if is_character_generation",
+            ],
+        );
+        assert_function_contains_in_order(
+            source,
+            "pub(crate) async fn generate_editor_image_for_owner",
+            "fn normalize_editor_image_generation_size",
+            &[
+                "persist_editor_green_screen_source_image",
+                "remove_editor_generated_green_screen_background",
             ],
         );
         assert_function_contains(
@@ -6030,8 +6398,17 @@ mod tests {
             "pub(crate) async fn generate_editor_icon_spritesheet_for_owner",
             "pub async fn extract_editor_ui_design_assets",
             &[
-                "try_remove_editor_downloaded_image_background",
-                "\"icon-spritesheet.png\"",
+                "persist_editor_green_screen_source_image",
+                "remove_editor_generated_green_screen_background",
+            ],
+        );
+        assert_function_contains_in_order(
+            source,
+            "pub(crate) async fn generate_editor_icon_spritesheet_for_owner",
+            "pub async fn extract_editor_ui_design_assets",
+            &[
+                "persist_editor_green_screen_source_image",
+                "remove_editor_generated_green_screen_background",
             ],
         );
         assert_function_contains(
@@ -6039,10 +6416,38 @@ mod tests {
             "pub(crate) async fn extract_editor_ui_design_assets_for_owner",
             "pub(crate) fn editor_project_payload_from_record",
             &[
-                "try_remove_editor_downloaded_image_background",
-                "\"ui-spritesheet.png\"",
+                "persist_editor_green_screen_source_image",
+                "remove_editor_generated_green_screen_background",
+                "slice_generated_icon_spritesheet_all_by_connected_components",
             ],
         );
+        assert_function_contains_in_order(
+            source,
+            "pub(crate) async fn extract_editor_ui_design_assets_for_owner",
+            "pub(crate) fn editor_project_payload_from_record",
+            &[
+                "persist_editor_green_screen_source_image",
+                "remove_editor_generated_green_screen_background",
+            ],
+        );
+        assert_function_not_contains(
+            source,
+            "pub(crate) async fn generate_editor_image_for_owner",
+            "fn normalize_editor_image_generation_size",
+            &["try_remove_editor_downloaded_image_background"],
+        );
+        assert_function_not_contains(
+            source,
+            "pub(crate) async fn generate_editor_icon_spritesheet_for_owner",
+            "pub async fn extract_editor_ui_design_assets",
+            &["try_remove_editor_downloaded_image_background"],
+        );
+        assert_function_not_contains(
+            source,
+            "pub(crate) async fn extract_editor_ui_design_assets_for_owner",
+            "pub(crate) fn editor_project_payload_from_record",
+            &["try_remove_editor_downloaded_image_background"],
+        );
         assert_function_not_contains(
             source,
             "pub(crate) async fn generate_editor_image_for_owner",
@@ -6110,6 +6515,26 @@ mod tests {
         }
     }
 
+    fn assert_function_contains_in_order(source: &str, start: &str, end: &str, snippets: &[&str]) {
+        let start_index = source
+            .find(start)
+            .unwrap_or_else(|| panic!("missing function start marker: {start}"));
+        let tail = &source[start_index..];
+        let end_index = tail
+            .find(end)
+            .unwrap_or_else(|| panic!("missing function end marker: {end}"));
+        let body = &tail[..end_index];
+        let mut cursor = 0;
+        for snippet in snippets {
+            let next = body[cursor..].find(snippet).unwrap_or_else(|| {
+                panic!(
+                    "function body starting with {start} should contain {snippet} after offset {cursor}"
+                )
+            });
+            cursor += next + snippet.len();
+        }
+    }
+
     fn assert_function_not_contains(source: &str, start: &str, end: &str, snippets: &[&str]) {
         let start_index = source
             .find(start)
diff --git a/server-rs/crates/api-server/src/external_generation_worker.rs b/server-rs/crates/api-server/src/external_generation_worker.rs
index 3c29c17ea..e775e637d 100644
--- a/server-rs/crates/api-server/src/external_generation_worker.rs
+++ b/server-rs/crates/api-server/src/external_generation_worker.rs
@@ -20,17 +20,19 @@ use crate::{
         generate_editor_character_animation_for_owner, generate_editor_video_for_owner,
     },
     editor_generation_queue::{
-        EDITOR_BACKGROUND_MUSIC_GENERATION_JOB_KIND,
+        EDITOR_BACKGROUND_MUSIC_GENERATION_JOB_KIND, EDITOR_BACKGROUND_REMOVAL_JOB_KIND,
         EDITOR_CHARACTER_ANIMATION_GENERATION_JOB_KIND,
         EDITOR_ICON_SPRITESHEET_GENERATION_JOB_KIND, EDITOR_IMAGE_EDIT_JOB_KIND,
         EDITOR_IMAGE_GENERATION_JOB_KIND, EDITOR_SOUND_EFFECT_GENERATION_JOB_KIND,
         EDITOR_UI_DESIGN_ASSET_EXTRACTION_JOB_KIND, EDITOR_VIDEO_GENERATION_JOB_KIND,
     },
     editor_project::{
-        EditorGenerationCaller, EditorIconSpritesheetGenerationRequest, EditorImageEditRequest,
+        EditorBackgroundRemovalRequest, EditorGenerationCaller,
+        EditorIconSpritesheetGenerationRequest, EditorImageEditRequest,
         EditorImageGenerationRequest, EditorUiDesignAssetExtractionRequest,
         edit_editor_image_for_owner, extract_editor_ui_design_assets_for_owner,
         generate_editor_icon_spritesheet_for_owner, generate_editor_image_for_owner,
+        remove_editor_image_background_for_owner,
     },
     jump_hop::{
         JUMP_HOP_COMPILE_DRAFT_JOB_KIND, JumpHopCompileDraftWorkerPayload,
@@ -615,6 +617,35 @@ async fn process_external_generation_job_once(
                 }
             }
         }
+        EDITOR_BACKGROUND_REMOVAL_JOB_KIND => {
+            let mut payload = match serde_json::from_str::<EditorBackgroundRemovalRequest>(
+                job.request_payload_json.as_str(),
+            ) {
+                Ok(payload) => payload,
+                Err(error) => {
+                    let message = format!("图片画布去除背景任务参数解析失败：{error}");
+                    fail_job(&state, &worker_id, &job, message.clone()).await?;
+                    return Err(message);
+                }
+            };
+            payload.task_id.get_or_insert_with(|| job.job_id.clone());
+            let request_context = worker_request_context(&job);
+            match remove_editor_image_background_for_owner(
+                &state,
+                &request_context,
+                editor_generation_worker_caller(&job),
+                payload,
+            )
+            .await
+            {
+                Ok(_) => complete_editor_generation_job(&state, &worker_id, &job).await,
+                Err(error) => {
+                    let message = error.body_text();
+                    fail_job(&state, &worker_id, &job, message.clone()).await?;
+                    Err(message)
+                }
+            }
+        }
         EDITOR_ICON_SPRITESHEET_GENERATION_JOB_KIND => {
             let payload = match serde_json::from_str::<EditorIconSpritesheetGenerationRequest>(
                 job.request_payload_json.as_str(),
diff --git a/server-rs/crates/api-server/src/main.rs b/server-rs/crates/api-server/src/main.rs
index 71dfb189d..307e7b761 100644
--- a/server-rs/crates/api-server/src/main.rs
+++ b/server-rs/crates/api-server/src/main.rs
@@ -38,6 +38,7 @@ mod custom_world_result_prompts;
 mod custom_world_rpg_draft_prompts;
 mod editor_generation_config;
 mod editor_generation_queue;
+mod editor_green_screen;
 mod editor_project;
 mod edutainment_baby_drawing;
 mod edutainment_baby_object;
diff --git a/server-rs/crates/platform-image/src/generated_asset_sheets/alpha.rs b/server-rs/crates/platform-image/src/generated_asset_sheets/alpha.rs
index 4f2351fda..cc6329d66 100644
--- a/server-rs/crates/platform-image/src/generated_asset_sheets/alpha.rs
+++ b/server-rs/crates/platform-image/src/generated_asset_sheets/alpha.rs
@@ -1,3 +1,5 @@
+use std::io::Cursor;
+
 use super::color::{
     GENERATED_ASSET_SHEET_GREEN_SCREEN_MIN_SCORE, GENERATED_ASSET_SHEET_GREEN_SCREEN_SOFT_SCORE,
     GENERATED_ASSET_SHEET_HARD_GREEN_SCREEN_SCORE, clamp_generated_asset_sheet_unit,
@@ -8,6 +10,8 @@ use super::color::{
     is_generated_asset_sheet_soft_green_matte_pixel, lerp_generated_asset_sheet_channel,
     touches_generated_asset_sheet_background_mask,
 };
+use super::error::GeneratedAssetSheetError;
+use image::ImageFormat;
 
 #[derive(Clone, Copy, Debug, PartialEq, Eq)]
 pub struct GeneratedAssetSheetKeyColor {
@@ -100,6 +104,24 @@ pub fn apply_generated_asset_sheet_alpha_with_options(
     image::DynamicImage::ImageRgba8(image)
 }
 
+pub fn remove_generated_asset_sheet_green_screen_background_bytes(
+    source: &[u8],
+    options: GeneratedAssetSheetAlphaOptions,
+) -> Result<Vec<u8>, GeneratedAssetSheetError> {
+    let source = image::load_from_memory(source).map_err(|error| {
+        GeneratedAssetSheetError::decode_image(format!("绿幕图片解码失败：{error}"))
+    })?;
+    let transparent = apply_generated_asset_sheet_alpha_with_options(source, options);
+
+    let mut cursor = Cursor::new(Vec::new());
+    transparent
+        .write_to(&mut cursor, ImageFormat::Png)
+        .map_err(|error| {
+            GeneratedAssetSheetError::encode_image(format!("透明绿幕 PNG 编码失败：{error}"))
+        })?;
+    Ok(cursor.into_inner())
+}
+
 fn remove_generated_asset_sheet_green_screen_background(
     pixels: &mut [u8],
     width: usize,
diff --git a/server-rs/crates/platform-image/src/generated_asset_sheets/mod.rs b/server-rs/crates/platform-image/src/generated_asset_sheets/mod.rs
index 8c65326cd..15d9f424b 100644
--- a/server-rs/crates/platform-image/src/generated_asset_sheets/mod.rs
+++ b/server-rs/crates/platform-image/src/generated_asset_sheets/mod.rs
@@ -8,6 +8,7 @@ pub mod sheet;
 pub use alpha::{
     GeneratedAssetSheetAlphaOptions, GeneratedAssetSheetKeyColor,
     apply_generated_asset_sheet_alpha_with_options, apply_generated_asset_sheet_green_screen_alpha,
+    remove_generated_asset_sheet_green_screen_background_bytes,
 };
 pub use error::GeneratedAssetSheetError;
 pub use persist::{
diff --git a/server-rs/crates/platform-image/tests/generated_asset_sheets.rs b/server-rs/crates/platform-image/tests/generated_asset_sheets.rs
index ff0da6413..83f5edc31 100644
--- a/server-rs/crates/platform-image/tests/generated_asset_sheets.rs
+++ b/server-rs/crates/platform-image/tests/generated_asset_sheets.rs
@@ -7,7 +7,8 @@ use platform_image::generated_asset_sheets::{
     apply_generated_asset_sheet_alpha_with_options, apply_generated_asset_sheet_green_screen_alpha,
     build_generated_asset_sheet_prompt, crop_generated_asset_sheet_view_edge_matte,
     crop_generated_asset_sheet_view_edge_matte_with_options,
-    prepare_generated_asset_sheet_put_request, slice_generated_asset_sheet,
+    prepare_generated_asset_sheet_put_request,
+    remove_generated_asset_sheet_green_screen_background_bytes, slice_generated_asset_sheet,
     slice_generated_asset_sheet_two_items_per_row,
 };
 use platform_oss::LegacyAssetPrefix;
@@ -144,6 +145,29 @@ fn generated_asset_sheet_green_screen_alpha_removes_green_background() {
     assert_eq!(cleaned.get_pixel(10, 10).0[3], 255);
 }
 
+#[test]
+fn generated_asset_sheet_green_screen_background_bytes_returns_png() {
+    let mut sheet = RgbaImage::from_pixel(3, 3, Rgba([0, 255, 0, 255]));
+    sheet.put_pixel(1, 1, Rgba([240, 40, 40, 255]));
+
+    let output = remove_generated_asset_sheet_green_screen_background_bytes(
+        encode_image(sheet).as_slice(),
+        GeneratedAssetSheetAlphaOptions {
+            remove_muted_green_screen_background: true,
+            detect_internal_holes: true,
+            internal_hole_min_pixels: 16,
+            ..GeneratedAssetSheetAlphaOptions::green_screen()
+        },
+    )
+    .expect("green screen bytes should process");
+    let image = image::load_from_memory(output.as_slice())
+        .expect("output PNG should decode")
+        .to_rgba8();
+
+    assert_eq!(image.get_pixel(0, 0).0[3], 0);
+    assert_eq!(image.get_pixel(1, 1).0[3], 255);
+}
+
 #[test]
 fn generated_asset_sheet_muted_green_alpha_requires_explicit_option() {
     let mut sheet = RgbaImage::from_pixel(20, 20, Rgba([59, 131, 67, 255]));
diff --git a/src/components/image-editor/ImageCanvasAssetRowView.test.tsx b/src/components/image-editor/ImageCanvasAssetRowView.test.tsx
index 927290369..beaad4df0 100644
--- a/src/components/image-editor/ImageCanvasAssetRowView.test.tsx
+++ b/src/components/image-editor/ImageCanvasAssetRowView.test.tsx
@@ -143,6 +143,34 @@ describe('ImageCanvasAssetRowView', () => {
     expect(onDownloadAsset).toHaveBeenCalledWith(asset);
   });
 
+  it('closes the right click menu when row actions run on the same asset', () => {
+    const asset = createAsset({
+      sourceResourceId: 'resource-asset-1',
+      publicShowcaseEnabled: true,
+    });
+    const addAssetLayer = vi.fn();
+    const onDownloadAsset = vi.fn();
+    renderAssetRow({ asset, addAssetLayer, onDownloadAsset });
+
+    fireEvent.contextMenu(screen.getByRole('button', { name: '添加账号素材A' }), {
+      clientX: 120,
+      clientY: 80,
+    });
+    expect(screen.getByRole('menu')).toBeTruthy();
+
+    fireEvent.click(screen.getByRole('button', { name: '下载素材账号素材A' }));
+    expect(onDownloadAsset).toHaveBeenCalledWith(asset);
+    expect(screen.queryByRole('menu')).toBeNull();
+
+    fireEvent.contextMenu(screen.getByRole('button', { name: '添加账号素材A' }), {
+      clientX: 120,
+      clientY: 80,
+    });
+    fireEvent.click(screen.getByRole('button', { name: '添加账号素材A' }));
+    expect(addAssetLayer).toHaveBeenCalledWith(asset);
+    expect(screen.queryByRole('menu')).toBeNull();
+  });
+
   it('selects the asset instead of adding it in selection mode', () => {
     const addAssetLayer = vi.fn();
     const toggleAssetSelected = vi.fn();
diff --git a/src/components/image-editor/ImageCanvasAssetRowView.tsx b/src/components/image-editor/ImageCanvasAssetRowView.tsx
index 71aff901d..6782e3496 100644
--- a/src/components/image-editor/ImageCanvasAssetRowView.tsx
+++ b/src/components/image-editor/ImageCanvasAssetRowView.tsx
@@ -210,13 +210,19 @@ export function ImageCanvasAssetRowView({
         label={`下载素材${asset.label}`}
         title="下载"
         icon={Download}
-        onClick={() => onDownloadAsset(asset)}
+        onClick={() => {
+          closeMenu();
+          onDownloadAsset(asset);
+        }}
       />
       <EditorIconButton
         label={`重命名素材${asset.label}`}
         title="重命名"
         icon={Pencil}
-        onClick={() => startRenamingAsset(asset)}
+        onClick={() => {
+          closeMenu();
+          startRenamingAsset(asset);
+        }}
       />
     </div>
   );
@@ -251,6 +257,7 @@ export function ImageCanvasAssetRowView({
           if (isUploadingAsset || isFailedUpload) {
             return;
           }
+          closeMenu();
           if (suppressAssetClickRef.current) {
             return;
           }
diff --git a/src/components/image-editor/ImageCanvasContextMenusView.test.tsx b/src/components/image-editor/ImageCanvasContextMenusView.test.tsx
index 4b05224f9..2b1eda018 100644
--- a/src/components/image-editor/ImageCanvasContextMenusView.test.tsx
+++ b/src/components/image-editor/ImageCanvasContextMenusView.test.tsx
@@ -82,6 +82,22 @@ describe('ImageCanvasContextMenusView', () => {
     expect(props.onCloseContextMenu).toHaveBeenCalledTimes(2);
   });
 
+  it('closes canvas context menus when another operation starts outside', () => {
+    const props = renderContextMenus({
+      contextMenu: {
+        kind: 'blank',
+        x: 10,
+        y: 12,
+        canvasPoint: { x: 18, y: 24 },
+      },
+    });
+
+    fireEvent.pointerDown(document.body);
+
+    expect(props.onCloseContextMenu).toHaveBeenCalledTimes(1);
+    expect(props.onCloseImageContextMenu).toHaveBeenCalledTimes(1);
+  });
+
   it('renders layer context commands and forwards layer operations', () => {
     const layer = createLayer({
       assetKind: 'character',
diff --git a/src/components/image-editor/ImageCanvasContextMenusView.tsx b/src/components/image-editor/ImageCanvasContextMenusView.tsx
index 8f9e3b243..293a74738 100644
--- a/src/components/image-editor/ImageCanvasContextMenusView.tsx
+++ b/src/components/image-editor/ImageCanvasContextMenusView.tsx
@@ -1,3 +1,5 @@
+import { useCallback, useEffect, useRef } from 'react';
+
 import {
   PlatformFloatingMenu,
   PlatformFloatingMenuItem,
@@ -72,11 +74,44 @@ export function ImageCanvasContextMenusView({
   onOpenCharacterAnimationPanel,
 }: ImageCanvasContextMenusViewProps) {
   const isImageSequenceLayer = contextMenuLayer?.mediaType === 'image-sequence';
+  const menuRef = useRef<HTMLDivElement | null>(null);
+  const closeMenus = useCallback(() => {
+    onCloseContextMenu();
+    onCloseImageContextMenu();
+  }, [onCloseContextMenu, onCloseImageContextMenu]);
+
+  useEffect(() => {
+    if (!contextMenu && !imageContextMenu) {
+      return undefined;
+    }
+    const handlePointerDown = (event: PointerEvent) => {
+      if (menuRef.current?.contains(event.target as Node)) {
+        return;
+      }
+      closeMenus();
+    };
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
+        closeMenus();
+      }
+    };
+    window.addEventListener('pointerdown', handlePointerDown);
+    window.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('scroll', closeMenus, true);
+    window.addEventListener('resize', closeMenus);
+    return () => {
+      window.removeEventListener('pointerdown', handlePointerDown);
+      window.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('scroll', closeMenus, true);
+      window.removeEventListener('resize', closeMenus);
+    };
+  }, [closeMenus, contextMenu, imageContextMenu]);
 
   return (
     <>
       {contextMenu ? (
         <div
+          ref={menuRef}
           className="image-canvas-editor__context-menu"
           role="menu"
           aria-label={
@@ -334,6 +369,7 @@ export function ImageCanvasContextMenusView({
 
       {imageContextMenu && imageContextMenuLayer && !contextMenu ? (
         <div
+          ref={menuRef}
           className="image-canvas-editor__context-menu"
           style={{
             left: imageContextMenu.x,
diff --git a/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx b/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx
index 6222fb73f..bdd69b426 100644
--- a/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx
+++ b/src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx
@@ -3029,9 +3029,9 @@ describe('ImageCanvasEditorView generation integration', () => {
         },
       ],
       prompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       actualPrompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       model: 'gpt-image-2',
       provider: 'VectorEngine',
       taskId: 'ui-extract-task-1',
@@ -3134,7 +3134,7 @@ describe('ImageCanvasEditorView generation integration', () => {
               expect.objectContaining({
                 title: '提取提示词',
                 value:
-                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
               }),
             ]),
             references: expect.arrayContaining([
@@ -3163,7 +3163,7 @@ describe('ImageCanvasEditorView generation integration', () => {
               expect.objectContaining({
                 title: '提取提示词',
                 value:
-                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
               }),
             ]),
           }),
diff --git a/src/components/image-editor/ImageCanvasEditorShellView.test.tsx b/src/components/image-editor/ImageCanvasEditorShellView.test.tsx
index 7bfba9f4b..5bf62d53d 100644
--- a/src/components/image-editor/ImageCanvasEditorShellView.test.tsx
+++ b/src/components/image-editor/ImageCanvasEditorShellView.test.tsx
@@ -136,7 +136,7 @@ function createStageProps(): ImageCanvasStageViewProps {
     hoveredLayerId: null,
     canvasMarquee: null,
     canvasGenerationDialogs: [],
-    localTaskItems: [],
+    taskListRefreshKey: 0,
     isTaskSidebarOpen: false,
     generateDialog: null,
     cropExpandPanel: null,
@@ -180,7 +180,6 @@ function createStageProps(): ImageCanvasStageViewProps {
     onGenerationFramePointerDown: vi.fn(),
     onActivateGenerationDialog: vi.fn(),
     onFocusExternalTask: vi.fn(),
-    onFocusLocalTask: vi.fn(),
     onToggleTaskSidebar: vi.fn(),
     onCropExpandHandlePointerDown: vi.fn(),
     onOpenQuickEditPanel: vi.fn(),
diff --git a/src/components/image-editor/ImageCanvasEditorTypes.ts b/src/components/image-editor/ImageCanvasEditorTypes.ts
index 3f85acd9d..cf782247d 100644
--- a/src/components/image-editor/ImageCanvasEditorTypes.ts
+++ b/src/components/image-editor/ImageCanvasEditorTypes.ts
@@ -252,19 +252,6 @@ export type CanvasGenerationDialogState = GenerateDialogState & {
 
 export type CanvasTaskStatus = 'pending' | 'running' | 'done' | 'failed';
 
-export type CanvasTaskListItem = {
-  id: string;
-  title: string;
-  detail: string;
-  status: CanvasTaskStatus;
-  startedAt: number;
-  finishedAt?: number;
-  elapsedMs?: number;
-  provider?: string;
-  errorMessage?: string;
-  focusLayerId?: string;
-};
-
 export type ImageContextMenuState = {
   layerId: string;
   x: number;
diff --git a/src/components/image-editor/ImageCanvasEditorView.tsx b/src/components/image-editor/ImageCanvasEditorView.tsx
index c478f11a2..8deefaeaa 100644
--- a/src/components/image-editor/ImageCanvasEditorView.tsx
+++ b/src/components/image-editor/ImageCanvasEditorView.tsx
@@ -42,7 +42,6 @@ import type {
   CanvasContextMenuState,
   CanvasGenerationDialogState,
   CanvasLayer,
-  CanvasTaskListItem,
   CanvasTool,
   CanvasViewport,
   CharacterReferenceImage,
@@ -647,7 +646,9 @@ export function ImageCanvasEditorView() {
   );
   const focusCanvasLayerById = useCallback(
     (layerId: string) => {
-      const targetLayer = layersRef.current.find((layer) => layer.id === layerId);
+      const targetLayer = layersRef.current.find(
+        (layer) => layer.id === layerId,
+      );
       if (!targetLayer) {
         return;
       }
@@ -656,7 +657,12 @@ export function ImageCanvasEditorView() {
       setActiveSidebarPanel('layers');
       focusCanvasBounds(targetLayer);
     },
-    [focusCanvasBounds, selectSingleLayer, setActiveSidebarPanel, setActiveTool],
+    [
+      focusCanvasBounds,
+      selectSingleLayer,
+      setActiveSidebarPanel,
+      setActiveTool,
+    ],
   );
   const focusCanvasGenerationDialog = useCallback(
     (dialog: CanvasGenerationDialogState) => {
@@ -673,7 +679,9 @@ export function ImageCanvasEditorView() {
           setSelectedLayerIds([sourceLayer.id]);
           setActiveTool('generate');
           setActiveSidebarPanel('layers');
-          setViewport(resolveQuickEditFocusViewport({ sourceLayer, canvasSize }));
+          setViewport(
+            resolveQuickEditFocusViewport({ sourceLayer, canvasSize }),
+          );
           return;
         }
       }
@@ -725,14 +733,6 @@ export function ImageCanvasEditorView() {
     },
     [focusCanvasGenerationDialog, focusCanvasLayerById],
   );
-  const focusLocalCanvasTask = useCallback(
-    (task: CanvasTaskListItem) => {
-      if (task.focusLayerId) {
-        focusCanvasLayerById(task.focusLayerId);
-      }
-    },
-    [focusCanvasLayerById],
-  );
   const persistGeneratedAsset = useCallback(
     (layer: CanvasLayer) => {
       if (authUiRef.current && !authUiRef.current.canAccessProtectedData) {
@@ -1735,7 +1735,7 @@ export function ImageCanvasEditorView() {
     hoveredLayerId,
     canvasMarquee,
     canvasGenerationDialogs,
-    localTaskItems: generationSurface.backgroundRemovalTasks,
+    taskListRefreshKey: generationSurface.taskListRefreshKey,
     isTaskSidebarOpen: generationSurface.isTaskSidebarOpen,
     generateDialog,
     cropExpandPanel: generationSurface.cropExpandPanel,
@@ -1784,7 +1784,6 @@ export function ImageCanvasEditorView() {
     onGenerationFramePointerDown: handleGenerationFramePointerDown,
     onActivateGenerationDialog: activateCanvasGenerationDialog,
     onFocusExternalTask: focusExternalGenerationTask,
-    onFocusLocalTask: focusLocalCanvasTask,
     onToggleTaskSidebar: generationSurface.toggleTaskSidebar,
     onCropExpandHandlePointerDown: generationSurface.startCropExpandFrameResize,
     onOpenQuickEditPanel: openLayerGenerationDialog,
diff --git a/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts b/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts
index 2c0a5752e..b8253840e 100644
--- a/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts
+++ b/src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts
@@ -481,7 +481,7 @@ describe('ImageCanvasGenerationDialogModel', () => {
               {
                 title: '提取提示词',
                 value:
-                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
               },
               { title: 'model', value: 'gpt-image-2' },
             ],
diff --git a/src/components/image-editor/ImageCanvasGenerationModel.test.ts b/src/components/image-editor/ImageCanvasGenerationModel.test.ts
index c6adbfa74..de846f902 100644
--- a/src/components/image-editor/ImageCanvasGenerationModel.test.ts
+++ b/src/components/image-editor/ImageCanvasGenerationModel.test.ts
@@ -313,7 +313,7 @@ describe('ImageCanvasGenerationModel', () => {
         {
           title: '提取提示词',
           value:
-            '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+            '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
         },
       ],
       references: [
diff --git a/src/components/image-editor/ImageCanvasGenerationModel.ts b/src/components/image-editor/ImageCanvasGenerationModel.ts
index bc12036d6..d5645553a 100644
--- a/src/components/image-editor/ImageCanvasGenerationModel.ts
+++ b/src/components/image-editor/ImageCanvasGenerationModel.ts
@@ -98,7 +98,7 @@ export const DEFAULT_ICON_DESCRIPTIONS = [
   '冻结按钮',
 ];
 export const UI_DESIGN_ASSET_EXTRACTION_PROMPT =
-  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。';
+  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。';
 export const QUICK_EDIT_SIZE_PRESETS = [
   '1024x1024',
   '1536x1024',
diff --git a/src/components/image-editor/ImageCanvasRasterEditModel.ts b/src/components/image-editor/ImageCanvasRasterEditModel.ts
index 905569847..4db465040 100644
--- a/src/components/image-editor/ImageCanvasRasterEditModel.ts
+++ b/src/components/image-editor/ImageCanvasRasterEditModel.ts
@@ -1,4 +1,8 @@
-import { removeEditorImageBackground } from '../../services/image-editor/editorProjectClient';
+import {
+  removeEditorImageBackground,
+  type EditorBackgroundRemovalInput,
+  type EditorBackgroundRemovalResult,
+} from '../../services/image-editor/editorProjectClient';
 
 export type CropExpandInsets = {
   left: number;
@@ -212,7 +216,9 @@ export async function renderCropExpandImage({
 }
 
 export async function removeImageBackground(
-  source: string,
-): Promise<RasterEditResult> {
-  return removeEditorImageBackground({ sourceImageSrc: source });
+  input: string | EditorBackgroundRemovalInput,
+): Promise<EditorBackgroundRemovalResult> {
+  return removeEditorImageBackground(
+    typeof input === 'string' ? { sourceImageSrc: input } : input,
+  );
 }
diff --git a/src/components/image-editor/ImageCanvasStageView.tsx b/src/components/image-editor/ImageCanvasStageView.tsx
index ed340d0d8..1953bc1aa 100644
--- a/src/components/image-editor/ImageCanvasStageView.tsx
+++ b/src/components/image-editor/ImageCanvasStageView.tsx
@@ -9,15 +9,12 @@ import type {
 
 import { ImageCanvasBottomToolbarView } from './ImageCanvasBottomToolbarView';
 import { ImageCanvasContextMenusView } from './ImageCanvasContextMenusView';
-import type {
-  ExternalGenerationTaskRecord,
-} from '../../../packages/shared/src/contracts/externalGeneration';
+import type { ExternalGenerationTaskRecord } from '../../../packages/shared/src/contracts/externalGeneration';
 import type {
   CanvasAssetKind,
   CanvasClipboard,
   CanvasContextMenuState,
   CanvasGenerationDialogState,
-  CanvasTaskListItem,
   CanvasLayer,
   CanvasMarqueeState,
   CanvasTool,
@@ -58,7 +55,7 @@ export type ImageCanvasStageViewProps = {
   hoveredLayerId: string | null;
   canvasMarquee: CanvasMarqueeState | null;
   canvasGenerationDialogs: CanvasGenerationDialogState[];
-  localTaskItems: CanvasTaskListItem[];
+  taskListRefreshKey: number;
   isTaskSidebarOpen: boolean;
   generateDialog: GenerateDialogState | null;
   cropExpandPanel: CropExpandPanelState | null;
@@ -118,7 +115,6 @@ export type ImageCanvasStageViewProps = {
   ) => void;
   onActivateGenerationDialog: (dialog: CanvasGenerationDialogState) => void;
   onFocusExternalTask: (task: ExternalGenerationTaskRecord) => void;
-  onFocusLocalTask: (task: CanvasTaskListItem) => void;
   onToggleTaskSidebar: () => void;
   onCropExpandHandlePointerDown: (
     event: ReactPointerEvent<HTMLButtonElement>,
@@ -198,7 +194,7 @@ export function ImageCanvasStageView({
   hoveredLayerId,
   canvasMarquee,
   canvasGenerationDialogs,
-  localTaskItems,
+  taskListRefreshKey,
   isTaskSidebarOpen,
   generateDialog,
   cropExpandPanel,
@@ -243,7 +239,6 @@ export function ImageCanvasStageView({
   onGenerationFramePointerDown,
   onActivateGenerationDialog,
   onFocusExternalTask,
-  onFocusLocalTask,
   onToggleTaskSidebar,
   onCropExpandHandlePointerDown,
   onOpenQuickEditPanel,
@@ -443,11 +438,10 @@ export function ImageCanvasStageView({
 
       <ImageCanvasTaskSidebarView
         projectId={projectId}
-        localTasks={localTaskItems}
+        refreshKey={taskListRefreshKey}
         open={isTaskSidebarOpen}
         onToggleOpen={onToggleTaskSidebar}
         onFocusExternalTask={onFocusExternalTask}
-        onFocusLocalTask={onFocusLocalTask}
       />
 
       <ImageCanvasBottomToolbarView
diff --git a/src/components/image-editor/ImageCanvasTaskSidebarView.test.tsx b/src/components/image-editor/ImageCanvasTaskSidebarView.test.tsx
index d89374c9e..f9912744b 100644
--- a/src/components/image-editor/ImageCanvasTaskSidebarView.test.tsx
+++ b/src/components/image-editor/ImageCanvasTaskSidebarView.test.tsx
@@ -220,9 +220,8 @@ describe('ImageCanvasTaskSidebarView', () => {
       />,
     );
 
-    expect(
-      await screen.findByText(/正在生成第 2\/4 段。 · 总进度 35%/u),
-    ).toBeTruthy();
+    expect(await screen.findByText('生成图片')).toBeTruthy();
+    expect(screen.getByText(/总进度 35% · 正在生成第 2\/4 段。/u)).toBeTruthy();
     expect(screen.getByText(/已用时 1分/u)).toBeTruthy();
     expect(screen.queryByText(/不该显示的外部项目任务/u)).toBeNull();
     await waitFor(() =>
@@ -287,33 +286,138 @@ describe('ImageCanvasTaskSidebarView', () => {
     expect(screen.queryByText(/已完成提示词/u)).toBeNull();
   });
 
-  it('shows local background-removal tasks in the task list immediately', async () => {
-    const focusLocalTask = vi.fn();
-    const startedAt = Date.now() - 4000;
-    const localTask = {
-      id: 'background-removal-1',
-      title: '去背景：源图',
-      detail: '正在抠图',
-      status: 'running' as const,
-      startedAt,
-      focusLayerId: 'layer-source',
-    };
+  it('refreshes external tasks when queued generation bumps the refresh key', async () => {
+    let activeTasks: ExternalGenerationTaskRecord[] = [];
+    listExternalGenerationTasksMock.mockImplementation(
+      (options: Parameters<typeof listExternalGenerationTasks>[0] = {}) =>
+        Promise.resolve({
+          overview: {
+            pendingCount: activeTasks.length,
+            runningCount: 0,
+            unacknowledgedTerminalCount: 0,
+            updatedAtMicros: 1,
+          },
+          tasks: options.statuses?.includes('running') ? activeTasks : [],
+        }),
+    );
+
+    const { rerender } = render(
+      <ImageCanvasTaskSidebarView
+        projectId="project-1"
+        refreshKey={0}
+        open
+        onToggleOpen={vi.fn()}
+        onFocusExternalTask={vi.fn()}
+      />,
+    );
+
+    await waitFor(() => {
+      expect(listExternalGenerationTasksMock).toHaveBeenCalledTimes(2);
+    });
+    expect(screen.getByText('暂无任务')).toBeTruthy();
+
+    activeTasks = [
+      createExternalTask({
+        jobId: 'queued-after-submit',
+        requestLabel: '角色生成',
+        status: 'queued',
+      }),
+    ];
+    rerender(
+      <ImageCanvasTaskSidebarView
+        projectId="project-1"
+        refreshKey={1}
+        open
+        onToggleOpen={vi.fn()}
+        onFocusExternalTask={vi.fn()}
+      />,
+    );
+
+    expect(await screen.findByText('角色生成')).toBeTruthy();
+    expect(listExternalGenerationTasksMock).toHaveBeenCalledTimes(4);
+  });
+
+  it('loads more completed tasks while scrolling and keeps the request capped', async () => {
+    const completedTasks = Array.from({ length: 120 }, (_, index) => {
+      const completedAt = new Date(Date.now() - index * 1000).toISOString();
+      return createExternalTask({
+        jobId: `done-${index + 1}`,
+        requestLabel: `已完成任务 ${index + 1}`,
+        status: 'completed',
+        requestPrompt: `提示词 ${index + 1}`,
+        completedAt,
+        updatedAt: completedAt,
+      });
+    });
+    listExternalGenerationTasksMock.mockImplementation(
+      (options: Parameters<typeof listExternalGenerationTasks>[0] = {}) =>
+        Promise.resolve({
+          overview: {
+            pendingCount: 0,
+            runningCount: 0,
+            unacknowledgedTerminalCount: completedTasks.length,
+            updatedAtMicros: 1,
+          },
+          tasks: options.statuses?.includes('running')
+            ? []
+            : completedTasks.slice(0, options.limit ?? 20),
+        }),
+    );
 
     render(
       <ImageCanvasTaskSidebarView
         projectId="project-1"
-        localTasks={[localTask]}
         open
         onToggleOpen={vi.fn()}
         onFocusExternalTask={vi.fn()}
-        onFocusLocalTask={focusLocalTask}
       />,
     );
 
-    expect(await screen.findByText('去背景：源图')).toBeTruthy();
-    expect(screen.getByText(/正在抠图 · 已用时/u)).toBeTruthy();
+    await waitFor(() => {
+      expect(listExternalGenerationTasksMock).toHaveBeenCalledTimes(2);
+    });
+    expect(listExternalGenerationTasksMock).toHaveBeenNthCalledWith(
+      2,
+      expect.objectContaining({
+        includeAcknowledgedTerminal: true,
+        limit: 20,
+        statuses: ['completed', 'failed'],
+      }),
+    );
 
-    fireEvent.click(screen.getByText('去背景：源图'));
-    expect(focusLocalTask).toHaveBeenCalledWith(localTask);
+    fireEvent.click(screen.getByRole('tab', { name: /已完成/u }));
+    expect(await screen.findByText('已完成任务 20')).toBeTruthy();
+    expect(screen.queryByText('已完成任务 21')).toBeNull();
+
+    const list = document.querySelector(
+      '.image-canvas-editor__task-sidebar-list',
+    );
+    expect(list).not.toBeNull();
+    Object.defineProperty(list, 'scrollHeight', {
+      configurable: true,
+      value: 1000,
+    });
+    Object.defineProperty(list, 'clientHeight', {
+      configurable: true,
+      value: 200,
+    });
+    Object.defineProperty(list, 'scrollTop', {
+      configurable: true,
+      value: 800,
+    });
+    fireEvent.scroll(list!);
+
+    await waitFor(() => {
+      expect(listExternalGenerationTasksMock).toHaveBeenCalledTimes(4);
+    });
+    expect(listExternalGenerationTasksMock).toHaveBeenNthCalledWith(
+      4,
+      expect.objectContaining({
+        includeAcknowledgedTerminal: true,
+        limit: 40,
+        statuses: ['completed', 'failed'],
+      }),
+    );
+    expect(await screen.findByText('已完成任务 40')).toBeTruthy();
   });
 });
diff --git a/src/components/image-editor/ImageCanvasTaskSidebarView.tsx b/src/components/image-editor/ImageCanvasTaskSidebarView.tsx
index bd97ee3ef..f9057fc96 100644
--- a/src/components/image-editor/ImageCanvasTaskSidebarView.tsx
+++ b/src/components/image-editor/ImageCanvasTaskSidebarView.tsx
@@ -7,6 +7,7 @@ import {
 } from 'lucide-react';
 import {
   type WheelEvent as ReactWheelEvent,
+  type UIEvent as ReactUIEvent,
   useCallback,
   useEffect,
   useMemo,
@@ -17,12 +18,10 @@ import {
 import type { ExternalGenerationTaskRecord } from '../../../packages/shared/src/contracts/externalGeneration';
 import { listExternalGenerationTasks } from '../../services/external-generation';
 import { EditorIconButton } from './ImageCanvasEditorPrimitives';
-import type {
-  CanvasTaskListItem,
-  CanvasTaskStatus,
-} from './ImageCanvasEditorTypes';
+import type { CanvasTaskStatus } from './ImageCanvasEditorTypes';
 
 const COMPLETED_TASK_LIST_LIMIT = 20;
+const COMPLETED_TASK_LIST_MAX_LIMIT = 100;
 const ACTIVE_TASK_LIST_LIMIT = 100;
 const ACTIVE_TASK_POLL_INTERVAL_MS = 4000;
 
@@ -32,6 +31,7 @@ type TaskSidebarItem = {
   id: string;
   title: string;
   detail: string;
+  progressDetail?: string;
   status: CanvasTaskStatus;
   startedAt?: number;
   finishedAt?: number;
@@ -43,11 +43,10 @@ type TaskSidebarItem = {
 
 type ImageCanvasTaskSidebarViewProps = {
   projectId?: string | null;
-  localTasks?: CanvasTaskListItem[];
+  refreshKey?: number;
   open: boolean;
   onToggleOpen: () => void;
   onFocusExternalTask: (task: ExternalGenerationTaskRecord) => void;
-  onFocusLocalTask?: (task: CanvasTaskListItem) => void;
 };
 
 function parseTaskTimeMs(value?: string | null) {
@@ -103,13 +102,23 @@ function externalTaskDetail(
   }
   const phaseLabel = task.phaseLabel.trim();
   const phaseDetail = task.phaseDetail.trim();
-  const progressLabel =
+  return phaseLabel || phaseDetail || task.requestLabel.trim() || task.jobKind;
+}
+
+function externalTaskProgressDetail(
+  task: ExternalGenerationTaskRecord,
+  status: CanvasTaskStatus,
+) {
+  if (!isActiveTaskStatus(status)) {
+    return null;
+  }
+  const values = [
     Number.isFinite(task.progress) && task.progress > 0
       ? `总进度 ${Math.min(100, Math.max(0, Math.round(task.progress)))}%`
-      : null;
-  return [phaseLabel, phaseDetail, progressLabel]
-    .filter((value): value is string => Boolean(value))
-    .join(' · ');
+      : null,
+    task.phaseDetail.trim(),
+  ].filter((value): value is string => Boolean(value));
+  return values.length > 0 ? values.join(' · ') : null;
 }
 
 function stopTaskSidebarWheel(event: ReactWheelEvent<HTMLElement>) {
@@ -215,26 +224,65 @@ function mergeExternalTaskRefresh(
   );
 }
 
+function trimStoredExternalTasks(
+  tasks: ExternalGenerationTaskRecord[],
+  completedLimit: number,
+) {
+  return mergeExternalTasks(
+    tasks.filter(isActiveExternalTask),
+    tasks
+      .filter(isTerminalExternalTask)
+      .sort(
+        (left, right) =>
+          (parseTaskTimeMs(right.completedAt) ??
+            parseTaskTimeMs(right.updatedAt) ??
+            0) -
+          (parseTaskTimeMs(left.completedAt) ??
+            parseTaskTimeMs(left.updatedAt) ??
+            0),
+      )
+      .slice(0, completedLimit),
+  );
+}
+
 export function ImageCanvasTaskSidebarView({
   projectId,
-  localTasks = [],
+  refreshKey = 0,
   open,
   onToggleOpen,
   onFocusExternalTask,
-  onFocusLocalTask,
 }: ImageCanvasTaskSidebarViewProps) {
+  const normalizedProjectId = projectId?.trim() ?? '';
   const [activeTab, setActiveTab] = useState<TaskSidebarTab>('active');
   const [now, setNow] = useState(() => Date.now());
   const [externalTasks, setExternalTasks] = useState<
     ExternalGenerationTaskRecord[]
   >([]);
+  const [completedListState, setCompletedListState] = useState(() => ({
+    limit: COMPLETED_TASK_LIST_LIMIT,
+    projectId: normalizedProjectId,
+  }));
+  const completedListLimit =
+    completedListState.projectId === normalizedProjectId
+      ? completedListState.limit
+      : COMPLETED_TASK_LIST_LIMIT;
   const previousActiveItemCountRef = useRef(0);
   const filterVisibleExternalTasks = useCallback(
     (tasks: ExternalGenerationTaskRecord[]) =>
-      tasks.filter((task) => isEditorCanvasTaskForProject(task, projectId)),
-    [projectId],
+      tasks.filter((task) =>
+        isEditorCanvasTaskForProject(task, normalizedProjectId),
+      ),
+    [normalizedProjectId],
   );
 
+  useEffect(() => {
+    setCompletedListState((state) =>
+      state.projectId === normalizedProjectId
+        ? state
+        : { limit: COMPLETED_TASK_LIST_LIMIT, projectId: normalizedProjectId },
+    );
+  }, [normalizedProjectId]);
+
   useEffect(() => {
     let disposed = false;
     const controller = new AbortController();
@@ -246,7 +294,7 @@ export function ImageCanvasTaskSidebarView({
         signal: controller.signal,
       }),
       listExternalGenerationTasks({
-        limit: COMPLETED_TASK_LIST_LIMIT,
+        limit: completedListLimit,
         includeAcknowledgedTerminal: true,
         statuses: ['completed', 'failed'],
         signal: controller.signal,
@@ -257,9 +305,12 @@ export function ImageCanvasTaskSidebarView({
           return;
         }
         setExternalTasks(
-          mergeExternalTasks(
-            filterVisibleExternalTasks(activeResponse.tasks),
-            filterVisibleExternalTasks(completedResponse.tasks),
+          trimStoredExternalTasks(
+            mergeExternalTasks(
+              filterVisibleExternalTasks(activeResponse.tasks),
+              filterVisibleExternalTasks(completedResponse.tasks),
+            ),
+            completedListLimit,
           ),
         );
       })
@@ -272,7 +323,7 @@ export function ImageCanvasTaskSidebarView({
       disposed = true;
       controller.abort();
     };
-  }, [filterVisibleExternalTasks]);
+  }, [completedListLimit, filterVisibleExternalTasks, refreshKey]);
 
   const activeExternalTaskIds = useMemo(
     () =>
@@ -300,7 +351,7 @@ export function ImageCanvasTaskSidebarView({
           signal: controller.signal,
         }),
         listExternalGenerationTasks({
-          limit: COMPLETED_TASK_LIST_LIMIT,
+          limit: completedListLimit,
           includeAcknowledgedTerminal: true,
           statuses: ['completed', 'failed'],
           signal: controller.signal,
@@ -315,7 +366,10 @@ export function ImageCanvasTaskSidebarView({
             filterVisibleExternalTasks(completedResponse.tasks),
           );
           setExternalTasks((currentTasks) =>
-            mergeExternalTaskRefresh(currentTasks, refreshedTasks),
+            trimStoredExternalTasks(
+              mergeExternalTaskRefresh(currentTasks, refreshedTasks),
+              completedListLimit,
+            ),
           );
         })
         .catch(() => {
@@ -345,13 +399,42 @@ export function ImageCanvasTaskSidebarView({
   }, [
     activeExternalTaskIds,
     activeExternalTaskKey,
+    completedListLimit,
     filterVisibleExternalTasks,
   ]);
 
+  const handleTaskListScroll = useCallback(
+    (event: ReactUIEvent<HTMLDivElement>) => {
+      if (activeTab !== 'completed') {
+        return;
+      }
+      const element = event.currentTarget;
+      const remaining =
+        element.scrollHeight - element.scrollTop - element.clientHeight;
+      if (remaining > 24) {
+        return;
+      }
+      setCompletedListState((state) => {
+        const limit =
+          state.projectId === normalizedProjectId
+            ? state.limit
+            : COMPLETED_TASK_LIST_LIMIT;
+        return {
+          limit: Math.min(
+            COMPLETED_TASK_LIST_MAX_LIMIT,
+            limit + COMPLETED_TASK_LIST_LIMIT,
+          ),
+          projectId: normalizedProjectId,
+        };
+      });
+    },
+    [activeTab, normalizedProjectId],
+  );
+
   useEffect(() => {
-    const hasRunningTask =
-      externalTasks.some((task) => task.status === 'running') ||
-      localTasks.some((task) => task.status === 'running');
+    const hasRunningTask = externalTasks.some(
+      (task) => task.status === 'running',
+    );
     if (!hasRunningTask) {
       return undefined;
     }
@@ -359,7 +442,7 @@ export function ImageCanvasTaskSidebarView({
       setNow(Date.now());
     }, 1000);
     return () => window.clearInterval(timerId);
-  }, [externalTasks, localTasks]);
+  }, [externalTasks]);
 
   const items = useMemo<TaskSidebarItem[]>(() => {
     const externalVisibleTasks = mergeExternalTasks(
@@ -377,7 +460,7 @@ export function ImageCanvasTaskSidebarView({
               parseTaskTimeMs(left.updatedAt) ??
               0),
         )
-        .slice(0, COMPLETED_TASK_LIST_LIMIT),
+        .slice(0, completedListLimit),
     );
     const externalItems = externalVisibleTasks.map<TaskSidebarItem>((task) => {
       const status = canvasTaskStatusFromExternalTask(task.status);
@@ -389,6 +472,7 @@ export function ImageCanvasTaskSidebarView({
         id: `external-${task.jobId}`,
         title: task.requestLabel.trim() || task.jobKind,
         detail: externalTaskDetail(task, status),
+        progressDetail: externalTaskProgressDetail(task, status) ?? undefined,
         status,
         startedAt,
         finishedAt,
@@ -408,27 +492,8 @@ export function ImageCanvasTaskSidebarView({
           0,
       };
     });
-    const localItems = localTasks.map<TaskSidebarItem>((task) => ({
-      id: `local-${task.id}`,
-      title: task.title,
-      detail: task.detail,
-      status: task.status,
-      startedAt: task.startedAt,
-      finishedAt: task.finishedAt,
-      elapsedMs:
-        task.status === 'running'
-          ? now - task.startedAt
-          : task.elapsedMs ??
-            (task.finishedAt ? task.finishedAt - task.startedAt : undefined),
-      errorMessage: task.errorMessage,
-      onClick:
-        task.focusLayerId && onFocusLocalTask
-          ? () => onFocusLocalTask(task)
-          : undefined,
-      sortTime: task.finishedAt ?? task.startedAt,
-    }));
-    return [...localItems, ...externalItems];
-  }, [externalTasks, localTasks, now, onFocusExternalTask, onFocusLocalTask]);
+    return externalItems;
+  }, [completedListLimit, externalTasks, now, onFocusExternalTask]);
 
   const activeItems = useMemo(
     () =>
@@ -451,7 +516,7 @@ export function ImageCanvasTaskSidebarView({
           (left, right) =>
             right.sortTime - left.sortTime || left.id.localeCompare(right.id),
         )
-        .slice(0, COMPLETED_TASK_LIST_LIMIT),
+        .slice(0, COMPLETED_TASK_LIST_MAX_LIMIT),
     [items],
   );
 
@@ -535,7 +600,10 @@ export function ImageCanvasTaskSidebarView({
             </button>
           </div>
           {visibleItems.length > 0 ? (
-            <div className="image-canvas-editor__task-sidebar-list">
+            <div
+              className="image-canvas-editor__task-sidebar-list"
+              onScroll={handleTaskListScroll}
+            >
               {visibleItems.map((item) => {
                 const elapsedLabel = formatElapsedMs(item.elapsedMs);
                 const finishedLabel =
@@ -544,6 +612,13 @@ export function ImageCanvasTaskSidebarView({
                     : null;
                 const detailText = [
                   item.detail,
+                  item.errorMessage && item.detail !== item.errorMessage
+                    ? item.errorMessage
+                    : null,
+                ]
+                  .filter((value): value is string => Boolean(value))
+                  .join(' · ');
+                const timeText = [
                   elapsedLabel
                     ? item.status === 'running'
                       ? `已用时 ${elapsedLabel}`
@@ -554,12 +629,12 @@ export function ImageCanvasTaskSidebarView({
                       ? `失败于 ${finishedLabel}`
                       : `完成于 ${finishedLabel}`
                     : null,
-                  item.errorMessage && item.detail !== item.errorMessage
-                    ? item.errorMessage
-                    : null,
                 ]
                   .filter((value): value is string => Boolean(value))
                   .join(' · ');
+                const titleText = [detailText, item.progressDetail, timeText]
+                  .filter((value): value is string => Boolean(value))
+                  .join(' · ');
                 return (
                   <button
                     key={item.id}
@@ -572,18 +647,33 @@ export function ImageCanvasTaskSidebarView({
                       {statusIcon(item.status)}
                     </span>
                     <span className="image-canvas-editor__task-sidebar-item-main">
-                      <span className="image-canvas-editor__task-sidebar-item-title">
-                        {item.title}
+                      <span className="image-canvas-editor__task-sidebar-item-title-row">
+                        <span className="image-canvas-editor__task-sidebar-item-title">
+                          {item.title}
+                        </span>
+                        <span className="image-canvas-editor__task-sidebar-item-status">
+                          {statusLabel(item.status)}
+                        </span>
                       </span>
                       <span
                         className="image-canvas-editor__task-sidebar-item-detail"
-                        title={detailText}
+                        title={titleText}
                       >
                         {detailText}
                       </span>
-                    </span>
-                    <span className="image-canvas-editor__task-sidebar-item-status">
-                      {statusLabel(item.status)}
+                      {item.progressDetail ? (
+                        <span
+                          className="image-canvas-editor__task-sidebar-item-progress"
+                          title={item.progressDetail}
+                        >
+                          {item.progressDetail}
+                        </span>
+                      ) : null}
+                      {timeText ? (
+                        <span className="image-canvas-editor__task-sidebar-item-time">
+                          {timeText}
+                        </span>
+                      ) : null}
                     </span>
                   </button>
                 );
diff --git a/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx b/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx
index 53d603261..5149fc0d1 100644
--- a/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx
+++ b/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.test.tsx
@@ -163,6 +163,7 @@ function SubmissionWorkflowHarness({
   projectId = undefined,
   upsertGeneratedAsset = undefined,
   applyProjectSnapshot = undefined,
+  onQueuedGenerationTask = undefined,
   onWalletBalanceMayHaveChanged = undefined,
 }: {
   initialDialog?: GenerateDialogState | null;
@@ -177,6 +178,9 @@ function SubmissionWorkflowHarness({
   applyProjectSnapshot?: Parameters<
     typeof useImageCanvasGenerationSubmissionWorkflow
   >[0]['applyProjectSnapshot'];
+  onQueuedGenerationTask?: Parameters<
+    typeof useImageCanvasGenerationSubmissionWorkflow
+  >[0]['onQueuedGenerationTask'];
   onWalletBalanceMayHaveChanged?: Parameters<
     typeof useImageCanvasGenerationSubmissionWorkflow
   >[0]['onWalletBalanceMayHaveChanged'];
@@ -251,6 +255,7 @@ function SubmissionWorkflowHarness({
     assetFolderId: projectId ? 'project' : undefined,
     upsertGeneratedAsset,
     applyProjectSnapshot,
+    onQueuedGenerationTask,
     onWalletBalanceMayHaveChanged,
   });
 
@@ -1160,6 +1165,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
 
   it('refreshes the wallet balance after a queued generation reaches a terminal state', async () => {
     const applyProjectSnapshot = vi.fn();
+    const refreshTaskList = vi.fn();
     const refreshWalletBalance = vi.fn();
     const backendProject = {
       projectId: 'editor-project-1',
@@ -1183,6 +1189,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
       <SubmissionWorkflowHarness
         projectId="editor-project-1"
         applyProjectSnapshot={applyProjectSnapshot}
+        onQueuedGenerationTask={refreshTaskList}
         onWalletBalanceMayHaveChanged={refreshWalletBalance}
         initialDialog={{
           id: 'dialog-generate',
@@ -1206,6 +1213,9 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
     fireEvent.click(screen.getByRole('button', { name: '设置初始对话' }));
     fireEvent.click(screen.getByRole('button', { name: '提交当前生成' }));
 
+    await waitFor(() => {
+      expect(refreshTaskList).toHaveBeenCalledTimes(1);
+    });
     await waitFor(() => {
       expect(loadEditorProjectMock).toHaveBeenCalledWith('editor-project-1');
     });
@@ -1221,6 +1231,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
     vi.useFakeTimers();
     try {
       const refreshWalletBalance = vi.fn();
+      const refreshTaskList = vi.fn();
       const runningState = createQueueState({
         status: 'running',
         phaseLabel: '生成中',
@@ -1242,6 +1253,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
       render(
         <SubmissionWorkflowHarness
           projectId="editor-project-1"
+          onQueuedGenerationTask={refreshTaskList}
           onWalletBalanceMayHaveChanged={refreshWalletBalance}
           initialDialog={{
             id: 'dialog-generate',
@@ -1269,6 +1281,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
         await Promise.resolve();
         await Promise.resolve();
       });
+      expect(refreshTaskList).toHaveBeenCalledTimes(1);
       await act(async () => {
         await vi.advanceTimersByTimeAsync(20 * 60 * 1000 + 1600);
       });
@@ -1704,9 +1717,9 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
       spritesheetWidth: 512,
       spritesheetHeight: 512,
       prompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       actualPrompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       model: 'gpt-image-2',
       provider: 'VectorEngine',
       taskId: 'task-ui-assets',
@@ -1758,9 +1771,9 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
       spritesheetWidth: 512,
       spritesheetHeight: 512,
       prompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       actualPrompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       model: 'gpt-image-2',
       provider: 'VectorEngine',
       taskId: 'task-ui-assets',
@@ -1798,9 +1811,9 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
       spritesheetWidth: 512,
       spritesheetHeight: 512,
       prompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       actualPrompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       model: 'gpt-image-2',
       provider: 'VectorEngine',
       taskId: 'task-ui-assets',
@@ -1853,7 +1866,7 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
               expect.objectContaining({
                 title: '提取提示词',
                 value:
-                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+                  '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
               }),
             ]),
           }),
@@ -1868,9 +1881,9 @@ describe('useImageCanvasGenerationSubmissionWorkflow', () => {
       spritesheetWidth: 512,
       spritesheetHeight: 512,
       prompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       actualPrompt:
-        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板或绿色阴影。',
+        '仅提取被红色框框选的素材并整理成spritesheet，图集背景必须使用单一纯绿色 #00FF00 / RGB(0,255,0) 绿幕。绿幕背景必须平整无纹理、无渐变、无阴影、无地面、无环境、无道具，方便后续扣除背景；素材自身不要出现绿色描边、绿色底板、绿色投影或绿色反光。',
       model: 'gpt-image-2',
       provider: 'VectorEngine',
       taskId: 'task-ui-assets',
diff --git a/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.ts b/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.ts
index 799894c22..b07c543aa 100644
--- a/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.ts
+++ b/src/components/image-editor/useImageCanvasGenerationSubmissionWorkflow.ts
@@ -142,6 +142,7 @@ type GenerationSubmissionWorkflowOptions = {
   assetFolderId?: string | null;
   upsertGeneratedAsset?: (asset: EditorAssetSnapshot) => void;
   applyProjectSnapshot?: (project: EditorProjectSnapshot) => void;
+  onQueuedGenerationTask?: () => void;
   onWalletBalanceMayHaveChanged?: () => void;
 };
 
@@ -214,16 +215,18 @@ async function waitForEditorGenerationQueue(
   return current;
 }
 
-async function applyQueuedEditorGenerationProject(
+export async function applyQueuedEditorGenerationProject(
   response: { queueState?: ExternalGenerationJobStatusRecord | null },
   projectId: string | null | undefined,
   applyProjectSnapshot: ((project: EditorProjectSnapshot) => void) | undefined,
+  onQueuedGenerationTask?: () => void,
   onWalletBalanceMayHaveChanged?: () => void,
 ) {
   const queueState = queuedStateFromResponse(response);
   if (!queueState) {
     return false;
   }
+  onQueuedGenerationTask?.();
   let terminalState: ExternalGenerationJobStatusRecord | null = null;
   try {
     terminalState = await waitForEditorGenerationQueue(queueState);
@@ -312,6 +315,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
   assetFolderId,
   upsertGeneratedAsset,
   applyProjectSnapshot,
+  onQueuedGenerationTask,
   onWalletBalanceMayHaveChanged,
 }: GenerationSubmissionWorkflowOptions) {
   const addGeneratedLayersToCanvas = useCallback(
@@ -795,6 +799,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
             generated,
             projectId,
             applyProjectSnapshot,
+            onQueuedGenerationTask,
             onWalletBalanceMayHaveChanged,
           )
         ) {
@@ -902,6 +907,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
             generated,
             projectId,
             applyProjectSnapshot,
+            onQueuedGenerationTask,
             onWalletBalanceMayHaveChanged,
           )
         ) {
@@ -1087,6 +1093,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
             generated,
             projectId,
             applyProjectSnapshot,
+            onQueuedGenerationTask,
             onWalletBalanceMayHaveChanged,
           )
         ) {
@@ -1157,6 +1164,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
             generated,
             projectId,
             applyProjectSnapshot,
+            onQueuedGenerationTask,
             onWalletBalanceMayHaveChanged,
           )
         ) {
@@ -1269,6 +1277,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
           generated,
           projectId,
           applyProjectSnapshot,
+          onQueuedGenerationTask,
           onWalletBalanceMayHaveChanged,
         )
       ) {
@@ -1424,6 +1433,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
               generated,
               projectId,
               applyProjectSnapshot,
+              onQueuedGenerationTask,
               onWalletBalanceMayHaveChanged,
             )
           ) {
@@ -1461,6 +1471,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
               generated,
               projectId,
               applyProjectSnapshot,
+              onQueuedGenerationTask,
               onWalletBalanceMayHaveChanged,
             )
           ) {
@@ -1507,6 +1518,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
               generated,
               projectId,
               applyProjectSnapshot,
+              onQueuedGenerationTask,
               onWalletBalanceMayHaveChanged,
             )
           ) {
@@ -1566,6 +1578,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
               generated,
               projectId,
               applyProjectSnapshot,
+              onQueuedGenerationTask,
               onWalletBalanceMayHaveChanged,
             )
           ) {
@@ -1615,6 +1628,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
               generated,
               projectId,
               applyProjectSnapshot,
+              onQueuedGenerationTask,
               onWalletBalanceMayHaveChanged,
             )
           ) {
@@ -1764,6 +1778,7 @@ export function useImageCanvasGenerationSubmissionWorkflow({
           result,
           projectId,
           applyProjectSnapshot,
+          onQueuedGenerationTask,
           onWalletBalanceMayHaveChanged,
         )
       ) {
diff --git a/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx b/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx
index 7dd2e2ae8..6754110ab 100644
--- a/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx
+++ b/src/components/image-editor/useImageCanvasGenerationWorkflow.test.tsx
@@ -249,14 +249,7 @@ function GenerationWorkflowHarness({
       <span data-testid="fit-count">
         {fitLayersMockRef.current.mock.calls.length}
       </span>
-      <span data-testid="background-tasks">
-        {workflow.backgroundRemovalTasks
-          .map(
-            (task) =>
-              `${task.title}:${task.status}:${task.elapsedMs ?? '-'}:${task.provider ?? '-'}`,
-          )
-          .join('|') || '-'}
-      </span>
+      <span data-testid="task-refresh-key">{workflow.taskListRefreshKey}</span>
       <button type="button" onClick={workflow.openGenerateDialog}>
         打开生成
       </button>
@@ -1616,16 +1609,21 @@ describe('useImageCanvasGenerationWorkflow', () => {
     await waitFor(() => expect(removeImageBackgroundMock).toHaveBeenCalled());
     expect(resolveEditorImageReferenceDataUrlMock).not.toHaveBeenCalled();
     await waitFor(() => {
-      expect(removeImageBackgroundMock).toHaveBeenCalledWith(
-        '/generated-character-drafts/editor/private.png',
-      );
+      expect(removeImageBackgroundMock).toHaveBeenCalledWith({
+        sourceImageSrc: '/generated-character-drafts/editor/private.png',
+        projectId: undefined,
+        targetLayerId: 'layer-source',
+        assetKind: 'character',
+        generationInputs: undefined,
+        assetFolderId: undefined,
+        assetLabel: '源图 去背景',
+        sourceResourceId: 'resource-source',
+      });
     });
     expect(screen.getByTestId('layers').textContent).toContain(
       'layer-source:源图:resource-source:character:/generated-character-drafts/editor/background-removal/result.png:background-removal-task',
     );
-    expect(screen.getByTestId('background-tasks').textContent).toContain(
-      '去背景：源图:done:1234:BiRefNet',
-    );
+    expect(screen.getByTestId('task-refresh-key').textContent).toBe('0');
   });
 
   it('opens UI design extraction as a mark selection state before submitting', () => {
diff --git a/src/components/image-editor/useImageCanvasGenerationWorkflow.ts b/src/components/image-editor/useImageCanvasGenerationWorkflow.ts
index 734b4a6ea..d310a3b75 100644
--- a/src/components/image-editor/useImageCanvasGenerationWorkflow.ts
+++ b/src/components/image-editor/useImageCanvasGenerationWorkflow.ts
@@ -18,7 +18,6 @@ import type {
 import { resizeCropExpandFrame } from './ImageCanvasCropExpandModel';
 import type {
   CanvasGenerationDialogState,
-  CanvasTaskListItem,
   CanvasLayer,
   CanvasTool,
   CanvasViewport,
@@ -98,7 +97,10 @@ import {
   type UiAssetExtractionTool,
   updateUiAssetExtractionDraftMark,
 } from './ImageCanvasUiAssetExtractionModel';
-import { useImageCanvasGenerationSubmissionWorkflow } from './useImageCanvasGenerationSubmissionWorkflow';
+import {
+  applyQueuedEditorGenerationProject,
+  useImageCanvasGenerationSubmissionWorkflow,
+} from './useImageCanvasGenerationSubmissionWorkflow';
 
 type CanvasSize = { width: number; height: number };
 
@@ -484,10 +486,12 @@ export function useImageCanvasGenerationWorkflow({
   applyProjectSnapshot,
   onWalletBalanceMayHaveChanged,
 }: GenerationWorkflowOptions) {
-  const [backgroundRemovalTasks, setBackgroundRemovalTasks] = useState<
-    CanvasTaskListItem[]
-  >([]);
   const [isTaskSidebarOpen, setIsTaskSidebarOpen] = useState(false);
+  const [taskListRefreshKey, setTaskListRefreshKey] = useState(0);
+  const refreshTaskListForQueuedGeneration = useCallback(() => {
+    setIsTaskSidebarOpen(true);
+    setTaskListRefreshKey((key) => key + 1);
+  }, []);
   const previousTaskCountRef = useRef(canvasGenerationDialogs.length);
   const [isSpecMenuOpen, setIsSpecMenuOpen] = useState(false);
   const [isGenerationReferenceMenuOpen, setIsGenerationReferenceMenuOpen] =
@@ -1384,82 +1388,74 @@ export function useImageCanvasGenerationWorkflow({
       setMetadataLayer(null);
       setCropExpandPanel(null);
       setQuickEditPanel(null);
-      const startedAt = Date.now();
-      const taskId = `background-removal-${startedAt}-${Math.random().toString(36).slice(2, 8)}`;
-      setIsTaskSidebarOpen(true);
-      setBackgroundRemovalTasks((currentTasks) => [
-        {
-          id: taskId,
-          title: `去背景：${sourceLayer.title}`,
-          detail: '正在抠图',
-          status: 'running',
-          startedAt,
-          focusLayerId: sourceLayer.id,
-        },
-        ...currentTasks,
-      ]);
       try {
         const sourceObjectKey = sourceLayer.objectKey?.trim();
         const sourceImageSrc = sourceObjectKey
           ? `/${sourceObjectKey.replace(/^\/+/u, '')}`
           : await resolveEditorImageReferenceDataUrl(sourceLayer.src);
-        const result = await removeImageBackground(sourceImageSrc);
-        const finishedAt = Date.now();
-        const elapsedMs = result.elapsedMs ?? finishedAt - startedAt;
+        const result = await removeImageBackground({
+          sourceImageSrc,
+          projectId,
+          targetLayerId: sourceLayer.id,
+          assetKind: sourceLayer.assetKind,
+          generationInputs: sourceLayer.generationInputs,
+          assetFolderId,
+          assetLabel: `${sourceLayer.title} 去背景`,
+          sourceResourceId: sourceLayer.resourceId,
+        });
+        if (
+          await applyQueuedEditorGenerationProject(
+            result,
+            projectId,
+            applyProjectSnapshot,
+            refreshTaskListForQueuedGeneration,
+            onWalletBalanceMayHaveChanged,
+          )
+        ) {
+          return;
+        }
+        if (result.project && applyProjectSnapshot) {
+          applyProjectSnapshot(result.project);
+          return;
+        }
         updateSourceLayer(sourceLayer.id, (layer) => ({
           ...layer,
-          resourceId: `local-resource-${taskId}`,
+          resourceId: result.resource?.resourceId ?? layer.resourceId,
           src: result.imageSrc,
           width: result.width,
           height: result.height,
           originalWidth: result.width,
           originalHeight: result.height,
-          sourceType: 'generated',
+          sourceType: result.sourceType ?? 'generated',
           provider: result.provider ?? 'BiRefNet',
-          taskId: result.taskId ?? taskId,
-          objectKey: result.objectKey ?? null,
-          assetObjectId: result.assetObjectId ?? null,
-          sourceResourceId: layer.resourceId,
+          taskId: result.taskId ?? null,
+          objectKey: result.resource?.objectKey ?? result.objectKey ?? null,
+          assetObjectId:
+            result.resource?.assetObjectId ?? result.assetObjectId ?? null,
+          sourceResourceId:
+            result.resource?.sourceResourceId ?? sourceLayer.resourceId,
           sourceAssetId: null,
+          prompt: result.resource?.prompt ?? layer.prompt,
+          actualPrompt: result.resource?.actualPrompt ?? layer.actualPrompt,
+          model: result.resource?.model ?? layer.model,
+          assetKind:
+            (result.resource?.assetKind as CanvasLayer['assetKind']) ??
+            layer.assetKind,
+          generationInputs:
+            result.resource?.generationInputs ?? layer.generationInputs,
+          generatedAssetSnapshot: result.asset ?? layer.generatedAssetSnapshot,
         }));
-        setBackgroundRemovalTasks((currentTasks) =>
-          currentTasks.map((task) =>
-            task.id === taskId
-              ? {
-                  ...task,
-                  detail: '抠图完成',
-                  status: 'done',
-                  finishedAt,
-                  elapsedMs,
-                  provider: result.provider ?? 'BiRefNet',
-                }
-              : task,
-          ),
-        );
         setActiveSidebarPanel('layers');
       } catch (error) {
-        const finishedAt = Date.now();
-        const errorMessage =
-          error instanceof Error && error.message.trim()
-            ? error.message
-            : '去除背景失败';
-        setBackgroundRemovalTasks((currentTasks) =>
-          currentTasks.map((task) =>
-            task.id === taskId
-              ? {
-                  ...task,
-                  detail: '抠图失败',
-                  status: 'failed',
-                  finishedAt,
-                  elapsedMs: finishedAt - startedAt,
-                  errorMessage,
-                }
-              : task,
-          ),
-        );
+        throw error;
       }
     },
     [
+      applyProjectSnapshot,
+      assetFolderId,
+      onWalletBalanceMayHaveChanged,
+      projectId,
+      refreshTaskListForQueuedGeneration,
       resolveEditorImageReferenceDataUrl,
       setActiveSidebarPanel,
       setImageContextMenu,
@@ -1604,7 +1600,6 @@ export function useImageCanvasGenerationWorkflow({
       }),
     );
   }, []);
-
   const generationSubmissionWorkflow =
     useImageCanvasGenerationSubmissionWorkflow({
       layers,
@@ -1636,6 +1631,7 @@ export function useImageCanvasGenerationWorkflow({
       assetFolderId,
       upsertGeneratedAsset,
       applyProjectSnapshot,
+      onQueuedGenerationTask: refreshTaskListForQueuedGeneration,
       onWalletBalanceMayHaveChanged,
     });
 
@@ -2179,7 +2175,7 @@ export function useImageCanvasGenerationWorkflow({
       openCropExpandPanel,
       startCropExpandFrameResize,
       removeSelectedLayerBackground,
-      backgroundRemovalTasks,
+      taskListRefreshKey,
       isTaskSidebarOpen,
       toggleTaskSidebar: () => setIsTaskSidebarOpen((open) => !open),
       extractUiDesignAssets,
@@ -2211,7 +2207,6 @@ export function useImageCanvasGenerationWorkflow({
       closeGenerateComposer,
       cropExpandPanel,
       cropExpandSourceLayer,
-      backgroundRemovalTasks,
       uiAssetExtractionState,
       uiAssetExtractionSourceLayer,
       quickEditSelectionState,
@@ -2245,6 +2240,7 @@ export function useImageCanvasGenerationWorkflow({
       isUiDesignSpecMenuOpen,
       isMusicMenuOpen,
       isTaskSidebarOpen,
+      taskListRefreshKey,
       isPublicationMenuOpen,
       isPublicationReferenceMenuOpen,
       isSpecMenuOpen,
@@ -2285,6 +2281,7 @@ export function useImageCanvasGenerationWorkflow({
       updateIconDescriptionsText,
       updateSpecFormValue,
       rememberImageModel,
+      refreshTaskListForQueuedGeneration,
     ],
   );
 }
diff --git a/src/index.css b/src/index.css
index a6088efc0..07d04c42c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6371,8 +6371,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__task-sidebar-item {
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  align-items: center;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
   gap: 0.55rem;
   width: 100%;
   border: 0;
@@ -6438,7 +6438,15 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__task-sidebar-item-main {
   display: grid;
   min-width: 0;
-  gap: 0.12rem;
+  gap: 0.16rem;
+}
+
+.image-canvas-editor__task-sidebar-item-title-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  min-width: 0;
+  align-items: center;
+  gap: 0.45rem;
 }
 
 .image-canvas-editor__task-sidebar-item-title {
@@ -6459,10 +6467,29 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   white-space: nowrap;
 }
 
+.image-canvas-editor__task-sidebar-item-progress {
+  overflow: hidden;
+  color: #334155;
+  font-size: 0.68rem;
+  font-weight: 750;
+  line-height: 1.3;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.image-canvas-editor__task-sidebar-item-time {
+  color: #64748b;
+  font-size: 0.68rem;
+  font-weight: 750;
+  line-height: 1.25;
+  white-space: nowrap;
+}
+
 .image-canvas-editor__task-sidebar-item-status {
   color: #64748b;
   font-size: 0.68rem;
   font-weight: 800;
+  white-space: nowrap;
 }
 
 .image-canvas-editor__panel-dock {
diff --git a/src/services/image-editor/editorProjectClient.ts b/src/services/image-editor/editorProjectClient.ts
index 6da15c57e..935bec677 100644
--- a/src/services/image-editor/editorProjectClient.ts
+++ b/src/services/image-editor/editorProjectClient.ts
@@ -201,6 +201,14 @@ export type EditorImageEditInput = {
 
 export type EditorBackgroundRemovalInput = {
   sourceImageSrc: string;
+  projectId?: string | null;
+  targetLayerId?: string | null;
+  assetKind?: string | null;
+  generationInputs?: EditorAssetGenerationInputs | null;
+  assetFolderId?: string | null;
+  assetLabel?: string | null;
+  sourceResourceId?: string | null;
+  taskId?: string | null;
 };
 
 export type EditorImageGenerationResult = {
@@ -227,9 +235,14 @@ export type EditorBackgroundRemovalResult = {
   assetObjectId?: string | null;
   width: number;
   height: number;
+  sourceType?: 'generated';
   taskId?: string | null;
   elapsedMs?: number;
   provider?: string;
+  resource?: EditorProjectResourceSnapshot | null;
+  asset?: EditorAssetSnapshot | null;
+  project?: EditorProjectSnapshot | null;
+  queueState?: ExternalGenerationJobStatusRecord | null;
 };
 
 export type EditorIconSpritesheetIconResult = {
@@ -889,6 +902,18 @@ export async function removeEditorImageBackground(
     EDITOR_BACKGROUND_REMOVAL_API,
     jsonRequest('POST', {
       sourceImageSrc: input.sourceImageSrc,
+      ...(input.projectId ? { projectId: input.projectId } : {}),
+      ...(input.targetLayerId ? { targetLayerId: input.targetLayerId } : {}),
+      ...(input.assetKind ? { assetKind: input.assetKind } : {}),
+      ...(input.generationInputs
+        ? { generationInputs: input.generationInputs }
+        : {}),
+      ...(input.assetFolderId ? { assetFolderId: input.assetFolderId } : {}),
+      ...(input.assetLabel ? { assetLabel: input.assetLabel } : {}),
+      ...(input.sourceResourceId
+        ? { sourceResourceId: input.sourceResourceId }
+        : {}),
+      ...(input.taskId ? { taskId: input.taskId } : {}),
     }),
     '去除背景失败',
     {