fix: 修复 usePreviewAssets 无限循环请求

- 添加 useStableArray hook 稳定化 assetIds 引用
- 只有数组内容真正变化时才触发重新请求
- 避免父组件 re-render 导致的无效 API 调用

apps/web/src/pages/generate/hooks/usePreviewAssets.ts

@@ -64,8 +64,11 @@ export function usePreviewAssets(assetIds: string[], enabled: boolean): UsePrevi
   const [ready, setReady] = useState(false)
   const requestIdRef = useRef(0)
 
+  // 稳定化 assetIds：只有内容真正变化时才更新引用
+  const stableAssetIds = useStableArray(assetIds)
+
   const load = useCallback(async () => {
-    if (!assetIds.length || !enabled) {
+    if (!stableAssetIds.length || !enabled) {
       setAssets([])
       setReady(false)
       return
@@ -76,7 +79,7 @@ export function usePreviewAssets(assetIds: string[], enabled: boolean): UsePrevi
     setReady(false)
 
     try {
-      const result = await fetchAssetsByIds(assetIds)
+      const result = await fetchAssetsByIds(stableAssetIds)
       // 防止竞态：只保留最新请求的结果
       if (requestIdRef.current === thisRequestId) {
         setAssets(result)
@@ -92,7 +95,7 @@ export function usePreviewAssets(assetIds: string[], enabled: boolean): UsePrevi
         setLoading(false)
       }
     }
-  }, [assetIds, enabled])
+  }, [stableAssetIds, enabled])
 
   useEffect(() => {
     load()
@@ -101,4 +104,22 @@ export function usePreviewAssets(assetIds: string[], enabled: boolean): UsePrevi
   return { assets, loading, ready, reload: load }
 }
 
+/**
+ * useStableArray — 数组内容稳定化 Hook
+ * 只有数组内容真正变化时才返回新的引用，避免父组件 re-render 导致的无效更新
+ */
+function useStableArray<T>(array: T[]): T[] {
+  const ref = useRef<T[]>(array)
+
+  // 比较数组内容是否真正变化
+  const hasChanged =
+    array.length !== ref.current.length || array.some((item, index) => item !== ref.current[index])
+
+  if (hasChanged) {
+    ref.current = array
+  }
+
+  return ref.current
+}
+
 export default usePreviewAssets