refactor(platform): 用户工作台 - 重构画布、任务与资源页面的浏览体验

web/src/pages/create/creation-assets.ts

@@ -2,8 +2,9 @@ import type { UploadedFile } from "@/services/file-storage";
 import type { UploadedImage } from "@/services/image-storage";
 import type { Asset, ImageAsset, NewAsset } from "@/stores/use-asset-store";
 import type { ReferenceImage } from "@/types/image";
+import type { ReferenceVideo } from "@/types/media";
 
-export type CreationAttachment = ReferenceImage & { previewUrl: string };
+export type CreationAttachment = (ReferenceImage | ReferenceVideo) & { previewUrl: string };
 
 export type CreationAssetIdentity = {
     taskId?: string;
@@ -45,6 +46,21 @@ export function creationAttachmentFromImage(file: File, uploaded: UploadedImage)
     };
 }
 
+export function creationAttachmentFromVideo(file: File, uploaded: UploadedFile): CreationAttachment {
+    return {
+        id: `upload:${file.name}:${uploaded.storageKey}`,
+        name: file.name,
+        type: uploaded.mimeType || file.type || "video/mp4",
+        url: uploaded.url,
+        storageKey: uploaded.storageKey,
+        bytes: uploaded.bytes,
+        width: uploaded.width,
+        height: uploaded.height,
+        durationMs: uploaded.durationMs,
+        previewUrl: uploaded.url,
+    };
+}
+
 export function creationAttachmentFromAsset(asset: ImageAsset): CreationAttachment {
     const url = asset.data.dataUrl || asset.coverUrl;
     return {
@@ -61,6 +77,21 @@ export function creationAttachmentFromAsset(asset: ImageAsset): CreationAttachme
     };
 }
 
+export function creationAttachmentFromVideoAsset(asset: Extract<Asset, { kind: "video" }>): CreationAttachment {
+    return {
+        id: `asset:${asset.id}`,
+        name: asset.title || "素材视频",
+        type: asset.data.mimeType || "video/mp4",
+        url: asset.data.url,
+        storageKey: asset.data.storageKey,
+        bytes: asset.data.bytes,
+        width: asset.data.width,
+        height: asset.data.height,
+        durationMs: asset.data.durationMs,
+        previewUrl: asset.coverUrl || asset.data.url,
+    };
+}
+
 export function creationImageAsset({ title, uploaded, metadata }: { title: string; uploaded: UploadedImage; metadata?: Record<string, unknown> }): NewAsset {
     return {
         kind: "image",