fix: 修复图片创作删除与垃圾桶预览

core/frontend/src/routes/ai-tools.tsx

@@ -738,6 +738,8 @@ export function ImageWorkbenchPage({
   // 重命名:正在改名的对话 id + 草稿
   const [renamingId, setRenamingId] = useState("");
   const [renameDraft, setRenameDraft] = useState("");
+  // 整条对话删除独立确认，不与单图/批次删除状态耦合。
+  const [pendingDeleteConversation, setPendingDeleteConversation] = useState<ImageConversation | null>(null);
   // 参考图:支持多张(可多选 / 多次追加),逐张可移除。提交时上传成 Asset 作生成参考。
   const [refImages, setRefImages] = useState<{ name: string; url: string; file: File }[]>([]);
   const refInputRef = useRef<HTMLInputElement | null>(null);
@@ -1050,8 +1052,16 @@ export function ImageWorkbenchPage({
     try { await api.renameConversation(convId, title); } catch { void loadConversations(); }
   }
 
-  // 删除对话(软删):从列表移除;删的是当前对话则切到剩下第一条或清空
+  // 删除对话(软删):接口成功后再从列表移除；删的是当前对话则切到剩下第一条或清空。
   async function handleDeleteConversation(convId: string) {
+    try {
+      await api.deleteConversation(convId);
+      setConvError("");
+    } catch (error) {
+      setConvError(error instanceof Error ? error.message : "删除对话失败，请稍后重试");
+      void loadConversations();
+      return;
+    }
     const remaining = conversations.filter((c) => c.id !== convId);
     setConversations(remaining);
     if (convId === activeConvId) {
@@ -1061,7 +1071,13 @@ export function ImageWorkbenchPage({
       if (nextActive) void loadConvBatches(nextActive);
       else setBatches([]);
     }
-    try { await api.deleteConversation(convId); } catch { void loadConversations(); }
+  }
+
+  async function confirmDeleteConversation() {
+    const target = pendingDeleteConversation;
+    setPendingDeleteConversation(null);
+    if (!target) return;
+    await handleDeleteConversation(target.id);
   }
 
   // 列表加载:image 模式才用对话(model/cover 走商品空间布局)。
@@ -1682,7 +1698,7 @@ export function ImageWorkbenchPage({
                     <button
                       type="button"
                       title="删除对话"
-                      onClick={(e) => { e.stopPropagation(); handleDeleteConversation(conv.id); }}
+                      onClick={(e) => { e.stopPropagation(); setPendingDeleteConversation(conv); }}
                     >
                       <Trash2 size={12} />
                     </button>
@@ -1823,6 +1839,16 @@ export function ImageWorkbenchPage({
             </div>
           </div>
         </section>
+        <ConfirmModal
+          open={!!pendingDeleteConversation}
+          title="删除当前对话"
+          subtitle="// DELETE"
+          icon={<Trash2 size={16} />}
+          detail="删除后可在垃圾桶恢复，是否需要删除？"
+          confirmText="删除"
+          onCancel={() => setPendingDeleteConversation(null)}
+          onConfirm={confirmDeleteConversation}
+        />
         {/* R108/R109:删除二次确认 —— 单张 / 整批共用,确认后软删进垃圾桶 */}
         <ConfirmModal
           open={!!confirmDel}