完善视频提炼和视频复刻完善提交测试

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

@@ -29,6 +29,7 @@ import {
 } from "lucide-react";
 import type { AITask, Asset, ImageConversation, ImageConversationTask, ModelConfig, ModelEntity, Product, WorkbenchTask } from "../types";
 import { api } from "../api";
+import { useFileDrop } from "../components/use-file-drop";
 import { imageModelPickerOptions } from "../model-display";
 import { ModelLibrary } from "../components/model-library";
 import { SkeletonRows, SystemLoading } from "../components/loading";
@@ -711,14 +712,19 @@ export function ImageWorkbenchPage({
     // YYX#14:无真封面时回退到按商品名匹配的 mock 图,与商品库一致显图,不再露灰占位
     return p.cover_preview_url || primary?.preview_url || productMockCoverUrl(p.title);
   };
-  function pickReference(event: ChangeEvent<HTMLInputElement>) {
-    const files = Array.from(event.target.files || []);
+  function acceptReferences(files: File[]) {
     if (!files.length) return;
     // 追加到已选(支持多次点 + 累加),逐张生成本地预览;file 留着提交时上传
     setRefImages((prev) => [...prev, ...files.map((f) => ({ name: f.name, url: URL.createObjectURL(f), file: f }))]);
+  }
+
+  function pickReference(event: ChangeEvent<HTMLInputElement>) {
+    acceptReferences(Array.from(event.target.files || []));
     event.target.value = "";
   }
 
+  const refDrop = useFileDrop(acceptReferences, { accept: (f) => f.type.startsWith("image/") });
+
   const imageModels = modelConfigs.filter((model) => model.capability.includes("image"));
   // 团队价格系数(差异化调价):预估所见即所扣;拉不到按标准价 1
   const [priceMultiplier, setPriceMultiplier] = useState(1);
@@ -1741,7 +1747,7 @@ export function ImageWorkbenchPage({
                 </div>
               )}
             </div>
-            <div className="image-composer">
+            <div className={`image-composer${refDrop.dragging ? " is-dragover" : ""}`} {...refDrop.dropProps}>
               <div className="image-composer-main">
                 <div>
                   <button type="button" className="image-reference-button" title="上传参考图" onClick={() => refInputRef.current?.click()}>