From cab4a5f9bf08a05b9fb58163f062f05ad5129014 Mon Sep 17 00:00:00 2001
From: kang <wankang2050@gmail.com>
Date: Wed, 13 May 2026 11:34:29 +0800
Subject: [PATCH] auto-save 2026-05-13 11:34 (~3)

---
 .memory/worklog.json           | 7 +++++++
 web/components/dashboard.tsx   | 6 +++---
 web/components/nodes/index.tsx | 4 ++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/.memory/worklog.json b/.memory/worklog.json
index 95ce866..5473585 100644
--- a/.memory/worklog.json
+++ b/.memory/worklog.json
@@ -1343,6 +1343,13 @@
       "type": "session-heartbeat",
       "message": "Claude 会话活跃 · 最近命令：claude · 2 项未提交变更 · 最近提交：auto-save 2026-05-13 11:23 (~4)",
       "files_changed": 2
+    },
+    {
+      "ts": "2026-05-13T11:28:56+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-13 11:28 (~4)",
+      "hash": "9e3ce9d",
+      "files_changed": 4
     }
   ]
 }
diff --git a/web/components/dashboard.tsx b/web/components/dashboard.tsx
index 666acca..3abe566 100644
--- a/web/components/dashboard.tsx
+++ b/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}` }}
diff --git a/web/components/nodes/index.tsx b/web/components/nodes/index.tsx
index 1d320b5..1f41c64 100644
--- a/web/components/nodes/index.tsx
+++ b/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={{