大量修改二期功能清单内容

core/frontend/src/routes/free-create.tsx

@@ -2,7 +2,7 @@
 // 任务流(滚动加载)+ 底部输入条(全能参考/首尾帧 + @mention)+ 渐进轮询(10/30/60s 打后端
 // poll 端点,web 进程内查火山,不依赖 worker)+ 平滑进度动画(sessionStorage 续)+ 全屏播放器。
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Users } from "lucide-react";
+import { Images, Users } from "lucide-react";
 import { api, ApiError } from "../api";
 import type { FreeVideoRef, FreeVideoTask, ModelConfig } from "../types";
 import {
@@ -23,7 +23,9 @@ import { FreeInputBar } from "../components/free-create/input-bar";
 import { GenerationCard } from "../components/free-create/generation-card";
 import { VideoDetailModal } from "../components/free-create/video-detail-modal";
 import { AssetLibraryModal } from "../components/free-create/asset-library-modal";
+import { PlatformLibraryModal } from "../components/free-create/platform-library-modal";
 import type { PromptInputHandle } from "../components/free-create/prompt-input";
+import { SystemLoading } from "../components/loading";
 import { ConfirmModal } from "../components/overlays";
 
 const PAGE_SIZE = 20;
@@ -96,6 +98,7 @@ export function FreeCreatePage({ modelConfigs, onNotify, onTaskSettled }: {
   // —— 弹窗 ——
   const [detailId, setDetailId] = useState<string | null>(null);
   const [libraryOpen, setLibraryOpen] = useState(false);
+  const [platformOpen, setPlatformOpen] = useState(false);
   const [libraryTargetRole, setLibraryTargetRole] = useState<"first_frame" | "last_frame" | null>(null);
   const [deleteTarget, setDeleteTarget] = useState<FreeVideoTask | null>(null);
 
@@ -468,6 +471,21 @@ export function FreeCreatePage({ modelConfigs, onNotify, onTaskSettled }: {
     setLibraryTargetRole(null);
   }, []);
 
+  // 三库(资产库/模特库/商品库)引用:与人物素材库共用槽位逻辑,只是数据源不同。
+  // 首尾帧模式没指定槽位时按拖拽同一规则落位:首帧空就填首帧,否则填尾帧。
+  const openPlatformLibrary = useCallback((role?: "first_frame" | "last_frame") => {
+    const target = mode === "keyframe"
+      ? role || (refs.some((r) => r.role === "first_frame") ? "last_frame" : "first_frame")
+      : null;
+    setLibraryTargetRole(target);
+    setPlatformOpen(true);
+  }, [mode, refs]);
+
+  const closePlatformLibrary = useCallback(() => {
+    setPlatformOpen(false);
+    setLibraryTargetRole(null);
+  }, []);
+
   // 素材库选中 → 全能参考插 mention;首尾帧写入对应槽位
   const handleLibraryPick = useCallback((ref: FreeVideoRef) => {
     if (mode === "keyframe") {
@@ -483,8 +501,7 @@ export function FreeCreatePage({ modelConfigs, onNotify, onTaskSettled }: {
         ...ref,
         key: nextRefKey(),
         role: libraryTargetRole,
-        label: undefined,
-        source: "library"
+        label: undefined
       };
       setRefs((prev) => [...prev.filter((r) => r.role !== libraryTargetRole), local]);
       setLibraryTargetRole(null);
@@ -517,6 +534,9 @@ export function FreeCreatePage({ modelConfigs, onNotify, onTaskSettled }: {
           </div>
         </div>
         <div className="actions">
+          <button type="button" className="btn" onClick={() => openPlatformLibrary()}>
+            <Images size={14} /> 引用平台素材
+          </button>
           <button type="button" className="btn" onClick={() => openLibrary()}>
             <Users size={14} /> 人物素材库
           </button>
@@ -525,7 +545,7 @@ export function FreeCreatePage({ modelConfigs, onNotify, onTaskSettled }: {
 
       <div className="fc-feed-wrap">
         {loading ? (
-          <div className="fc-loading mono">// 加载中…</div>
+          <SystemLoading title="正在加载作品" description="正在同步最新数据，请稍候。" icon="film" />
         ) : tasks.length === 0 ? (
           <div className="empty-state show fc-empty">
             <span className="ic-empty"><Users size={22} strokeWidth={1.5} /></span>
@@ -572,6 +592,7 @@ export function FreeCreatePage({ modelConfigs, onNotify, onTaskSettled }: {
         onDurationChange={setDuration}
         onSeedChange={setSeed}
         onOpenLibrary={openLibrary}
+        onOpenPlatformLibrary={openPlatformLibrary}
         onClear={clearInput}
         onSend={() => void handleSend()}
       />
@@ -593,6 +614,14 @@ export function FreeCreatePage({ modelConfigs, onNotify, onTaskSettled }: {
 
       <AssetLibraryModal open={libraryOpen} onClose={closeLibrary} onPick={handleLibraryPick} notify={notify} />
 
+      <PlatformLibraryModal
+        open={platformOpen}
+        imageOnly={mode === "keyframe"}
+        onClose={closePlatformLibrary}
+        onPick={handleLibraryPick}
+        notify={notify}
+      />
+
       <ConfirmModal
         open={deleteTarget !== null}
         title="删除视频"