fix(canvas): render generated image thumbnails first

components/canvas/nodes/ImageNode.tsx

@@ -2145,6 +2145,7 @@ export function ImageNode({
             updateCurrentGeneratingTaskNode((currentData) => ({
               ...currentData,
               src: imageUrl,
+              thumbnailUrl: image?.thumbnailUrl || imageUrl,
               status: "completed",
               prompt: task.result?.prompt || currentData.prompt || "图片生成结果",
               model: task.result?.model || task.result?.modelRef || currentData.model,
@@ -2471,14 +2472,18 @@ export function ImageNode({
     );
   }, [node.size.width, shouldUseHighFidelityDisplayImage, viewportZoom]);
   const displayImageQuality = shouldUseHighFidelityDisplayImage ? 92 : 88;
+  const displayImageSource =
+    data.thumbnailUrl && !shouldUseHighFidelityDisplayImage
+      ? data.thumbnailUrl
+      : data.src;
   const displayImageSrc = useMemo(
     () =>
-      buildImageProxyUrl(data.src, {
+      buildImageProxyUrl(displayImageSource, {
         width: displayImageWidth,
         quality: displayImageQuality,
         format: "webp",
       }),
-    [data.src, displayImageQuality, displayImageWidth]
+    [displayImageQuality, displayImageSource, displayImageWidth]
   );
   const fullscreenPreviewSrc = useMemo(() => {
     const originalUrl = resolveOriginalImageUrl(data.src || "");
@@ -4550,6 +4555,7 @@ export function ImageNode({
           updateNode(newNodeId, {
             data: {
               src: generatedUrl,
+              thumbnailUrl: generatedImage?.thumbnailUrl || generatedUrl,
               status: "completed",
               prompt:
                 task.result?.prompt ||

types/canvas/index.ts

@@ -59,6 +59,7 @@ export interface ImageTextEditItem {
 // 图片节点数据
 export interface ImageNodeData {
   src: string;
+  thumbnailUrl?: string;
   assetId?: string;
   title?: string;
   note?: string;