auto-save 2026-05-13 11:34 (~3)

web/components/dashboard.tsx

@@ -6,7 +6,7 @@ import {
   Mic, Languages, FileEdit, Sparkles, Film, FileVideo, Loader2, Plus, Check,
   ChevronDown, X,
 } from "lucide-react"
-import { type Job, type KeyFrame, frameUrl, videoUrl, generateImage, selectGenerated, generatedImageUrl } from "@/lib/api"
+import { type Job, type KeyFrame, frameUrl, effectiveFrameUrl, videoUrl, generateImage, selectGenerated, generatedImageUrl } from "@/lib/api"
 import { type NodeData } from "@/components/nodes"
 import { FrameLightbox } from "@/components/lightbox"
 import { toast } from "sonner"
@@ -487,7 +487,7 @@ export const Dashboard = forwardRef<DashboardHandle, Props>(function Dashboard({
                           title="点击放大 · 清洗 / 提取元素"
                         >
                           <img
-                            src={frameUrl(job!.id, f.index)}
+                            src={effectiveFrameUrl(job!.id, f)}
                             alt={`frame ${f.index}`}
                             className="block w-full h-auto"
                             style={{ objectFit: "contain" }}
@@ -666,7 +666,7 @@ function ImageGenCard({ job, frame, onJobUpdate }: {
       {/* 参考图 + 识别物体 chips */}
       <div className="flex gap-2 items-start mt-1">
         <img
-          src={frameUrl(job.id, frame.index)}
+          src={effectiveFrameUrl(job.id, frame)}
           alt={`frame ${frame.index}`}
           className="rounded-md object-cover flex-shrink-0"
           style={{ width: 96, aspectRatio: `${job.width}/${job.height}` }}

web/components/nodes/index.tsx

@@ -375,7 +375,7 @@ export function KeyframeNode({ data, selected }: any) {
                 className="absolute inset-0 w-full h-full"
               >
                 <img
-                  src={frameUrl(jobId, f.index)}
+                  src={effectiveFrameUrl(jobId, f)}
                   alt={`frame ${f.index}`}
                   className="absolute inset-0 w-full h-full object-cover rounded-md"
                 />
@@ -415,7 +415,7 @@ export function KeyframeNode({ data, selected }: any) {
                 >
                   <div className="rounded-2xl overflow-hidden border border-white/25 bg-black" style={{ boxShadow: "0 40px 100px -20px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,255,255,0.06)" }}>
                     <img
-                      src={frameUrl(jobId, f.index)}
+                      src={effectiveFrameUrl(jobId, f)}
                       alt={`preview ${f.index}`}
                       className="block"
                       style={{