fix(core): 资产详情大图随数据显示,缩略图已出大图不再卡转圈

- 三视图/立绘大图改为跟数据(url)走,出图完成即显示,不再被在途轮询的
  busy 标志挡住——根治「小缩略图已出、大图一直转圈」
- 一并带上工作区其余改动(script_agent / services / tests / ai-tools / actor-library / App)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

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

@@ -497,7 +497,8 @@ export function ImageWorkbenchPage({
   navigate,
   onGenerate,
   onResume,
-  initialProductId
+  initialProductId,
+  onProductChange
 }: {
   mode: WorkMode;
   products: Product[];
@@ -508,9 +509,13 @@ export function ImageWorkbenchPage({
   onResume?: (mode: "image" | "model" | "cover", ids: string[]) => Promise<{ assets: Asset[] } | null>;
   /** 行19:从商品页带入的初始商品 id(可选);未传则回退到第一个商品 */
   initialProductId?: string;
+  /** 选中商品上抛给 App,持久化进 activeProductId;否则切走再回来选择会被重置回默认第一个商品 */
+  onProductChange?: (productId: string) => void;
 }) {
   const meta = MODE_META[mode];
   const [productId, setProductId] = useState(initialProductId || products[0]?.id || "");
+  // 选中商品同步到 App(activeProductId),保证切换栏目再回来时初始商品仍是上次选的那个
+  useEffect(() => { if (productId) onProductChange?.(productId); }, [productId, onProductChange]);
   const product = products.find((item) => item.id === productId) || products[0];
   const [prompt, setPrompt] = useState(meta.promptTemplate(products[0]?.title || "商品"));
   const [ratio, setRatio] = useState(meta.ratio);
@@ -742,7 +747,7 @@ export function ImageWorkbenchPage({
     try {
       const raw = localStorage.getItem(`airshelf:imgwb:${mode}`);
       if (!raw) return;
-      const saved = JSON.parse(raw) as { pending?: string[]; results?: Asset[]; count?: number; ts?: number };
+      const saved = JSON.parse(raw) as { pending?: string[]; results?: Asset[]; count?: number; ts?: number; productId?: string; productTitle?: string };
       if (saved.ts && Date.now() - saved.ts > 60 * 60 * 1000) return;
       const pending = saved.pending || [];
       if (pending.length && onResume) {
@@ -752,7 +757,9 @@ export function ImageWorkbenchPage({
           if (prev.some((b) => b.results.length) && !(saved.results && saved.results.length)) return prev;
           return [
             ...prev,
-            { id: batchId, prompt: meta.promptTemplate(product?.title || "商品"), ratio: meta.ratio, count: saved.count || candidateCount, status: "generating" as const, results: saved.results || [], adopted: false, ts: Date.now(), productId: product?.id, productTitle: product?.title }
+            // 商品归属用生成时落盘的 saved.productId/Title,绝不用「当前选中商品」——切走再回来当前选中可能已变,
+            // 那正是导航头显示错名(如把耳机包批次显示成蓝牙耳机)的根因。
+            { id: batchId, prompt: meta.promptTemplate(saved.productTitle || product?.title || "商品"), ratio: meta.ratio, count: saved.count || candidateCount, status: "generating" as const, results: saved.results || [], adopted: false, ts: Date.now(), productId: saved.productId, productTitle: saved.productTitle }
           ];
         });
         onResume(mode, pending)