feat(assets): 素材库页面加载时自动创建默认 video 库 (#1626)

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com>
Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>

apps/web/src/pages/assets/hooks/useAssetsData.ts

@@ -3,9 +3,11 @@ import { useQuery } from "@tanstack/react-query"
 import {
   getAssetLibraries,
   getAssets,
+  ensureDefaultLibrary,
   type AssetLibraryItem,
   type AssetItem as ApiAssetItem,
 } from "@/api/assets"
+import { getOrCreateDefaultProject } from "@/api/projects"
 import { mapLibrary, mapAsset, type AssetItem, type LibraryItem } from "../types"
 
 /**
@@ -16,7 +18,18 @@ export function useAssetsData() {
   /* ── 视频库列表查询 ── */
   const { data: apiLibraries = [], isLoading: libLoading } = useQuery<AssetLibraryItem[], Error>({
     queryKey: ["asset-libraries"],
-    queryFn: getAssetLibraries,
+    queryFn: async () => {
+      const libs = await getAssetLibraries()
+      // 如果没有 video 类型的库，自动创建默认视频素材库（与 useVoiceMaterials 保持一致）
+      const hasVideoLib = libs.some((lib) => lib.kind === "video")
+      if (!hasVideoLib) {
+        const project = await getOrCreateDefaultProject()
+        await ensureDefaultLibrary({ project_id: project.id, kind: "video" })
+        // 创建后重新拉取最新列表
+        return getAssetLibraries()
+      }
+      return libs
+    },
     staleTime: 60_000,
   })