Refine image conversation record controls

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

@@ -18,7 +18,9 @@ type ImageResultsProps = {
   selectedConversation: ImageConversation | null;
   onOpenLightbox: (images: ImageLightboxItem[], index: number) => void;
   onContinueEdit: (conversationId: string, image: StoredImage | StoredReferenceImage) => void;
-  onDeleteTurn: (conversationId: string, turnId: string) => void;
+  onDeletePrompt: (conversationId: string, turnId: string) => void;
+  onDeleteResults: (conversationId: string, turnId: string) => void;
+  onReuseTurnConfig: (conversationId: string, turnId: string) => void | Promise<void>;
   onRegenerateTurn: (conversationId: string, turnId: string) => void | Promise<void>;
   onRetryImage: (conversationId: string, turnId: string, imageId: string) => void | Promise<void>;
   formatConversationTime: (value: string) => string;
@@ -35,7 +37,9 @@ export function ImageResults({
   selectedConversation,
   onOpenLightbox,
   onContinueEdit,
-  onDeleteTurn,
+  onDeletePrompt,
+  onDeleteResults,
+  onReuseTurnConfig,
   onRegenerateTurn,
   onRetryImage,
   formatConversationTime,
@@ -100,118 +104,60 @@ export function ImageResults({
 
         return (
           <div key={turn.id} className="flex flex-col gap-3 sm:gap-4">
-            <div className="flex justify-end">
-              <div className="max-w-[90%] px-1 py-1 text-[14px] leading-6 text-stone-900 sm:max-w-[82%] sm:text-[15px] sm:leading-7">
-                <div className="mb-1.5 flex flex-wrap justify-end gap-2 text-[11px] text-stone-400 sm:mb-2">
-                  <span>第 {turnIndex + 1} 轮</span>
-                  <span>
-                    {turn.mode === "edit" ? "编辑图" : "文生图"}
-                  </span>
-                  <span>{getTurnStatusLabel(turn.status)}</span>
-                  <span>{formatConversationTime(turn.createdAt)}</span>
-                </div>
-                <div className="text-right">{turn.prompt}</div>
-                <div className="mt-2 flex flex-wrap justify-end gap-1.5">
-                  <button
-                    type="button"
-                    onClick={() => void onRegenerateTurn(selectedConversation.id, turn.id)}
-                    className="inline-flex items-center gap-1 rounded-full bg-stone-100 px-2.5 py-1 text-[11px] font-medium text-stone-600 transition hover:bg-stone-200 hover:text-stone-900"
-                  >
-                    <RotateCcw className="size-3" />
-                    全部重新生成
-                  </button>
-                  <button
-                    type="button"
-                    onClick={() => onDeleteTurn(selectedConversation.id, turn.id)}
-                    className="inline-flex items-center gap-1 rounded-full bg-rose-50 px-2.5 py-1 text-[11px] font-medium text-rose-600 transition hover:bg-rose-100"
-                  >
-                    <Trash2 className="size-3" />
-                    删除本轮
-                  </button>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex justify-start">
-              <div className="w-full p-1">
-                {turn.referenceImages.length > 0 ? (
-                  <div className="mb-4 flex flex-col items-end">
-                    <div className="mb-3 text-xs font-medium text-stone-500">本轮参考图</div>
-                    <div className="flex flex-wrap justify-end gap-3">
-                      {turn.referenceImages.map((image, index) => (
-                        <div key={`${turn.id}-${image.name}-${index}`} className="flex flex-col items-end gap-2">
-                          <button
-                            type="button"
-                            onClick={() => onOpenLightbox(referenceLightboxImages, index)}
-                            className="group relative h-24 w-24 overflow-hidden border border-stone-200/80 bg-stone-100/60 text-left transition hover:border-stone-300"
-                            aria-label={`预览参考图 ${image.name || index + 1}`}
-                          >
-                            <img
-                              src={image.dataUrl}
-                              alt={image.name || `参考图 ${index + 1}`}
-                              className="absolute inset-0 h-full w-full object-cover transition duration-200 group-hover:scale-[1.02]"
-                            />
-                          </button>
-                          <Button
-                            variant="outline"
-                            size="sm"
-                            className="rounded-full border-stone-200 bg-white text-stone-700 hover:bg-stone-50"
-                            onClick={() => onContinueEdit(selectedConversation.id, image)}
-                          >
-                            <Sparkles className="size-4" />
-                            加入编辑
-                          </Button>
-                        </div>
-                      ))}
-                    </div>
+            {!turn.promptDeleted ? (
+              <div className="flex justify-end">
+                <div className="max-w-[90%] px-1 py-1 text-[14px] leading-6 text-stone-900 sm:max-w-[82%] sm:text-[15px] sm:leading-7">
+                  <div className="mb-1.5 flex flex-wrap justify-end gap-2 text-[11px] text-stone-400 sm:mb-2">
+                    <span>第 {turnIndex + 1} 轮</span>
+                    <span>
+                      {turn.mode === "edit" ? "编辑图" : "文生图"}
+                    </span>
+                    <span>{getTurnStatusLabel(turn.status)}</span>
+                    <span>{formatConversationTime(turn.createdAt)}</span>
+                  </div>
+                  <div className="text-right">{turn.prompt}</div>
+                  <div className="mt-2 flex flex-wrap justify-end gap-1.5">
+                    <button
+                      type="button"
+                      onClick={() => void onReuseTurnConfig(selectedConversation.id, turn.id)}
+                      className="inline-flex items-center gap-1 rounded-full bg-stone-100 px-2.5 py-1 text-[11px] font-medium text-stone-600 transition hover:bg-stone-200 hover:text-stone-900"
+                    >
+                      复用配置
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => onDeletePrompt(selectedConversation.id, turn.id)}
+                      className="inline-flex size-6 items-center justify-center rounded-full text-stone-300 transition hover:bg-rose-50 hover:text-rose-500"
+                      aria-label="删除提示词记录"
+                    >
+                      <Trash2 className="size-3" />
+                    </button>
                   </div>
-                ) : null}
-
-                <div className="mb-3 flex flex-wrap items-center gap-1.5 text-[11px] text-stone-500 sm:mb-4 sm:gap-2 sm:text-xs">
-                  <span className="rounded-full bg-stone-100 px-3 py-1">{turn.count} 张</span>
-                  <span className="rounded-full bg-stone-100 px-3 py-1">{getTurnStatusLabel(turn.status)}</span>
-                  {turn.status === "queued" ? (
-                    <span className="rounded-full bg-amber-50 px-3 py-1 text-amber-700">等待当前对话中的前序任务完成</span>
-                  ) : null}
                 </div>
+              </div>
+            ) : null}
 
-                <div className="grid grid-cols-3 gap-2 sm:columns-2 sm:block sm:gap-4 sm:space-y-4 xl:columns-3">
-                  {turn.images.map((image, index) => {
-                    const imageSrc = image.status === "success" ? getStoredImageSrc(image) : "";
-                    if (image.status === "success" && imageSrc) {
-                      const currentIndex = successfulTurnImages.findIndex((item) => item.id === image.id);
-                      const sizeLabel = image.b64_json ? formatBase64ImageSize(image.b64_json) : "";
-                      const dimensions = imageDimensions[image.id];
-                      const imageMeta = [sizeLabel, dimensions].filter(Boolean).join(" · ");
-
-                      return (
-                        <div
-                          key={image.id}
-                          className="break-inside-avoid overflow-hidden rounded-xl bg-white sm:rounded-none"
-                        >
-                          <button
-                            type="button"
-                            onClick={() => onOpenLightbox(successfulTurnImages, currentIndex)}
-                            className="group block aspect-square w-full cursor-zoom-in overflow-hidden sm:aspect-auto"
-                          >
-                            <img
-                              src={imageSrc}
-                              alt={`Generated result ${index + 1}`}
-                              className="block h-full w-full object-cover transition duration-200 group-hover:brightness-90 sm:h-auto sm:object-contain"
-                              onLoad={(event) => {
-                                updateImageDimensions(
-                                  image.id,
-                                  event.currentTarget.naturalWidth,
-                                  event.currentTarget.naturalHeight,
-                                );
-                              }}
-                            />
-                          </button>
-                          <div className="hidden items-center justify-between gap-2 px-3 py-3 sm:flex">
-                            <div className="min-w-0 text-xs text-stone-500">
-                              <span>结果 {index + 1}</span>
-                              {imageMeta ? <span className="ml-2 text-stone-400">{imageMeta}</span> : null}
-                            </div>
+            {!turn.resultsDeleted ? (
+              <div className="flex justify-start">
+                <div className="w-full p-1">
+                  {turn.referenceImages.length > 0 ? (
+                    <div className="mb-4 flex flex-col items-end">
+                      <div className="mb-3 text-xs font-medium text-stone-500">本轮参考图</div>
+                      <div className="flex flex-wrap justify-end gap-3">
+                        {turn.referenceImages.map((image, index) => (
+                          <div key={`${turn.id}-${image.name}-${index}`} className="flex flex-col items-end gap-2">
+                            <button
+                              type="button"
+                              onClick={() => onOpenLightbox(referenceLightboxImages, index)}
+                              className="group relative h-24 w-24 overflow-hidden border border-stone-200/80 bg-stone-100/60 text-left transition hover:border-stone-300"
+                              aria-label={`预览参考图 ${image.name || index + 1}`}
+                            >
+                              <img
+                                src={image.dataUrl}
+                                alt={image.name || `参考图 ${index + 1}`}
+                                className="absolute inset-0 h-full w-full object-cover transition duration-200 group-hover:scale-[1.02]"
+                              />
+                            </button>
                             <Button
                               variant="outline"
                               size="sm"
@@ -222,74 +168,154 @@ export function ImageResults({
                               加入编辑
                             </Button>
                           </div>
-                        </div>
-                      );
-                    }
+                        ))}
+                      </div>
+                    </div>
+                  ) : null}
+
+                  <div className="mb-3 flex flex-wrap items-center gap-1.5 text-[11px] text-stone-500 sm:mb-4 sm:gap-2 sm:text-xs">
+                    <span className="rounded-full bg-stone-100 px-3 py-1">{turn.count} 张</span>
+                    <span className="rounded-full bg-stone-100 px-3 py-1">{getTurnStatusLabel(turn.status)}</span>
+                    {turn.status === "queued" ? (
+                      <span className="rounded-full bg-amber-50 px-3 py-1 text-amber-700">等待当前对话中的前序任务完成</span>
+                    ) : null}
+                  </div>
+
+                  <div className="grid grid-cols-3 gap-2 sm:block sm:columns-2 sm:gap-4 sm:space-y-4 xl:columns-3">
+                    {turn.images.map((image, index) => {
+                      const imageSrc = image.status === "success" ? getStoredImageSrc(image) : "";
+                      if (image.status === "success" && imageSrc) {
+                        const currentIndex = successfulTurnImages.findIndex((item) => item.id === image.id);
+                        const sizeLabel = image.b64_json ? formatBase64ImageSize(image.b64_json) : "";
+                        const dimensions = imageDimensions[image.id];
+                        const imageMeta = [sizeLabel, dimensions].filter(Boolean).join(" · ");
+
+                        return (
+                          <div
+                            key={image.id}
+                            className="break-inside-avoid overflow-hidden rounded-xl sm:rounded-none"
+                          >
+                            <button
+                              type="button"
+                              onClick={() => onOpenLightbox(successfulTurnImages, currentIndex)}
+                              className="group block aspect-square w-full cursor-zoom-in overflow-hidden sm:aspect-auto"
+                            >
+                              <img
+                                src={imageSrc}
+                                alt={`Generated result ${index + 1}`}
+                                className="block h-full w-full object-cover transition duration-200 group-hover:brightness-90 sm:h-auto sm:object-contain"
+                                onLoad={(event) => {
+                                  updateImageDimensions(
+                                    image.id,
+                                    event.currentTarget.naturalWidth,
+                                    event.currentTarget.naturalHeight,
+                                  );
+                                }}
+                              />
+                            </button>
+                            <div className="hidden items-center justify-between gap-2 px-3 py-3 sm:flex">
+                              <div className="min-w-0 text-xs text-stone-500">
+                                <span>结果 {index + 1}</span>
+                                {imageMeta ? <span className="ml-2 text-stone-400">{imageMeta}</span> : null}
+                              </div>
+                              <Button
+                                variant="outline"
+                                size="sm"
+                                className="rounded-full border-stone-200 bg-white text-stone-700 hover:bg-stone-50"
+                                onClick={() => onContinueEdit(selectedConversation.id, image)}
+                              >
+                                <Sparkles className="size-4" />
+                                加入编辑
+                              </Button>
+                            </div>
+                          </div>
+                        );
+                      }
+
+                      if (image.status === "error") {
+                        return (
+                          <div
+                            key={image.id}
+                            className={cn(
+                              "break-inside-avoid overflow-hidden rounded-xl border border-rose-200 bg-rose-50 sm:rounded-none",
+                              "aspect-square",
+                              turn.size === "1:1" && "sm:aspect-square",
+                              turn.size === "16:9" && "sm:aspect-video",
+                              turn.size === "9:16" && "sm:aspect-[9/16]",
+                              turn.size === "4:3" && "sm:aspect-[4/3]",
+                              turn.size === "3:4" && "sm:aspect-[3/4]",
+                              !["1:1", "16:9", "9:16", "4:3", "3:4"].includes(turn.size) && "sm:aspect-square",
+                            )}
+                          >
+                            <div className="flex h-full min-h-16 flex-col items-center justify-center gap-1.5 px-2 py-2 text-center text-[11px] leading-4 text-rose-600 sm:gap-3 sm:px-6 sm:py-8 sm:text-sm sm:leading-6">
+                              <span className="line-clamp-2 sm:line-clamp-none">{image.error || "生成失败"}</span>
+                              <button
+                                type="button"
+                                onClick={() => void onRetryImage(selectedConversation.id, turn.id, image.id)}
+                                className="rounded-full bg-white px-2 py-1 text-[10px] font-medium text-rose-600 shadow-sm transition hover:bg-rose-100 sm:px-3 sm:text-xs"
+                              >
+                                重新生成这一张
+                              </button>
+                            </div>
+                          </div>
+                        );
+                      }
 
-                    if (image.status === "error") {
                       return (
                         <div
                           key={image.id}
                           className={cn(
-                            "break-inside-avoid overflow-hidden rounded-xl border border-rose-200 bg-rose-50 sm:rounded-none",
-                            "aspect-square",
-                            turn.size === "1:1" && "sm:aspect-square",
-                            turn.size === "16:9" && "sm:aspect-video",
-                            turn.size === "9:16" && "sm:aspect-[9/16]",
-                            turn.size === "4:3" && "sm:aspect-[4/3]",
-                            turn.size === "3:4" && "sm:aspect-[3/4]",
-                            !["1:1", "16:9", "9:16", "4:3", "3:4"].includes(turn.size) && "sm:aspect-square",
+                            "break-inside-avoid overflow-hidden rounded-xl border border-stone-200/80 bg-stone-100/80 sm:rounded-none",
+                            turn.size === "1:1" && "aspect-square",
+                            turn.size === "16:9" && "aspect-video",
+                            turn.size === "9:16" && "aspect-[9/16]",
+                            turn.size === "4:3" && "aspect-[4/3]",
+                            turn.size === "3:4" && "aspect-[3/4]",
+                            !["1:1", "16:9", "9:16", "4:3", "3:4"].includes(turn.size) && "aspect-square",
                           )}
                         >
-                          <div className="flex h-full min-h-16 flex-col items-center justify-center gap-1.5 px-2 py-2 text-center text-[11px] leading-4 text-rose-600 sm:gap-3 sm:px-6 sm:py-8 sm:text-sm sm:leading-6">
-                            <span className="line-clamp-2 sm:line-clamp-none">{image.error || "生成失败"}</span>
-                            <button
-                              type="button"
-                              onClick={() => void onRetryImage(selectedConversation.id, turn.id, image.id)}
-                              className="rounded-full bg-white px-2 py-1 text-[10px] font-medium text-rose-600 shadow-sm transition hover:bg-rose-100 sm:px-3 sm:text-xs"
-                            >
-                              重新生成这一张
-                            </button>
+                          <div className="flex h-full flex-col items-center justify-center gap-1.5 px-2 py-3 text-center text-stone-500 sm:gap-3 sm:px-6 sm:py-8">
+                            <div className="rounded-full bg-white p-2 shadow-sm sm:p-3">
+                              {turn.status === "queued" ? (
+                                <Clock3 className="size-4 sm:size-5" />
+                              ) : (
+                                <LoaderCircle className="size-4 animate-spin sm:size-5" />
+                              )}
+                            </div>
+                            <p className="text-[10px] leading-4 sm:text-sm">{turn.status === "queued" ? "排队中" : "处理中"}</p>
                           </div>
                         </div>
                       );
-                    }
+                    })}
+                  </div>
 
-                    return (
-                      <div
-                        key={image.id}
-                        className={cn(
-                          "break-inside-avoid overflow-hidden rounded-xl border border-stone-200/80 bg-stone-100/80 sm:rounded-none",
-                          turn.size === "1:1" && "aspect-square",
-                          turn.size === "16:9" && "aspect-video",
-                          turn.size === "9:16" && "aspect-[9/16]",
-                          turn.size === "4:3" && "aspect-[4/3]",
-                          turn.size === "3:4" && "aspect-[3/4]",
-                          !["1:1", "16:9", "9:16", "4:3", "3:4"].includes(turn.size) && "aspect-square",
-                        )}
-                      >
-                        <div className="flex h-full flex-col items-center justify-center gap-1.5 px-2 py-3 text-center text-stone-500 sm:gap-3 sm:px-6 sm:py-8">
-                          <div className="rounded-full bg-white p-2 shadow-sm sm:p-3">
-                            {turn.status === "queued" ? (
-                              <Clock3 className="size-4 sm:size-5" />
-                            ) : (
-                              <LoaderCircle className="size-4 animate-spin sm:size-5" />
-                            )}
-                          </div>
-                          <p className="text-[10px] leading-4 sm:text-sm">{turn.status === "queued" ? "排队中" : "处理中"}</p>
-                        </div>
-                      </div>
-                    );
-                  })}
-                </div>
+                  {turn.status === "error" && turn.error ? (
+                    <div className="mt-4 border-l-2 border-amber-300 bg-amber-50/70 px-4 py-3 text-sm leading-6 text-amber-700">
+                      {turn.error}
+                    </div>
+                  ) : null}
 
-                {turn.status === "error" && turn.error ? (
-                  <div className="mt-4 border-l-2 border-amber-300 bg-amber-50/70 px-4 py-3 text-sm leading-6 text-amber-700">
-                    {turn.error}
+                  <div className="mt-3 flex items-center gap-1.5 text-[11px] sm:mt-4">
+                    <button
+                      type="button"
+                      onClick={() => void onRegenerateTurn(selectedConversation.id, turn.id)}
+                      className="inline-flex items-center gap-1 rounded-full bg-stone-100 px-2.5 py-1 font-medium text-stone-500 transition hover:bg-stone-200 hover:text-stone-900"
+                    >
+                      <RotateCcw className="size-3" />
+                      全部重新生成
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => onDeleteResults(selectedConversation.id, turn.id)}
+                      className="inline-flex size-6 items-center justify-center rounded-full text-stone-300 transition hover:bg-rose-50 hover:text-rose-500"
+                      aria-label="删除生成结果"
+                    >
+                      <Trash2 className="size-3" />
+                    </button>
                   </div>
-                ) : null}
+                </div>
               </div>
-            </div>
+            ) : null}
           </div>
         );
       })}

web/src/app/image/page.tsx

@@ -222,7 +222,9 @@ async function syncConversationImageTasks(items: ImageConversation[]) {
     new Set(
       items.flatMap((conversation) =>
         conversation.turns.flatMap((turn) =>
-          turn.images.flatMap((image) => (image.status === "loading" && image.taskId ? [image.taskId] : [])),
+          turn.resultsDeleted
+            ? []
+            : turn.images.flatMap((image) => (image.status === "loading" && image.taskId ? [image.taskId] : [])),
         ),
       ),
     ),
@@ -355,7 +357,11 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
   const [lightboxOpen, setLightboxOpen] = useState(false);
   const [lightboxIndex, setLightboxIndex] = useState(0);
   const [deleteConfirm, setDeleteConfirm] = useState<
-    { type: "one"; id: string } | { type: "turn"; conversationId: string; turnId: string } | { type: "all" } | null
+    | { type: "one"; id: string }
+    | { type: "prompt"; conversationId: string; turnId: string }
+    | { type: "results"; conversationId: string; turnId: string }
+    | { type: "all" }
+    | null
   >(null);
 
   const parsedCount = useMemo(() => Number(clampImageCount(imageCount)), [imageCount]);
@@ -372,15 +378,25 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
     [conversations],
   );
   const deleteConfirmTitle =
-    deleteConfirm?.type === "all" ? "清空历史记录" : deleteConfirm?.type === "turn" ? "删除本轮记录" : deleteConfirm?.type === "one" ? "删除对话" : "";
+    deleteConfirm?.type === "all"
+      ? "清空历史记录"
+      : deleteConfirm?.type === "prompt"
+        ? "删除提示词记录"
+        : deleteConfirm?.type === "results"
+          ? "删除生成结果"
+          : deleteConfirm?.type === "one"
+            ? "删除对话"
+            : "";
   const deleteConfirmDescription =
     deleteConfirm?.type === "all"
       ? "确认删除全部图片历史记录吗？删除后无法恢复。"
-      : deleteConfirm?.type === "turn"
-        ? "确认删除这轮提示词和生成记录吗？删除后无法恢复。"
-        : deleteConfirm?.type === "one"
-          ? "确认删除这条图片对话吗？删除后无法恢复。"
-          : "";
+      : deleteConfirm?.type === "prompt"
+        ? "确认删除这条提示词记录吗？对应生成结果会保留。"
+        : deleteConfirm?.type === "results"
+          ? "确认删除这条生成结果吗？对应提示词记录会保留。"
+          : deleteConfirm?.type === "one"
+            ? "确认删除这条图片对话吗？删除后无法恢复。"
+            : "";
 
   useEffect(() => {
     conversationsRef.current = conversations;
@@ -574,13 +590,35 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
     }
   };
 
-  const handleDeleteTurn = async (conversationId: string, turnId: string) => {
+  const handleDeleteTurnPart = async (conversationId: string, turnId: string, part: "prompt" | "results") => {
     const conversation = conversationsRef.current.find((item) => item.id === conversationId);
     if (!conversation) {
       return;
     }
 
-    const turns = conversation.turns.filter((turn) => turn.id !== turnId);
+    const turns = conversation.turns
+      .map((turn) => {
+        if (turn.id !== turnId) {
+          return turn;
+        }
+        const nextTurn = {
+          ...turn,
+          promptDeleted: part === "prompt" ? true : turn.promptDeleted,
+          resultsDeleted: part === "results" ? true : turn.resultsDeleted,
+          status: part === "results" && turn.status === "generating" ? "error" as const : turn.status,
+          images:
+            part === "results"
+              ? turn.images.map((image) =>
+                  image.status === "loading"
+                    ? { ...image, status: "error" as const, error: "生成结果已删除" }
+                    : image,
+                )
+              : turn.images,
+        };
+        return nextTurn.promptDeleted && nextTurn.resultsDeleted ? null : nextTurn;
+      })
+      .filter((turn): turn is ImageTurn => Boolean(turn));
+
     if (turns.length === 0) {
       await handleDeleteConversation(conversationId);
       return;
@@ -613,8 +651,12 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
     setDeleteConfirm({ type: "one", id });
   };
 
-  const openDeleteTurnConfirm = (conversationId: string, turnId: string) => {
-    setDeleteConfirm({ type: "turn", conversationId, turnId });
+  const openDeletePromptConfirm = (conversationId: string, turnId: string) => {
+    setDeleteConfirm({ type: "prompt", conversationId, turnId });
+  };
+
+  const openDeleteResultsConfirm = (conversationId: string, turnId: string) => {
+    setDeleteConfirm({ type: "results", conversationId, turnId });
   };
 
   const openClearHistoryConfirm = () => {
@@ -632,8 +674,8 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
       await handleClearHistory();
       return;
     }
-    if (target.type === "turn") {
-      await handleDeleteTurn(target.conversationId, target.turnId);
+    if (target.type === "prompt" || target.type === "results") {
+      await handleDeleteTurnPart(target.conversationId, target.turnId, target.type);
       return;
     }
     await handleDeleteConversation(target.id);
@@ -715,6 +757,28 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
     [],
   );
 
+  const handleReuseTurnConfig = useCallback(async (conversationId: string, turnId: string) => {
+    const conversation = conversationsRef.current.find((item) => item.id === conversationId);
+    const turn = conversation?.turns.find((item) => item.id === turnId);
+    if (!conversation || !turn) {
+      return;
+    }
+
+    setSelectedConversationId(conversationId);
+    setImagePrompt(turn.prompt);
+    setImageCount(String(Math.max(1, turn.count || turn.images.length || 1)));
+    setImageSize(turn.size);
+    setReferenceImages(turn.referenceImages);
+    setReferenceImageFiles(
+      turn.referenceImages.map((image) => dataUrlToFile(image.dataUrl, image.name, image.type)),
+    );
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+    textareaRef.current?.focus();
+    toast.success("已复用这条提示词配置");
+  }, []);
+
   const openLightbox = useCallback((images: ImageLightboxItem[], index: number) => {
     if (images.length === 0) {
       return;
@@ -981,6 +1045,7 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
         !activeConversationQueueIds.has(conversation.id) &&
         conversation.turns.some(
           (turn) =>
+            !turn.resultsDeleted &&
             (turn.status === "queued" || turn.status === "generating") &&
             turn.images.some((image) => image.status === "loading"),
         )
@@ -1129,7 +1194,9 @@ function ImagePageContent({ isAdmin }: { isAdmin: boolean }) {
               selectedConversation={selectedConversation}
               onOpenLightbox={openLightbox}
               onContinueEdit={handleContinueEdit}
-              onDeleteTurn={openDeleteTurnConfirm}
+              onDeletePrompt={openDeletePromptConfirm}
+              onDeleteResults={openDeleteResultsConfirm}
+              onReuseTurnConfig={handleReuseTurnConfig}
               onRegenerateTurn={handleRegenerateTurn}
               onRetryImage={handleRetryImage}
               formatConversationTime={formatConversationTime}

web/src/store/image-conversations.ts

@@ -36,6 +36,8 @@ export type ImageTurn = {
   createdAt: string;
   status: ImageTurnStatus;
   error?: string;
+  promptDeleted?: boolean;
+  resultsDeleted?: boolean;
 };
 
 export type ImageConversation = {
@@ -144,6 +146,8 @@ function normalizeTurn(turn: ImageTurn & Record<string, unknown>): ImageTurn {
         ? turn.status
         : derivedStatus,
     error: typeof turn.error === "string" ? turn.error : undefined,
+    promptDeleted: turn.promptDeleted === true,
+    resultsDeleted: turn.resultsDeleted === true,
   };
 }
 
@@ -265,6 +269,9 @@ export function getImageConversationStats(conversation: ImageConversation | null
 
   return conversation.turns.reduce(
     (acc, turn) => {
+      if (turn.resultsDeleted) {
+        return acc;
+      }
       if (turn.status === "queued") {
         acc.queued += 1;
       } else if (turn.status === "generating") {