画图页新增批量生图：一个入口 + 原地展开的多行编辑器

- image-composer: 工具条新增「批量」入口，同一张输入卡原地展开为多行
提示词编辑器（行号 / 行内张数 stepper / @@N 语法 / # 注释 / 回车新增
行 / 粘贴多行自动拆分 / 逐行解析状态点）；批量态复用现有参数 chip，
右侧显示「预计 X 积分 + N 行 · 共 M 张 · 忽略 K 行」，提交后自动收起
回单张模式，不新增页面或页签
- page: handleBatchSubmit 按总张数做积分/号池预检后，每行展开为一个
queued turn 交给现有会话队列顺序执行，结果沿用现有消息流渲染
- prompt-composer: SubmitButton 支持 testId，便于真机验证

docs/批量生图-方案.md

@@ -0,0 +1,280 @@
+# 批量生图 · 产品与技术方案（v1 讨论稿）
+
+> 状态：待拍板。本文只做设计，不含实现。
+> 前置结论：**站内画图页其实已经有"一次出 N 张"，缺的不是"N 张"，而是"多组提示词的批处理 + 批次管理 + 打包交付"。**
+
+---
+
+## 0. 一句话结论
+
+把「批量生图」做成一等公民的**批次（Batch）**概念：一次提交一批「行」（每行一个提示词 + 张数 + 可选参考图），服务端并发跑成 N 个现有单图任务，前端用一张批次进度表 + 分组网格管理结果，最后支持打包下载与失败项重跑。
+
+技术上有两条路：
+
+- **路线 A（前端扇出，零后端改动）**：沿用现有 `createImageGenerationTask` × N，前端记录批次分组。1 天可上线，适合先验证产品逻辑。
+- **路线 B（服务端批次模型）**：照抄 `product_visual_service.py` 的"父任务 + 子项"范式，新增批次服务。跨设备、可续跑、可打包、可暂停取消，是最终形态。
+
+建议：**A 先跑通产品闭环，用一周验证；然后按 B 重构**（A 的 UI 与数据结构要按 B 的字段设计，避免返工）。
+
+---
+
+## 1. 先厘清：「批量」到底是哪一种
+
+这是产品逻辑最容易含混的地方，四种语义差别很大，做的事完全不同。
+
+| 语义 | 描述 | 现状 |
+|---|---|---|
+| **A. 同提示词出多张** | 一个 prompt，要 4 张选一张 | **已实现**：输入框「张数」1~100，前端扇出 N 个任务（`image-composer.tsx:743`、`page.tsx:2374/2464`） |
+| **B. 多提示词矩阵** | 20 个 prompt，每个出 2 张 = 40 张 | **缺失**，这是"批量生图"的主战场 |
+| **C. 参考图批量** | 1 张参考图 × 20 个 prompt；或 20 张参考图 × 1 个 prompt | 能力上有（参考图走 edit 链路），但没有批量入口 |
+| **D. 批次任务中心** | 提交后关页面去干别的，回来收图、打包、只看失败的 | **部分缺失**：任务在服务端照跑，但图片只存浏览器 IndexedDB，换设备/清缓存就没了 |
+
+**建议把 B 做核心、C 作为 B 的一个维度、D 作为 B 的交付形态**。A 不用动。
+
+---
+
+## 2. 现状盘点：哪些家底可以直接用
+
+摸过一遍代码，结论是**能复用的比想象中多**，真正要新建的只有"批次编排"和"交付层"。
+
+### 2.1 已经具备的能力（不要重造）
+
+| 能力 | 位置 | 说明 |
+|---|---|---|
+| 单图异步任务接口 | `POST /api/image-tasks/generations`、`/edits`（`api/image_tasks.py:274/305`） | 请求体无 `n`，恒定单张 |
+| 任务轮询（支持批量 id） | `GET /api/image-tasks?ids=a,b,c`（`api/image_tasks.py:266`） | 前端已经在批拉（`api.ts:1838`） |
+| 任务状态机 | `queued / running / success / error`（`image_task_service.py:28-33`） | 简单清晰，够用 |
+| 任务持久化 | SQLite `image_tasks` 表，路径走 `sqlite_mirror_service.runtime_file` | **已经吃到 HF 存储桶**，重启不丢 |
+| 重启保护 | `_recover_unfinished_locked`：未完成 → error + 自动退款 | 批量也不会丢钱 |
+| 逐张计费 | 每任务 `reserve_credits` → 终态 `consume` / `refund` | **逐张粒度天然支持"部分失败自动退"** |
+| 第三方专属钱包 | `third_party_wallet_*` 按成功张数结算 | 同上 |
+| 并发控制 | 号池每账号并发 3（`config.image_account_concurrency`）；第三方每连接并发 5 | 批量提交多个任务即自动生效 |
+| 内容审核 | `filter_or_log` → `content_filter.check_request`，提交前调用 | 批量的每一行各调一次即可 |
+| 父任务 + 子项范式 | `services/product_visual_service.py`：`ThreadPoolExecutor(max(2,min(12,len)))`、子项状态聚合、单张重试、并发/串行两种模式 | **直接照抄结构**，这是最大的省力点 |
+| 图片库与批量下载 | `app/image-manager`：多选、`downloadImages(paths)`、批量删除 | 打包导出的交互可借鉴 |
+
+### 2.2 关键约束（设计的边界条件）
+
+1. **图片默认只存浏览器**：`store/image-conversations.ts` 用 IndexedDB（localforage）存会话与 blob；服务端只存任务记录。→ 批量结果的"交付"必须决定：留在浏览器，还是推到服务端图片库。
+2. **没有全局并发上限**：`_submit` 每张起一个 daemon 线程，靠号池 `wait_for_slot` 阻塞。批量 100 张会瞬间起 100 个线程。→ 批次层必须自己加线程池。
+3. **没有取消能力**：全 image 链路无 AbortController。任务一旦提交，上游请求无法中断，只能"不再等待"。
+4. **部分成功**：通用积分预扣是"整任务成功即全额 consume / 失败即全额 refund"，不区分部分。→ 批量必须拆成 N 次独立预扣（现有前端扇出正好符合，不要改成"一次预扣 N 张"）。
+5. **超时挂起**：带 conversation_id 的超时任务会**暂不结算**、等 `resume-poll` 再定终态。→ 批次聚合时不能把"挂起中"当失败。
+6. **`_cleanup_locked` 有死代码 bug**（`image_task_service.py:1630` 附近引用未定义的 `_settle_credit_locked` / `TASK_STATUS_COMPLETED`，被 except 吞掉）→ 结果就是**过期终态任务永远不清理**。批量上线后任务量成倍增长，要先修这个。
+
+---
+
+## 3. 产品逻辑：要有什么功能
+
+### 3.1 核心概念（三层结构）
+
+```
+批次 Batch（一次提交，一个"活"）
+  └── 行 Row / 子项（一个提示词 + 参数 + 张数）
+        └── 张 Image（一个真实任务，一个 image_task）
+```
+
+用户视角：**一个批次 = 一个可命名、可查看进度、可打包下载的工作单元。** 而不是"一堆散落在会话里的图"。
+
+### 3.2 输入（怎么做批量的"批"）
+
+| 方式 | 说明 | 优先级 |
+|---|---|---|
+| 多行文本 | 一行一个提示词，空行忽略，支持 `#` 注释行 | P0 |
+| 行内指定张数 | 语法如 `提示词@@3`（不写则用全局张数） | P1 |
+| CSV / Excel 导入 | 列：prompt、张数、比例、模型、参考图 | P1 |
+| 参考图集 | 多选参考图 → 每张参考图 × 每个提示词的笛卡尔积 | P2 |
+| 从已有图"再来一版" | 图片库多选 → 批量重跑/批量微调 | P2 |
+
+配套：**参数分两层**——全局默认（模型 / 比例 / 质量 / 号池策略 / 每行张数）+ 行级覆盖。批量功能不能让用户"每行都填一遍参数"。
+
+### 3.3 提交前（把错误挡在产生费用之前）
+
+1. **总量预检**：总张数 = Σ(行张数)，预估积分 = 总张数 × 单价。余额不足直接拦住并提示差多少。
+2. **逐行过审**：每行各自调一次内容审核，被拦的行**标红但不阻塞整批**，用户可以选择"跳过这些行继续"。
+3. **重复行提示**：同一提示词的重复行给个提示（允许继续，只是提醒）。
+4. **二次确认**：显示"共 42 张，预计消耗 84 积分"，确认后提交。
+
+### 3.4 运行中
+
+| 功能 | 说明 | 优先级 |
+|---|---|---|
+| 进度总览 | 完成 / 进行中 / 排队 / 失败 / 已跳过，一眼看完 | P0 |
+| 分组网格 | 按行分组展示，每行显示它的 N 张 | P0 |
+| 并发上限 | 默认 3（对齐号池每账号并发），可调 1~10 | P0 |
+| 单张重试 | 复用现有"重新生成这一张" | P0 |
+| 失败批量重试 | 一键重跑所有失败张 | P1 |
+| 暂停 / 恢复 | 暂停 = 不再提交新的子任务（已在跑的无法中断，要说清） | P1 |
+| 取消批次 | 同上：标记取消，未开始的直接作废并退款 | P1 |
+| 自动重试 | 失败且属于"可重试错误"（换号失败等）自动重试 1~2 次 | P2 |
+| 关闭页面继续跑 | 服务端任务本来就在跑；前端刷新后按 batch_id 恢复视图 | P0（靠 B 路线） |
+
+### 3.5 结果与交付
+
+| 功能 | 说明 | 优先级 |
+|---|---|---|
+| 打包下载 | 一键 zip，命名 `001-提示词前12字.png`，失败项附 `failures.txt` | P0 |
+| 服务端留档 | 结果入图片库（`image-manager`），跨设备可见、可清缓存不丢 | P1 |
+| 批次记录 | 批次列表：名称、时间、张数、成功/失败、总消耗积分 | P1 |
+| 导出清单 | 导出 CSV：prompt / 张数 / 状态 / 图片路径 / 消耗 | P2 |
+| 成本报表 | 批次级消耗汇总（可与已有 `credit_ledger` 打通） | P2 |
+
+### 3.6 明确不做（v1 边界）
+
+- 不做"任务优先级插队"（号池是共享的，插队容易把别人饿死）。
+- 不做"定时/周期批量"（那是自动化，另立项）。
+- 不做"上游请求中断"（技术上做不到，只能停止等待）。
+
+---
+
+## 4. 关键设计决策（含建议）
+
+| # | 决策点 | 选项 | 建议 |
+|---|---|---|---|
+| 1 | 批次跑在哪 | 纯前端扇出 / 服务端父任务 | **服务端**（跨设备、可续跑、可打包） |
+| 2 | 计费粒度 | 一次预扣 N 张 / 每张独立预扣 | **每张独立**（天然支持部分退款，不用改计费代码） |
+| 3 | 图片留档 | 浏览器 IndexedDB / 服务端图片库 | **服务端**；至少批次结果要服务端留档 |
+| 4 | 批次并发 | 无限 / 固定上限 | **默认 3，可调 1~10**（对齐 `image_account_concurrency`） |
+| 5 | 取消语义 | 真取消 / 停止等待 | **停止等待**（已在跑的任务让它跑完，只影响未提交的） |
+| 6 | 审核失败的行 | 整批拒绝 / 跳过该行 | **跳过该行**并标记，不阻塞其他行 |
+| 7 | 与"会话"的关系 | 批次进会话历史 / 独立批次中心 | **独立批次中心**；图片可选"收藏进会话" |
+
+---
+
+## 5. 实现方案（路线 B）
+
+### 5.1 数据模型（复用现有 SQLite 机制）
+
+两个新表，走 `sqlite_mirror_service.runtime_file(DATA_DIR, "image_batches.db")`（**必须走 runtime_file，否则 HF 重建即丢**）。
+
+```sql
+-- 批次表
+CREATE TABLE image_batches (
+  batch_id     TEXT PRIMARY KEY,
+  owner_id     TEXT NOT NULL,
+  title        TEXT,
+  status       TEXT,      -- queued | running | success | partial | error | cancelled
+  total_count  INTEGER,   -- 计划总张数
+  success_count INTEGER,
+  failed_count INTEGER,
+  skipped_count INTEGER,
+  concurrency  INTEGER,
+  defaults     TEXT,      -- JSON：模型/比例/质量/号池策略
+  created_at   TEXT, updated_at TEXT
+);
+
+-- 批次子项（行）
+CREATE TABLE image_batch_items (
+  batch_id     TEXT,
+  seq          INTEGER,   -- 行号（1 起）
+  prompt       TEXT,
+  count        INTEGER,   -- 该行张数
+  overrides    TEXT,      -- JSON：行级参数覆盖
+  status       TEXT,      -- pending | queued | running | success | error | skipped
+  task_ids     TEXT,      -- JSON：该行展开的 image_task id 列表
+  error        TEXT,
+  PRIMARY KEY (batch_id, seq)
+);
+```
+
+**复用而非新建**：每张图仍然是 `image_task_service` 的一个普通任务（`client_task_id = f"{batch_id}:{seq}:{index}"`，保证幂等键唯一），批次表只做"分组 + 聚合"，不复制任务数据。
+
+### 5.2 接口（新增）
+
+```
+POST   /api/image-batches                  提交批次（含行列表）→ 返回 batch_id
+GET    /api/image-batches?ids=             批次聚合进度（含每行状态、每张任务态）
+POST   /api/image-batches/{id}/retry-failed 重跑所有失败项
+POST   /api/image-batches/{id}/cancel      停止等待 + 未提交的作废退款
+POST   /api/image-batches/{id}/resume      继续未完成的行
+GET    /api/image-batches/{id}/export.zip  流式打包（服务端 zip）
+DELETE /api/image-batches/{id}             删批次记录（图片按图片库策略处理）
+```
+
+提交时服务端做的事（顺序很关键）：
+
+```
+1. 解析行列表 → 展开成 (行, 张) 清单
+2. 逐行过审（filter_or_log），被拦的行 → status=skipped，不进清单
+3. 整批额度预检（总张数 × 单价 vs 可用积分）
+4. 建批次记录（status=queued）
+5. ThreadPoolExecutor(max_workers=并发上限) 提交子任务
+     每个子任务内部仍走现有的 submit_generation（自己预扣、自己跑、自己结算）
+6. 线程池外的一层轮询循环（每 2~3s）聚合子任务状态 → 更新批次表
+```
+
+注意 5 和 6：**不要在批次层做计费**，让每个子任务自己走 `image_task_service` 的预扣/结算链路，这样失败自动退款、部分成功天然正确，也不用碰 `_settle_credit`。
+
+### 5.3 后端改动清单
+
+| 文件 | 改动 | 量级 |
+|---|---|---|
+| `services/image_batch_service.py` | 新建（照 `product_visual_service.py` 结构：`submit` / `_save_locked` / `_recover_unfinished_locked` / `_sync_item_status_locked` / `_derive_parent_status` / `retry_item`） | ~400 行 |
+| `api/image_batches.py` | 新建路由（6 个接口），挂到 `api/app.py:194` 一带 | ~150 行 |
+| `services/sqlite_mirror_service.py` | `_SCHEMAS` 登记两张新表 | 1 处 |
+| `services/image_task_service.py` | 修 `_cleanup_locked` 死代码 bug（批量后任务量放大） | 1 处 |
+| `api/image_tasks.py` | 不改（子任务仍走原接口内部函数） | 0 |
+
+打包 zip 的两个选择：服务端流式打包（大文件稳，但要处理图片在浏览器的情况）或前端 JSZip（零后端，受浏览器内存限制）。**建议服务端**，因为批次结果本来就要服务端留档。
+
+### 5.4 前端改动清单
+
+```
+app/image/batch/page.tsx（新页面，或 image 页新增"批量"tab）
+  ├─ BatchComposer：多行提示词 textarea + 全局参数 + 行数/张数统计 + 预估积分
+  ├─ BatchProgress：总进度条 + 五个状态计数
+  ├─ BatchRows：按行分组的网格（复用 image-results 的图片卡片与操作）
+  └─ BatchActions：打包下载 / 重跑失败 / 取消 / 继续
+
+复用：
+  - 图片卡片、lightbox、单张重试（image-results.tsx）
+  - 参数控件（image-composer.tsx 的模型/比例/质量/号池策略）
+  - 积分展示（loadQuota / displayAvailableQuota）
+  - 多选与批量下载交互（image-manager/page.tsx）
+```
+
+轮询：批次级一个 `GET /api/image-batches?ids=`（2s），返回里带每行每张状态，**前端不再需要按 task id 逐个轮询**，比现在更省。
+
+### 5.5 会被"多提示词批量"打破的现有假设
+
+这几处是 A→B 升级时的硬约束，路线 A 也要按此设计字段：
+
+1. `ImageTurn` 是**单 prompt**（`store/image-conversations.ts:47`），一个 turn 塞不下多行 → 批次不能复用 turn 结构。
+2. `deriveTurnStatus` 是聚合推导，部分成功只能给"其中 N 张未成功" → 批次需要行级状态。
+3. `image-results.tsx` 按 `turn → images` 一维渲染 → 批次是 `batch → row → image` 三维，需要新渲染层。
+4. 轮询终止条件"没有 loading 任务就结束"→ 批次要区分"排队中但还没提交"的子项。
+5. 额度校验 `canAffordThirdPartyImages(..., parsedCount)` 要改成总张数。
+
+---
+
+## 6. 分期路线
+
+| 阶段 | 内容 | 后端 | 前端 | 目的 |
+|---|---|---|---|---|
+| **P0** | 前端扇出版批量：多行提示词 + 全局参数 + 进度表 + 打包下载；批次数据暂存本地，按 `batch_id` 前缀聚合��务 | 0（复用现有接口） | 新增批量面板 + 批次分组渲染 | 一周内验证产品逻辑（用户要不要、用法对不对） |
+| **P1** | 服务端批次模型（5.1/5.2/5.3）+ 批次中心页面 + 服务端留档 + zip 导出 + 失败重试/取消 | ~600 行 | 新页面 | 变成正式能力：跨设备、可续跑、可交付 |
+| **P2** | CSV 导入导出、参考图集批量、自动重试策略、批次成本报表、从图片库批量重跑 | 少量 | 少量 | 面向重度用户（电商/素材） |
+
+---
+
+## 7. 风险与坑（精选）
+
+1. **别把计费改成"一次预扣 N 张"**：`_settle_credit` 不支持部分成功，会算错钱。逐张独立预扣是当前唯一正确姿势。
+2. **必须限线程**：不限并发会让 100 张任务同时卡在 `wait_for_slot`，既有内存风险也让号池排队行为不可预测。
+3. **"暂停/取消"要说清语义**：已在跑的上游请求无法中断，UI 文案别写"中止生成"，写"停止等待后续队列"。
+4. **超时挂起 ≠ 失败**：带 conversation_id 的超时任务会等 `resume-poll`，批次聚合要单独统计"待继续等待"。
+5. **重启会打断批次**：服务端重启时未完成子任务变 error 并退款（已有逻辑），批次会被标记部分失败 → 这是正确行为，但要在 UI 上说明"服务重启会导致未完成的任务失败并自动退款"。
+6. **审核逐行做**：只审第一行会让后面的违规提示词漏网。
+7. **`_cleanup_locked` 先修**：不然批次记录与任务记录会无限堆积。
+8. **图片体积**：批量 100 张 4K 图，服务端留档要配图片库的清理策略（`image-manager` 已有删除能力）。
+9. **积分预检要含第三方钱包**：第三方通道走 `third_party_wallet_*`，预检金额要用 `cost_for_route` 的单价，不能一律用普通积分单价。
+10. **幂等键唯一**：`_submit` 里 `client_task_id` 相同直接返回旧任务，批量子任务 id 必须 `batch:row:index` 三段唯一。
+
+---
+
+## 8. 待拍板
+
+1. 核心场景是 B（多提示词矩阵）还是 C（参考图批量）为主？
+2. 首期走路线 A（前端扇出验证）还是直接 B（服务端批次）？
+3. 结果是否要服务端留档（换设备可见）？
+4. 并发默认值与上限（建议 3 / 10）。

web/src/app/image/components/image-composer.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { Check, ChevronDown, ImagePlus, LoaderCircle, X } from "lucide-react";
-import { useEffect, useMemo, useRef, useState, type ClipboardEvent, type DragEvent, type PointerEvent, type RefObject } from "react";
+import { Check, ChevronDown, ImagePlus, List, LoaderCircle, Minus, Plus, Trash2, X } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState, type ClipboardEvent, type DragEvent, type KeyboardEvent, type PointerEvent, type RefObject } from "react";
 
 import {
   PromptComposerResizeHandle,
@@ -78,6 +78,11 @@ type ImageComposerProps = {
   onMemoryToggle: () => void;
   onAccountPoolStrategyChange: (value: string) => void;
   onSubmit: () => void | Promise<void>;
+  /**
+   * 批量生图提交。每一行会被展开成一个独立的生成任务（复用现有单张链路），
+   * 返回 false 表示校验未通过（积分/额度不足等），此时输入卡不清空。
+   */
+  onBatchSubmit: (rows: BatchRowInput[]) => boolean | Promise<boolean>;
   onOptimizePrompt: () => void | Promise<void>;
   isOptimizingPrompt?: boolean;
   onBenefitsClick?: () => void;
@@ -91,6 +96,50 @@ type ImageComposerProps = {
 
 const imageFileNamePattern = /\.(avif|bmp|gif|heic|heif|ico|jpe?g|png|svg|tiff?|webp)$/i;
 
+/** 批量生图：单行的提交参数。 */
+export type BatchRowInput = {
+  /** 该行的提示词（已剥离 `@@N` 后缀） */
+  prompt: string;
+  /** 该行要生成的张数 */
+  count: number;
+};
+
+type BatchEditorRow = {
+  id: string;
+  text: string;
+  count: number;
+};
+
+const MAX_BATCH_ROWS = 50;
+const MAX_BATCH_COUNT = 100;
+
+function createBatchRowId() {
+  return `batch-row-${Math.random().toString(36).slice(2, 10)}`;
+}
+
+function createBatchRow(count = 1): BatchEditorRow {
+  return { id: createBatchRowId(), text: "", count };
+}
+
+/**
+ * 解析批量编辑器的一行：
+ * - 空行 / `#` 开头 → null（忽略）
+ * - 行尾 `@@3` → 覆盖该行张数
+ */
+function parseBatchLine(text: string, fallbackCount: number): BatchRowInput | null {
+  const raw = text.trim();
+  if (!raw || raw.startsWith("#")) return null;
+  const normalizedFallback = Math.max(1, Math.min(MAX_BATCH_COUNT, Math.floor(fallbackCount) || 1));
+  const match = raw.match(/@@\s*(\d{1,3})\s*$/);
+  if (!match) {
+    return { prompt: raw, count: normalizedFallback };
+  }
+  const prompt = raw.replace(/@@\s*\d{1,3}\s*$/, "").trim();
+  if (!prompt) return null;
+  const count = Math.max(1, Math.min(MAX_BATCH_COUNT, Number(match[1]) || normalizedFallback));
+  return { prompt, count };
+}
+
 const defaultImageSizeOptions = [
   { value: "", label: "智能比例" },
   { value: "1:1", label: "1:1（正方形）" },
@@ -156,6 +205,7 @@ export function ImageComposer({
   onMemoryToggle,
   onAccountPoolStrategyChange,
   onSubmit,
+  onBatchSubmit,
   onOptimizePrompt,
   isOptimizingPrompt = false,
   onBenefitsClick,
@@ -172,6 +222,11 @@ export function ImageComposer({
   const [customRatioHeight, setCustomRatioHeight] = useState("1");
   const [isModelMenuOpen, setIsModelMenuOpen] = useState(false);
   const [isDraggingImage, setIsDraggingImage] = useState(false);
+  const [isBatchMode, setIsBatchMode] = useState(false);
+  const [isSubmittingBatch, setIsSubmittingBatch] = useState(false);
+  const [batchRows, setBatchRows] = useState<BatchEditorRow[]>(() => [createBatchRow()]);
+  const batchRowInputRefs = useRef<Map<string, HTMLTextAreaElement>>(new Map());
+  const pendingBatchFocusIdRef = useRef<string | null>(null);
   const [sizeMenuPos, setSizeMenuPos] = useState<{ top: number; left: number }>({ top: 0, left: 0 });
   const [modelMenuPos, setModelMenuPos] = useState<{ top: number; left: number }>({ top: 0, left: 0 });
   // 心跳由全局 PresenceProvider 统一上报（覆盖站内所有页面），这里只负责展示数字。
@@ -255,6 +310,18 @@ export function ImageComposer({
   const unitCreditCostLabel = Number.isInteger(unitCreditCost)
     ? String(unitCreditCost)
     : unitCreditCost.toFixed(2).replace(/\.?0+$/, "");
+
+  const batchParsedRows = useMemo(
+    () => batchRows.map((row) => ({ row, parsed: parseBatchLine(row.text, row.count) })),
+    [batchRows],
+  );
+  const batchValidRowCount = batchParsedRows.filter((item) => item.parsed).length;
+  const batchTotalCount = batchParsedRows.reduce((sum, item) => sum + (item.parsed?.count ?? 0), 0);
+  const batchIgnoredRowCount = batchParsedRows.filter((item) => !item.parsed && item.row.text.trim()).length;
+  const batchEstimatedCreditCost = Math.round(unitCreditCost * batchTotalCount * 100) / 100;
+  const batchEstimatedCreditCostLabel = Number.isInteger(batchEstimatedCreditCost)
+    ? String(batchEstimatedCreditCost)
+    : batchEstimatedCreditCost.toFixed(2).replace(/\.?0+$/, "");
   const requiresImageSize = imageModel.trim().toLowerCase() === "gpt-image-2-4k";
   const selectedImageSizeOption = imageSizeOptions.find((option) => option.value === imageSize);
   const isCustomImageSize = Boolean(imageSize && !selectedImageSizeOption && isSupportedAspectRatio(imageSize));
@@ -300,6 +367,117 @@ export function ImageComposer({
   );
   const accountPoolLabel = selectableAccountPoolOptions[accountPoolIndex]?.label || selectableAccountPoolOptions[0].label;
 
+  useEffect(() => {
+    // 批量行文本框按内容自适应高度（最多 96px），粘贴多行后也能立刻撑开。
+    batchRowInputRefs.current.forEach((el) => {
+      if (!el) return;
+      el.style.height = "auto";
+      el.style.height = `${Math.min(el.scrollHeight, 96)}px`;
+    });
+    const pendingId = pendingBatchFocusIdRef.current;
+    if (!pendingId) return;
+    pendingBatchFocusIdRef.current = null;
+    const target = batchRowInputRefs.current.get(pendingId);
+    if (!target) return;
+    target.focus();
+    const end = target.value.length;
+    target.setSelectionRange(end, end);
+  }, [batchRows]);
+
+  const enterBatchMode = useCallback(() => {
+    setBatchRows((rows) => {
+      const trimmed = prompt.trim();
+      // 切到批量时把已经敲在单张输入框里的提示词带进来，避免内容凭空消失。
+      if (trimmed && rows.length === 1 && !rows[0].text.trim()) {
+        return [{ ...rows[0], text: trimmed }];
+      }
+      return rows;
+    });
+    setIsBatchMode(true);
+  }, [prompt]);
+
+  const exitBatchMode = useCallback(() => {
+    setIsBatchMode(false);
+  }, []);
+
+  const updateBatchRow = useCallback((id: string, patch: Partial<BatchEditorRow>) => {
+    setBatchRows((rows) => rows.map((row) => (row.id === id ? { ...row, ...patch } : row)));
+  }, []);
+
+  const addBatchRow = useCallback((afterId?: string) => {
+    const created = createBatchRow();
+    setBatchRows((rows) => {
+      if (rows.length >= MAX_BATCH_ROWS) return rows;
+      if (!afterId) return [...rows, created];
+      const index = rows.findIndex((row) => row.id === afterId);
+      if (index < 0) return [...rows, created];
+      const next = [...rows];
+      next.splice(index + 1, 0, created);
+      return next;
+    });
+    pendingBatchFocusIdRef.current = created.id;
+  }, []);
+
+  const removeBatchRow = useCallback((id: string) => {
+    setBatchRows((rows) => {
+      if (rows.length <= 1) {
+        return rows.map((row) => (row.id === id ? { ...row, text: "", count: 1 } : row));
+      }
+      return rows.filter((row) => row.id !== id);
+    });
+  }, []);
+
+  const handleBatchRowKeyDown = useCallback(
+    (event: KeyboardEvent<HTMLTextAreaElement>, id: string) => {
+      if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+      event.preventDefault();
+      addBatchRow(id);
+    },
+    [addBatchRow],
+  );
+
+  const handleBatchRowPaste = useCallback((event: ClipboardEvent<HTMLTextAreaElement>, id: string) => {
+    const text = event.clipboardData?.getData("text/plain") ?? "";
+    if (!text || !/[\r\n]/.test(text)) return;
+    const lines = text
+      .split(/\r?\n/)
+      .map((line) => line.trim())
+      .filter(Boolean);
+    if (lines.length <= 1) return;
+    event.preventDefault();
+    setBatchRows((rows) => {
+      const index = rows.findIndex((row) => row.id === id);
+      if (index < 0) return rows;
+      const head = rows[index];
+      const next = [...rows];
+      const [firstLine, ...restLines] = lines;
+      next[index] = { ...head, text: firstLine };
+      next.splice(
+        index + 1,
+        0,
+        ...restLines.map((line) => ({ ...createBatchRow(head.count), text: line })),
+      );
+      return next;
+    });
+  }, []);
+
+  const handleBatchSubmitClick = useCallback(async () => {
+    const rows = batchParsedRows
+      .map((item) => item.parsed)
+      .filter((item): item is BatchRowInput => Boolean(item));
+    if (rows.length === 0 || isSubmittingBatch) return;
+    setIsSubmittingBatch(true);
+    try {
+      const accepted = await onBatchSubmit(rows);
+      if (accepted) {
+        setBatchRows([createBatchRow()]);
+        setIsBatchMode(false);
+      }
+    } finally {
+      setIsSubmittingBatch(false);
+    }
+  }, [batchParsedRows, isSubmittingBatch, onBatchSubmit]);
+
   useEffect(() => {
     const controls = controlsScrollRef.current;
     if (!controls) return;
@@ -508,14 +686,123 @@ export function ImageComposer({
             onDragLeave={handleComposerDragLeave}
             onDrop={handleComposerDrop}
             onClick={() => {
+              if (isBatchMode) return;
               textareaRef.current?.focus();
             }}
           >
-            <PromptComposerResizeHandle
-              onClick={(event) => event.stopPropagation()}
-              onPointerDown={handlePromptResizePointerDown}
-            />
-            <PromptComposerTextarea
+            {isBatchMode ? null : (
+              <PromptComposerResizeHandle
+                onClick={(event) => event.stopPropagation()}
+                onPointerDown={handlePromptResizePointerDown}
+              />
+            )}
+            {isBatchMode ? (
+              <div className="px-4 pb-1.5 pt-3 sm:px-5">
+                <div className="mb-2 flex flex-wrap items-center justify-between gap-x-3 gap-y-1">
+                  <span className="text-xs font-medium text-stone-800">批量生成</span>
+                  <span className="text-[11px] leading-4 text-stone-400">
+                    每行一个提示词 · 行尾 @@3 指定张数 · # 开头为注释
+                  </span>
+                </div>
+                <div className="max-h-[44dvh] space-y-1.5 overflow-y-auto pr-0.5">
+                  {batchParsedRows.map(({ row, parsed }, index) => {
+                    const isIgnored = !parsed && row.text.trim().length > 0;
+                    const effectiveCount = parsed?.count ?? row.count;
+                    return (
+                      <div key={row.id} className="flex items-start gap-1.5">
+                        <span className="mt-2 w-4 shrink-0 text-right text-[11px] tabular-nums text-stone-400">
+                          {index + 1}
+                        </span>
+                        <textarea
+                          ref={(node) => {
+                            if (node) batchRowInputRefs.current.set(row.id, node);
+                            else batchRowInputRefs.current.delete(row.id);
+                          }}
+                          value={row.text}
+                          rows={1}
+                          spellCheck={false}
+                          data-batch-row={row.id}
+                          data-batch-row-index={index}
+                          onChange={(event) => {
+                            updateBatchRow(row.id, { text: event.target.value });
+                            const el = event.currentTarget;
+                            el.style.height = "auto";
+                            el.style.height = `${Math.min(el.scrollHeight, 96)}px`;
+                          }}
+                          onKeyDown={(event) => handleBatchRowKeyDown(event, row.id)}
+                          onPaste={(event) => handleBatchRowPaste(event, row.id)}
+                          placeholder={index === 0 ? "第一行提示词…" : ""}
+                          className={cn(
+                            "min-h-9 flex-1 resize-none rounded-xl border border-stone-200 bg-white px-3 py-2 text-sm leading-5 text-stone-800 shadow-none outline-none transition placeholder:text-stone-400 focus-visible:border-stone-400 focus-visible:ring-0",
+                            isIgnored && "text-stone-400",
+                          )}
+                        />
+                        <span className="mt-1 flex h-9 shrink-0 items-center gap-0.5 rounded-full border border-stone-200 bg-white px-0.5 text-xs text-stone-600">
+                          <button
+                            type="button"
+                            onClick={() =>
+                              updateBatchRow(row.id, {
+                                text: row.text.replace(/@@\s*\d{1,3}\s*$/, "").trim(),
+                                count: Math.max(1, effectiveCount - 1),
+                              })
+                            }
+                            disabled={effectiveCount <= 1}
+                            className="flex size-6 items-center justify-center rounded-full text-stone-500 transition hover:bg-stone-100 hover:text-stone-800 disabled:opacity-40"
+                            aria-label="减少张数"
+                          >
+                            <Minus className="size-3" />
+                          </button>
+                          <span className="w-6 text-center tabular-nums">{effectiveCount}</span>
+                          <button
+                            type="button"
+                            onClick={() =>
+                              updateBatchRow(row.id, {
+                                text: row.text.replace(/@@\s*\d{1,3}\s*$/, "").trim(),
+                                count: Math.min(MAX_BATCH_COUNT, effectiveCount + 1),
+                              })
+                            }
+                            disabled={effectiveCount >= MAX_BATCH_COUNT}
+                            className="flex size-6 items-center justify-center rounded-full text-stone-500 transition hover:bg-stone-100 hover:text-stone-800 disabled:opacity-40"
+                            aria-label="增加张数"
+                          >
+                            <Plus className="size-3" />
+                          </button>
+                        </span>
+                        <span
+                          aria-hidden
+                          className={cn(
+                            "mt-4 size-1.5 shrink-0 rounded-full",
+                            parsed ? "bg-emerald-500" : isIgnored ? "bg-stone-300" : "bg-transparent",
+                          )}
+                        />
+                        <button
+                          type="button"
+                          onClick={() => removeBatchRow(row.id)}
+                          className="mt-1 flex size-9 shrink-0 items-center justify-center rounded-full text-stone-400 transition hover:bg-stone-100 hover:text-stone-700"
+                          aria-label="删除该行"
+                          title="删除该行"
+                        >
+                          <Trash2 className="size-3.5" />
+                        </button>
+                      </div>
+                    );
+                  })}
+                </div>
+                <div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1">
+                  <button
+                    type="button"
+                    onClick={() => addBatchRow()}
+                    data-testid="batch-add-row"
+                    className="inline-flex items-center gap-1 rounded-full border border-dashed border-stone-300 px-2.5 py-1 text-[11px] font-medium text-stone-600 transition hover:border-stone-400 hover:text-stone-800"
+                  >
+                    <Plus className="size-3" />
+                    添加一行
+                  </button>
+                  <span className="text-[11px] text-stone-400">回车新增下一行 · 粘贴多行文本自动拆分</span>
+                </div>
+              </div>
+            ) : (
+              <PromptComposerTextarea
                 ref={textareaRef}
                 value={prompt}
                 style={promptHeight ? { height: `${promptHeight}px` } : undefined}
@@ -530,6 +817,7 @@ export function ImageComposer({
                 onOptimize={onOptimizePrompt}
                 isOptimizing={isOptimizingPrompt}
               />
+            )}
             {isDraggingImage ? (
               <div className="pointer-events-none absolute inset-0 z-20 flex items-center justify-center rounded-[24px] border-2 border-dashed border-stone-900 bg-white/85 text-sm font-medium text-stone-900 backdrop-blur-[1px] sm:rounded-[32px]">
                 <div className="flex items-center gap-2 rounded-full bg-stone-950 px-4 py-2 text-white shadow-lg">
@@ -554,6 +842,23 @@ export function ImageComposer({
                   >
                     <ImagePlus className="size-3.5 sm:size-4" />
                   </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    className={cn(
+                      "h-9 shrink-0 gap-1 rounded-full px-2.5 text-[11px] font-medium shadow-none sm:h-10 sm:gap-1.5 sm:px-3 sm:text-xs",
+                      isBatchMode
+                        ? "border-stone-900 bg-stone-950 text-white hover:bg-stone-800 hover:text-white active:text-white"
+                        : "border-stone-200 bg-white text-stone-700 hover:bg-stone-100",
+                    )}
+                    onClick={() => (isBatchMode ? exitBatchMode() : enterBatchMode())}
+                    data-testid="batch-toggle"
+                    aria-label={isBatchMode ? "退出批量模式" : "批量生图"}
+                    title={isBatchMode ? "退出批量模式" : "批量生图（一行一个提示词）"}
+                  >
+                    {isBatchMode ? <X className="size-3.5" /> : <List className="size-3.5" />}
+                    <span className="hidden sm:inline">批量</span>
+                  </Button>
                   {availableQuota !== "--" && (
                     onBenefitsClick ? (
                       <Button
@@ -741,7 +1046,9 @@ export function ImageComposer({
                     </div>
                   )}
                   <div className="flex h-9 shrink-0 items-center gap-1 rounded-full border border-stone-200 bg-white px-2 py-0.5 sm:h-auto sm:px-2.5 sm:py-1">
-                    <span className="hidden text-[11px] font-medium text-stone-700 sm:inline sm:text-sm">张数</span>
+                    <span className="hidden text-[11px] font-medium text-stone-700 sm:inline sm:text-sm">
+                      {isBatchMode ? "每行张数" : "张数"}
+                    </span>
                     <Input
                       type="number"
                       inputMode="numeric"
@@ -905,6 +1212,31 @@ export function ImageComposer({
                 </>
               }
               actions={
+                isBatchMode ? (
+                  <>
+                    <output
+                      data-testid="batch-estimated-credit-cost"
+                      className="text-right font-normal text-stone-400 tabular-nums min-w-[7.5rem] text-[11px] leading-tight sm:text-xs"
+                      aria-label={`批量：${batchValidRowCount} 行共 ${batchTotalCount} 张，单张 ${unitCreditCostLabel} 积分，预计扣除 ${batchEstimatedCreditCostLabel} 积分`}
+                      title={`批量 ${batchValidRowCount} 行 × ${batchTotalCount} 张，单张 ${unitCreditCostLabel} 积分，预计扣除 ${batchEstimatedCreditCostLabel} 积分`}
+                    >
+                      <span className="flex flex-col items-end">
+                        <span className="font-normal text-stone-500">预计 {batchEstimatedCreditCostLabel} 积分</span>
+                        <span className="text-[10px] text-stone-400">
+                          {batchValidRowCount} 行 · 共 {batchTotalCount} 张
+                          {batchIgnoredRowCount > 0 ? ` · 忽略 ${batchIgnoredRowCount} 行` : ""}
+                        </span>
+                      </span>
+                    </output>
+                    <PromptComposerSubmitButton
+                      onSubmit={handleBatchSubmitClick}
+                      disabled={batchValidRowCount === 0 || isSubmittingBatch}
+                      label={`开始生成 ${batchTotalCount} 张`}
+                      title={`开始生成 ${batchTotalCount} 张（共 ${batchValidRowCount} 行）`}
+                      testId="batch-submit"
+                    />
+                  </>
+                ) : (
                 <>
                   <output
                     data-testid="estimated-credit-cost"
@@ -928,6 +1260,7 @@ export function ImageComposer({
                     label={referenceImages.length > 0 ? "编辑图片" : "生成图片"}
                   />
                 </>
+                )
               }
             />
           </div>

web/src/app/image/page.tsx

@@ -10,7 +10,7 @@ import {
   buildImageExpansionPrompt,
   type ImageEditorAction,
 } from "@/app/image/components/image-annotation";
-import { ImageComposer } from "@/app/image/components/image-composer";
+import { ImageComposer, type BatchRowInput } from "@/app/image/components/image-composer";
 import { ImageResults, type ImageLightboxItem } from "@/app/image/components/image-results";
 import { ConversationSidebar, type ConversationSidebarItem } from "@/components/chat/conversation-sidebar";
 import { ImageLightbox } from "@/components/image-lightbox";
@@ -575,6 +575,10 @@ function taskDataToStoredImages(image: StoredImage, task: ImageTask): StoredImag
       conversationId: task.conversation_id || undefined,
       durationMs: task.duration_ms,
       canContinueWaiting: task.can_continue_waiting ?? Boolean(task.conversation_id),
+      // 「查看官网对话」入口：后端明确说「官网没有可核对的东西」（账号生图配额耗尽）时为
+      // false，卡片据此收掉入口。写成显式布尔值（而不是只在 false 时赋值），回填一次就稳定，
+      // 不会每次加载都重新拉这个任务。
+      canViewOfficial: task.can_view_official !== false,
     }];
   }
 
@@ -612,6 +616,7 @@ function hasStoredImageChanged(current: StoredImage, next: StoredImage) {
     current.revised_prompt !== next.revised_prompt ||
     current.error !== next.error ||
     current.upstreamNote !== next.upstreamNote ||
+    current.canViewOfficial !== next.canViewOfficial ||
     current.elapsedSecs !== next.elapsedSecs ||
     current.durationMs !== next.durationMs
   );
@@ -656,11 +661,21 @@ function mergeImageTaskResults(images: StoredImage[], taskMap: Map<string, Image
       (task.conversation_id || task.upstream_note) &&
       (!image.conversationId || !image.upstreamNote),
     );
+    // 「查看官网」入口也有同样的问题：老卡片存的是 undefined，任务里已经有明确结论时
+    // 要回填一次（true/false 都会被写死），否则配额类报错的老卡片会一直挂着没用的按钮。
+    const shouldBackfillViewOfficial = Boolean(
+      image.status === "error" &&
+      task &&
+      task.status === "error" &&
+      image.taskId &&
+      image.canViewOfficial === undefined,
+    );
     if (
       !task ||
       (image.status !== "loading" &&
         !(image.status === "success" && task.status === "success" && image.taskId) &&
-        !shouldBackfillErrorMeta)
+        !shouldBackfillErrorMeta &&
+        !shouldBackfillViewOfficial)
     ) {
       nextImages.push(image);
       continue;
@@ -764,7 +779,10 @@ async function syncConversationImageTasks(items: ImageConversation[]) {
                   (image.status === "success" && !image.b64_json && !image.url) ||
                   // 失败图缺上游会话 id / 官网原话时也拉一次任务做回填（见 mergeImageTaskResults 的
                   // shouldBackfillErrorMeta）；补齐后此条件不再命中，不会反复拉。
-                  (image.status === "error" && (!image.conversationId || !image.upstreamNote))
+                  (image.status === "error" && (!image.conversationId || !image.upstreamNote)) ||
+                  // 「查看官网」入口同理：老卡片存的是 undefined，回填后会写成显式布尔值，
+                  // 条件随即不再命中（任务确实取不到时保持原样，和上一条同一个兜底口径）。
+                  (image.status === "error" && image.canViewOfficial === undefined)
                 ) ? [image.taskId] : [],
               ),
         ),
@@ -879,6 +897,7 @@ function conversationsRecoveredFromServerTasks(tasks: ImageTask[]): ImageConvers
       // 失败恢复的旧任务同样要带上游会话 id / 官网原话，和 taskDataToStoredImages 的 error 分支保持一致。
       conversationId: task.conversation_id || undefined,
       upstreamNote: task.upstream_note || undefined,
+      canViewOfficial: task.can_view_official !== false,
       durationMs: task.duration_ms,
     }));
     if (images.length === 0) {
@@ -889,6 +908,7 @@ function conversationsRecoveredFromServerTasks(tasks: ImageTask[]): ImageConvers
         error: task.error,
         conversationId: task.conversation_id || undefined,
         upstreamNote: task.upstream_note || undefined,
+        canViewOfficial: task.can_view_official !== false,
         durationMs: task.duration_ms,
       });
     }
@@ -2977,6 +2997,123 @@ function ImagePageContent({ session }: { session: StoredAuthSession }) {
     }
   };
 
+  /**
+   * 批量生图提交：每一行展开成一个独立的 turn（复用现有单张任务链路）。
+   * 现有会话队列会顺序处理这些 queued turn，结果照常落在消息流里。
+   * 返回 false 表示校验未通过，批量输入卡保持原样。
+   */
+  const handleBatchSubmit = async (rows: BatchRowInput[]): Promise<boolean> => {
+    const validRows = rows
+      .map((row) => ({
+        prompt: String(row?.prompt || "").trim(),
+        count: Math.max(1, Math.min(100, Math.floor(Number(row?.count) || 1))),
+      }))
+      .filter((row) => row.prompt.length > 0);
+    if (validRows.length === 0) {
+      toast.error("请至少填写一行提示词");
+      return false;
+    }
+    const totalCount = validRows.reduce((sum, row) => sum + row.count, 0);
+
+    const effectiveImageMode: ImageConversationMode = referenceImageFiles.length > 0 ? "edit" : "generate";
+    const requestedResolution = ["1k", "2k", "4k"].includes(imageResolution) ? imageResolution : "1k";
+    const effectiveThirdPartyModel = selectedThirdPartyModel;
+    const useThirdPartyImageApi = Boolean(effectiveThirdPartyModel);
+    if ((imageResolution === "4k" || thirdPartyImageGroupId) && !effectiveThirdPartyModel) {
+      toast.error(imageResolution === "4k" ? "后台还没有为当前用户开启可用的 4K 生图 API" : "这个 API 模型当前不可用，请在后台确认模型已启用");
+      return false;
+    }
+    if (imageModel.trim().toLowerCase() === "gpt-image-2-4k" && !imageSize.trim()) {
+      toast.error("使用 gpt-image-2-4k 时必须先选择图片比例");
+      return false;
+    }
+    const batchEstimatedCredits = Math.round(selectedUnitCreditCost * totalCount * 100) / 100;
+    if (isNormalUser && useThirdPartyImageApi) {
+      if (!canAffordThirdPartyImages(creditSummary, effectiveThirdPartyModel, totalCount)) {
+        toast.error("剩余可用积分不足，请先充值");
+        setIsRedeemOpen(true);
+        return false;
+      }
+    }
+    if (isNormalUser && !useThirdPartyImageApi && (creditSummary?.credits ?? 0) < batchEstimatedCredits) {
+      toast.error("剩余积分不足，请先充值");
+      setIsRedeemOpen(true);
+      return false;
+    }
+    if (
+      isNormalUser &&
+      !useThirdPartyImageApi &&
+      !canFallbackToStandardImageApi &&
+      accountPoolQuotaCount !== null &&
+      accountPoolQuotaCount < totalCount
+    ) {
+      const siteCredits = toCreditAmount(creditSummary?.credits) ?? 0;
+      if (siteCredits < batchEstimatedCredits) {
+        toast.error("剩余积分不足，请先充值");
+        setIsRedeemOpen(true);
+      } else {
+        toast.error("号池可用生图额度不足，请提醒站长补充账号");
+      }
+      return false;
+    }
+
+    const targetConversation = selectedConversationId
+      ? conversationsRef.current.find((conversation) => conversation.id === selectedConversationId) ?? null
+      : null;
+    const effectiveThirdPartyResolution = effectiveThirdPartyModel ? thirdPartyModelResolution(effectiveThirdPartyModel) : requestedResolution;
+    const effectiveThirdPartyQuality = effectiveThirdPartyModel
+      ? thirdPartyModelDefaultQuality(effectiveThirdPartyModel)
+      : imageQuality;
+    const now = new Date().toISOString();
+    const conversationId = targetConversation?.id ?? createId();
+
+    const batchTurns: ImageTurn[] = validRows.map((row) => {
+      const turnId = createId();
+      return {
+        id: turnId,
+        prompt: row.prompt,
+        model: useThirdPartyImageApi ? effectiveThirdPartyModel?.id || imageModel : "gpt-image-2",
+        mode: effectiveImageMode,
+        referenceImages: effectiveImageMode === "edit" ? referenceImages : [],
+        count: row.count,
+        size: imageSize,
+        quality: useThirdPartyImageApi ? effectiveThirdPartyQuality : undefined,
+        resolution: useThirdPartyImageApi ? effectiveThirdPartyResolution : undefined,
+        thirdPartyImageGroupId: useThirdPartyImageApi ? effectiveThirdPartyModel?.group_id : undefined,
+        memoryEnabled: isMemoryEnabled,
+        images: createLoadingImages(turnId, row.count),
+        createdAt: now,
+        status: "queued",
+      };
+    });
+
+    const baseConversation: ImageConversation = targetConversation
+      ? {
+          ...targetConversation,
+          updatedAt: now,
+          turns: [...targetConversation.turns, ...batchTurns],
+        }
+      : {
+          id: conversationId,
+          title: buildConversationTitle(validRows[0].prompt),
+          createdAt: now,
+          updatedAt: now,
+          turns: batchTurns,
+        };
+
+    shouldStickToBottomRef.current = true;
+    setScrollToLatestVisible(false);
+    setSelectedConversationId(conversationId);
+
+    await persistConversation(baseConversation);
+    clearComposerInputs();
+    void clearImageComposerDraft();
+    void runConversationQueue(conversationId);
+
+    toast.success(`已提交 ${validRows.length} 行，共 ${totalCount} 张`);
+    return true;
+  };
+
   const handleRedeem = async () => {
     const normalizedCode = redeemValue.trim();
     if (!normalizedCode) {
@@ -3472,6 +3609,7 @@ function ImagePageContent({ session }: { session: StoredAuthSession }) {
               onMemoryToggle={() => setIsMemoryEnabled((value) => !value)}
               onAccountPoolStrategyChange={setAccountPoolStrategy}
               onSubmit={handleSubmit}
+              onBatchSubmit={handleBatchSubmit}
               onOptimizePrompt={handleOptimizePrompt}
               isOptimizingPrompt={isOptimizingPrompt}
               onBenefitsClick={isNormalUser ? () => setIsBenefitsOpen(true) : undefined}

web/src/components/prompt-composer.tsx

@@ -345,6 +345,7 @@ type PromptComposerSubmitButtonProps = {
   label: string;
   title?: string;
   className?: string;
+  testId?: string;
 };
 
 export function PromptComposerSubmitButton({
@@ -355,6 +356,7 @@ export function PromptComposerSubmitButton({
   label,
   title = "发送（Enter）",
   className,
+  testId,
 }: PromptComposerSubmitButtonProps) {
   return (
     <button
@@ -365,6 +367,7 @@ export function PromptComposerSubmitButton({
         else void onSubmit();
       }}
       disabled={isSubmitting ? !onStop : disabled}
+      data-testid={testId}
       className={cn(
         "inline-flex size-10 shrink-0 items-center justify-center rounded-full bg-stone-950 text-white transition-[transform,background-color] duration-150 ease-out hover:bg-stone-800 active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stone-300 disabled:cursor-not-allowed disabled:bg-stone-300 disabled:opacity-100 sm:size-11 motion-reduce:transition-none",
         className,