chore: probe new server ssh access from host runner

.ci-retrigger

@@ -1 +0,0 @@
-re-trigger

.ci-trigger

@@ -1 +1 @@
-trigger: 1784009947
+# CI trigger Fri Jun 26 09:53:28 PM CST 2026

.env.production.example

@@ -5,6 +5,7 @@ APP_ENV=production
 ENVIRONMENT=production
 DEBUG=false
 USE_IN_MEMORY_DB=false
+LOG_LEVEL=WARNING
 
 # ==================== 数据库（必须修改）====================
 DATABASE_URL=postgresql://prod_user:CHANGE_THIS_PASSWORD@db-prod:5432/xiaoxia_prod

.gitea/workflows/fix-runner-labels.yml

@@ -0,0 +1,33 @@
+name: Probe New Server
+
+on:
+  push:
+    branches:
+      - fix/runner-labels
+
+jobs:
+  probe-new-server:
+    name: Probe new server from host runner
+    runs-on: host
+    steps:
+      - name: Check SSH access to new server
+        run: |
+          echo "=== Try SSH to 172.30.18.199 ==="
+          timeout 5 ssh -o StrictHostKeyChecking=no -o ConnectTimeout=3 root@172.30.18.199 "echo CONNECTED && hostname" 2>&1 || echo "SSH failed"
+          
+          echo ""
+          echo "=== Try SSH to 116.62.226.203 ==="
+          timeout 5 ssh -o StrictHostKeyChecking=no -o ConnectTimeout=3 root@116.62.226.203 "echo CONNECTED && hostname" 2>&1 || echo "SSH failed"
+          
+          echo ""
+          echo "=== Check SSH keys available ==="
+          ls -la ~/.ssh/ 2>/dev/null || echo "No .ssh dir"
+          
+          echo ""
+          echo "=== Check known_hosts ==="
+          cat ~/.ssh/known_hosts 2>/dev/null | head -10 || echo "No known_hosts"
+          
+          echo ""
+          echo "=== IP route / network info ==="
+          ip route 2>/dev/null | head -5 || route 2>/dev/null | head -5 || echo "no route cmd"
+          hostname -I 2>/dev/null || ifconfig 2>/dev/null | head -10 || echo "no ifconfig"

alembic/versions/038_add_error_info_and_retry_to_generation_tasks.py

@@ -1,47 +0,0 @@
-"""add error_info and retry fields to generation_tasks
-
-Revision ID: 038_error_retry
-Revises: 037_generation_logs
-Create Date: 2026-07-13 22:15:00.000000
-"""
-
-import sqlalchemy as sa
-from sqlalchemy.dialects.mysql import JSON as MySQLJSON
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision = "038_error_retry"
-down_revision = "037_generation_logs"
-branch_labels = None
-depends_on = None
-
-
-def upgrade():
-    # error_info: 结构化错误信息（error_type, message, stack_trace, failed_at, stage等）
-    op.add_column(
-        "generation_tasks",
-        sa.Column("error_info", sa.JSON(), nullable=True),
-    )
-    # retry_count: 重试次数
-    op.add_column(
-        "generation_tasks",
-        sa.Column("retry_count", sa.Integer(), nullable=False, server_default="0"),
-    )
-    # auto_retry_enabled: 是否开启自动重试
-    op.add_column(
-        "generation_tasks",
-        sa.Column("auto_retry_enabled", sa.Boolean(), nullable=False, server_default=sa.text("false")),
-    )
-    # auto_retry_max: 最大自动重试次数
-    op.add_column(
-        "generation_tasks",
-        sa.Column("auto_retry_max", sa.Integer(), nullable=False, server_default="0"),
-    )
-
-
-def downgrade():
-    op.drop_column("generation_tasks", "auto_retry_max")
-    op.drop_column("generation_tasks", "auto_retry_enabled")
-    op.drop_column("generation_tasks", "retry_count")
-    op.drop_column("generation_tasks", "error_info")

alembic/versions/039_add_transition_duration.py

@@ -1,34 +0,0 @@
-"""add transition_duration to edit_plan_clips
-
-Revision ID: 039_transition_duration
-Revises: 038_error_retry
-Create Date: 2026-07-14 09:00:00.000000
-"""
-
-from __future__ import annotations
-
-import sqlalchemy as sa
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision = "039_transition_duration"
-down_revision = "038_error_retry"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    op.add_column(
-        "edit_plan_clips",
-        sa.Column(
-            "transition_duration",
-            sa.Float(),
-            nullable=False,
-            server_default="0.0",
-        ),
-    )
-
-
-def downgrade() -> None:
-    op.drop_column("edit_plan_clips", "transition_duration")

alembic/versions/040_add_playback_speed_to_edit_plan_clips.py

@@ -1,29 +0,0 @@
-"""add playback_speed to edit_plan_clips
-
-Revision ID: 040_playback_speed
-Revises: 039_transition_duration
-Create Date: 2026-07-14 10:00:00.000000
-"""
-
-from __future__ import annotations
-
-import sqlalchemy as sa
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision = "040_playback_speed"
-down_revision = "039_transition_duration"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    op.add_column(
-        "edit_plan_clips",
-        sa.Column("playback_speed", sa.Float(), nullable=False, server_default="1.0"),
-    )
-
-
-def downgrade() -> None:
-    op.drop_column("edit_plan_clips", "playback_speed")

apps/api/app/api/router.py

@@ -4,14 +4,19 @@ from app.api.routes.assets import router as assets_router
 from app.api.routes.auth import router as auth_router
 from app.api.routes.chunked_upload import router as chunked_upload_router
 from app.api.routes.classification_jobs import router as classification_jobs_router
+from app.api.routes.dashboard import router as dashboard_router
 from app.api.routes.duplication import router as duplication_router
 from app.api.routes.edit_plans import router as edit_plans_router
+from app.api.routes.edit_templates import router as edit_templates_router
 from app.api.routes.feature_flags import router as feature_flags_router
+from app.api.routes.generated_videos import router as generated_videos_router
 from app.api.routes.generation_tasks import router as generation_tasks_router
 from app.api.routes.health import router as health_check_router
 from app.api.routes.ingest_jobs import router as ingest_jobs_router
 from app.api.routes.internal_render import router as internal_render_router
+from app.api.routes.jobs import router as jobs_router
 from app.api.routes.projects import router as projects_router
+from app.api.routes.recipes import router as recipes_router
 from app.api.routes.subscription import router as subscription_router
 from app.api.routes.tags import router as tags_router
 from app.api.routes.task_center import router as task_center_router
@@ -19,7 +24,6 @@ from app.api.routes.templates import router as templates_router
 from app.api.routes.titles import router as titles_router
 from app.api.routes.tts import router as tts_router
 from app.api.routes.upload import router as upload_router
-from app.api.routes.videos import router as videos_router
 from app.api.routes.voice_clones import router as voice_clones_router
 from app.api.routes.voices import router as voices_router
 from fastapi import APIRouter
@@ -85,6 +89,15 @@ api_router.include_router(
     prefix="/generation",
     tags=["Generation"],
 )
+api_router.include_router(
+    jobs_router,
+    tags=["Job"],
+)
+api_router.include_router(
+    generated_videos_router,
+    prefix="/generated-videos",
+    tags=["GeneratedVideo"],
+)
 api_router.include_router(
     titles_router,
     prefix="/titles",
@@ -100,10 +113,6 @@ api_router.include_router(
     prefix="/voice-clones",
     tags=["VoiceClone"],
 )
-api_router.include_router(
-    videos_router,
-    tags=["VideoCenter"],
-)
 api_router.include_router(
     duplication_router,
     prefix="/duplication",
@@ -114,11 +123,26 @@ api_router.include_router(
     prefix="/subscription",
     tags=["Subscription"],
 )
+api_router.include_router(
+    recipes_router,
+    prefix="/recipes",
+    tags=["Recipe"],
+)
 api_router.include_router(
     templates_router,
     prefix="/templates",
     tags=["Template"],
 )
+api_router.include_router(
+    dashboard_router,
+    prefix="/dashboard",
+    tags=["Dashboard"],
+)
+api_router.include_router(
+    edit_templates_router,
+    prefix="/edit-templates",
+    tags=["EditTemplate"],
+)
 api_router.include_router(
     edit_plans_router,
     prefix="/edit-plans",

apps/api/app/api/routes/asset_libraries.py

@@ -12,7 +12,7 @@ from app.schemas.asset_library import (
     EnsureDefaultLibraryRequest,
     ListAssetLibrariesResponse,
 )
-from fastapi import APIRouter, Depends, HTTPException, Query, Response, status
+from fastapi import APIRouter, Depends, HTTPException, Query, status
 
 from packages.application import (
     CreateAssetLibraryCommand,
@@ -146,7 +146,7 @@ def ensure_default_library(
     return _to_asset_library_response(created)
 
 
-@router.delete("/{library_id}", status_code=status.HTTP_204_NO_CONTENT, response_class=Response)
+@router.delete("/{library_id}", status_code=status.HTTP_204_NO_CONTENT)
 def delete_asset_library(
     library_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -163,10 +163,11 @@ def delete_asset_library(
     # 权限校验：检查用户是否有项目访问权限
     check_project_access(library.project_id, authenticated_user.user.id, project_repository)
 
-    # 删除库内所有素材（硬删除，素材库已删除，无需保留软删除状态）
+    # 删除库内所有素材（无 FK 级联，需手动清理）
     assets_in_library = asset_repository.find_by_library(library_id)
-    for asset in assets_in_library:
-        asset_repository.delete(asset.id)
+    if assets_in_library:
+        asset_ids_to_delete = [a.id for a in assets_in_library]
+        asset_repository.batch_delete(asset_ids_to_delete)
 
     # 删除素材库本身
     asset_library_repository.delete(library_id)

apps/api/app/api/routes/assets.py

@@ -1,7 +1,6 @@
 import logging
 from typing import Any, Optional
 
-from app.api.routes._helpers import check_project_access
 from app.auth import AuthenticatedUser, get_current_user
 from app.core.storage import get_storage_service
 from app.dependencies import (
@@ -12,18 +11,15 @@ from app.dependencies import (
 )
 from app.schemas.asset import (
     AssetResponse,
-    BatchClassifyRequest,
     BatchDeleteRequest,
-    BatchMarkRequest,
-    BatchOperationResponse,
-    BatchTagRequest,
+    BatchDeleteResponse,
     CreateAssetRequest,
     ListAssetsResponse,
     UpdateAssetRequest,
     UpdateAssetReviewRequest,
 )
 from app.schemas.tag import TagAssetsRequest
-from fastapi import APIRouter, Depends, HTTPException, Query, Response
+from fastapi import APIRouter, Depends, HTTPException, Query
 
 from packages.application import (
     CreateAssetCommand,
@@ -31,6 +27,8 @@ from packages.application import (
 )
 from packages.domain import AssetStatus, ClassificationStatus
 
+from app.api.routes._helpers import check_project_access
+
 logger = logging.getLogger(__name__)
 
 router = APIRouter()
@@ -76,6 +74,7 @@ def _to_asset_response(item, storage_service=None) -> AssetResponse:
     )
 
 
+
 @router.get("", response_model=ListAssetsResponse)
 def list_assets(
     library_id: Optional[str] = Query(None),
@@ -85,15 +84,6 @@ def list_assets(
     gender: Optional[str] = Query(None, description="按 metadata.gender 筛选"),
     style: Optional[str] = Query(None, description="按 metadata.style 筛选"),
     tag_ids: Optional[str] = Query(None, description="按标签 ID 筛选（逗号分隔，取交集）"),
-    smart_view: Optional[str] = Query(
-        None,
-        description="智能视图筛选：recommended=推荐(质量分≥80)、cautious=慎用(60-79)、risky=高风险(<60或已驳回)、unused=未使用、used=已使用、pending_review=待复核",
-        pattern="^(recommended|cautious|risky|unused|used|pending_review)$",
-    ),
-    classification: Optional[str] = Query(
-        None,
-        description="按内容分类筛选：scenic=风景、product=产品、person=人物、animal=动物、food=美食、tech=科技、sport=运动、music=音乐、other=其他",
-    ),
     skip: int = Query(0, ge=0),
     limit: int = Query(100, ge=1, le=500),
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -113,11 +103,11 @@ def list_assets(
         if not filter_tag_ids:
             filter_tag_ids = None
 
-    # 需要内存过滤的标志（keyword/gender/style/tag_ids/smart_view/classification 无法在 DB 层过滤）
-    needs_memory_filter = bool(keyword or gender or style or filter_tag_ids or smart_view or classification)
+    # 需要内存过滤的标志（keyword/gender/style/tag_ids 无法在 DB 层过滤）
+    needs_memory_filter = bool(keyword or gender or style or filter_tag_ids)
 
     def _apply_memory_filters(items):
-        """应用 keyword / gender / style / tag_ids / smart_view / classification 内存过滤。"""
+        """应用 keyword / gender / style / tag_ids 内存过滤。"""
         result = items
         if keyword:
             kw = keyword.lower()
@@ -126,38 +116,9 @@ def list_assets(
             result = [i for i in result if (i.metadata or {}).get("gender") == gender]
         if style:
             result = [i for i in result if (i.metadata or {}).get("style") == style]
-        if classification:
-            result = [i for i in result if (i.metadata or {}).get("classification") == classification]
         if filter_tag_ids:
             tag_set = set(filter_tag_ids)
             result = [i for i in result if tag_set.issubset(set(getattr(i, "tag_ids", [])))]
-        if smart_view:
-
-            def __meta(a):
-                return a.metadata or {}
-
-            def __use_count(a):
-                return int(__meta(a).get("generation_use_count") or 0)
-
-            def __review_status(a):
-                return __meta(a).get("review_status", "")
-
-            if smart_view == "recommended":
-                result = [i for i in result if i.quality_score is not None and i.quality_score >= 80]
-            elif smart_view == "cautious":
-                result = [i for i in result if i.quality_score is not None and 60 <= i.quality_score < 80]
-            elif smart_view == "risky":
-                result = [
-                    i
-                    for i in result
-                    if (i.quality_score is not None and i.quality_score < 60) or __review_status(i) == "rejected"
-                ]
-            elif smart_view == "unused":
-                result = [i for i in result if __use_count(i) == 0]
-            elif smart_view == "used":
-                result = [i for i in result if __use_count(i) > 0]
-            elif smart_view == "pending_review":
-                result = [i for i in result if __review_status(i) == "pending_review"]
         return result
 
     # ── 优化路径：无内存过滤时，使用 DB 级分页 ──
@@ -301,157 +262,33 @@ def update_asset_review_status(
     return _to_asset_response(updated)
 
 
-@router.post("/batch-delete", response_model=BatchOperationResponse)
+@router.post("/batch-delete", response_model=BatchDeleteResponse)
 def batch_delete_assets(
     request: BatchDeleteRequest,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
     asset_repository: Any = Depends(get_asset_repository),
     project_repository: Any = Depends(get_project_repository),
-) -> BatchOperationResponse:
-    """批量删除素材（软删除，标记 status=deleted），需逐项校验项目权限。"""
+) -> BatchDeleteResponse:
+    """批量删除素材（配音素材等），需逐项校验项目权限。"""
     user_id = authenticated_user.user.id
-    success_ids: list[str] = []
-    failed_details: dict[str, str] = {}
+    deleted_ids: list[str] = []
+    failed_ids: list[str] = []
 
-    for asset_id in request.asset_ids:
+    for asset_id in request.ids:
         item = asset_repository.find_by_id(asset_id)
         if item is None:
-            failed_details[asset_id] = "not_found"
+            failed_ids.append(asset_id)
             continue
         try:
             check_project_access(item.project_id, user_id, project_repository)
-            success_ids.append(asset_id)
+            deleted_ids.append(asset_id)
         except HTTPException:
-            failed_details[asset_id] = "access_denied"
+            failed_ids.append(asset_id)
 
-    if success_ids:
-        asset_repository.batch_delete(success_ids)
+    if deleted_ids:
+        asset_repository.batch_delete(deleted_ids)
 
-    return BatchOperationResponse(
-        success_count=len(success_ids),
-        failed_ids=list(failed_details.keys()),
-        failed_details=failed_details,
-    )
-
-
-@router.post("/batch-tag", response_model=BatchOperationResponse)
-def batch_tag_assets(
-    request: BatchTagRequest,
-    authenticated_user: AuthenticatedUser = Depends(get_current_user),
-    asset_repository: Any = Depends(get_asset_repository),
-    project_repository: Any = Depends(get_project_repository),
-    tag_repository: Any = Depends(get_tag_repository),
-) -> BatchOperationResponse:
-    """批量打标签（添加或替换模式），需逐项校验项目权限和标签权限。"""
-    user_id = authenticated_user.user.id
-    success_ids: list[str] = []
-    failed_details: dict[str, str] = {}
-
-    # 校验标签存在且属于当前用户
-    for tag_id in request.tag_ids:
-        tag = tag_repository.get(tag_id)
-        if tag is None:
-            return BatchOperationResponse(
-                success_count=0,
-                failed_ids=list(request.asset_ids),
-                failed_details={aid: f"tag_not_found:{tag_id}" for aid in request.asset_ids},
-            )
-        if tag.user_id != user_id:
-            return BatchOperationResponse(
-                success_count=0,
-                failed_ids=list(request.asset_ids),
-                failed_details={aid: f"tag_access_denied:{tag_id}" for aid in request.asset_ids},
-            )
-
-    # 校验素材权限
-    for asset_id in request.asset_ids:
-        item = asset_repository.find_by_id(asset_id)
-        if item is None:
-            failed_details[asset_id] = "not_found"
-            continue
-        try:
-            check_project_access(item.project_id, user_id, project_repository)
-            success_ids.append(asset_id)
-        except HTTPException:
-            failed_details[asset_id] = "access_denied"
-
-    if success_ids:
-        if request.mode == "replace":
-            asset_repository.batch_replace_tags(success_ids, request.tag_ids)
-        else:
-            asset_repository.batch_add_tags(success_ids, request.tag_ids)
-
-    return BatchOperationResponse(
-        success_count=len(success_ids),
-        failed_ids=list(failed_details.keys()),
-        failed_details=failed_details,
-    )
-
-
-@router.post("/batch-classify", response_model=BatchOperationResponse)
-def batch_classify_assets(
-    request: BatchClassifyRequest,
-    authenticated_user: AuthenticatedUser = Depends(get_current_user),
-    asset_repository: Any = Depends(get_asset_repository),
-    project_repository: Any = Depends(get_project_repository),
-) -> BatchOperationResponse:
-    """批量修改素材内容分类（person/scenic/product等），存在metadata.category中。"""
-    user_id = authenticated_user.user.id
-    success_ids: list[str] = []
-    failed_details: dict[str, str] = {}
-
-    for asset_id in request.asset_ids:
-        item = asset_repository.find_by_id(asset_id)
-        if item is None:
-            failed_details[asset_id] = "not_found"
-            continue
-        try:
-            check_project_access(item.project_id, user_id, project_repository)
-            success_ids.append(asset_id)
-        except HTTPException:
-            failed_details[asset_id] = "access_denied"
-
-    if success_ids:
-        asset_repository.batch_update_metadata(success_ids, {"category": request.category})
-
-    return BatchOperationResponse(
-        success_count=len(success_ids),
-        failed_ids=list(failed_details.keys()),
-        failed_details=failed_details,
-    )
-
-
-@router.post("/batch-mark", response_model=BatchOperationResponse)
-def batch_mark_assets(
-    request: BatchMarkRequest,
-    authenticated_user: AuthenticatedUser = Depends(get_current_user),
-    asset_repository: Any = Depends(get_asset_repository),
-    project_repository: Any = Depends(get_project_repository),
-) -> BatchOperationResponse:
-    """批量设置智能视图标记（recommended/caution/high_risk），存在metadata.smart_view中。"""
-    user_id = authenticated_user.user.id
-    success_ids: list[str] = []
-    failed_details: dict[str, str] = {}
-
-    for asset_id in request.asset_ids:
-        item = asset_repository.find_by_id(asset_id)
-        if item is None:
-            failed_details[asset_id] = "not_found"
-            continue
-        try:
-            check_project_access(item.project_id, user_id, project_repository)
-            success_ids.append(asset_id)
-        except HTTPException:
-            failed_details[asset_id] = "access_denied"
-
-    if success_ids:
-        asset_repository.batch_update_metadata(success_ids, {"smart_view": request.smart_view})
-
-    return BatchOperationResponse(
-        success_count=len(success_ids),
-        failed_ids=list(failed_details.keys()),
-        failed_details=failed_details,
-    )
+    return BatchDeleteResponse(deleted_count=len(deleted_ids), failed_ids=failed_ids)
 
 
 @router.get("/{asset_id}", response_model=AssetResponse)
@@ -493,7 +330,7 @@ def update_asset(
     return _to_asset_response(updated)
 
 
-@router.delete("/{asset_id}", status_code=204, response_class=Response)
+@router.delete("/{asset_id}", status_code=204)
 def delete_asset(
     asset_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -532,7 +369,7 @@ def tag_asset(
     return _to_asset_response(updated)
 
 
-@router.delete("/{asset_id}/tags/{tag_id}", status_code=204, response_class=Response)
+@router.delete("/{asset_id}/tags/{tag_id}", status_code=204)
 def untag_asset(
     asset_id: str,
     tag_id: str,

apps/api/app/api/routes/auth.py

@@ -105,7 +105,7 @@ async def register(
     request: RegisterRequest,
     user_repository: UserRepository = Depends(get_user_repository),
     email_service=Depends(get_auth_email_service),
-) -> RegisterResponse:
+):
     use_case = RegisterUserUseCase(
         user_repository=user_repository,
         base_url=settings.APP_BASE_URL,
@@ -136,7 +136,7 @@ async def login(
     request: LoginRequest,
     user_repository: UserRepository = Depends(get_user_repository),
     session_store=Depends(get_auth_session_store),
-) -> LoginResponse:
+):
     use_case = LoginUseCase(
         user_repository=user_repository,
         session_store=session_store,
@@ -162,7 +162,7 @@ async def refresh(
     request: RefreshRequest,
     user_repository: UserRepository = Depends(get_user_repository),
     session_store=Depends(get_auth_session_store),
-) -> LoginResponse:
+):
     use_case = RefreshTokenUseCase(
         user_repository=user_repository,
         session_store=session_store,
@@ -194,7 +194,7 @@ def _verify_email_token(token: str, user_repository: UserRepository) -> MessageR
 async def verify_email(
     token: str,
     user_repository: UserRepository = Depends(get_user_repository),
-) -> MessageResponse:
+):
     return _verify_email_token(token, user_repository)
 
 
@@ -202,7 +202,7 @@ async def verify_email(
 async def verify_email_post(
     request: VerifyEmailRequestModel,
     user_repository: UserRepository = Depends(get_user_repository),
-) -> MessageResponse:
+):
     return _verify_email_token(request.token, user_repository)
 
 
@@ -211,7 +211,7 @@ async def forgot_password(
     request: PasswordResetRequestModel,
     user_repository: UserRepository = Depends(get_user_repository),
     email_service=Depends(get_auth_email_service),
-) -> MessageResponse:
+):
     success, error = RequestPasswordResetUseCase(
         user_repository=user_repository,
         base_url=settings.APP_BASE_URL,
@@ -227,7 +227,7 @@ async def forgot_password(
 async def reset_password(
     request: ResetPasswordModel,
     user_repository: UserRepository = Depends(get_user_repository),
-) -> MessageResponse:
+):
     success, error = ResetPasswordUseCase(user_repository=user_repository).execute(
         ResetPasswordRequest(token=request.token, new_password=request.new_password)
     )
@@ -241,7 +241,7 @@ async def reset_password(
 async def logout(
     credentials: HTTPAuthorizationCredentials | None = Depends(bearer_scheme),
     current_user: AuthenticatedUser = Depends(get_current_user),
-) -> MessageResponse:
+):
     """登出 - 将当前 token 加入黑名单"""
 
     if credentials:
@@ -257,7 +257,7 @@ async def logout(
 @router.get("/me", response_model=CurrentUserResponse)
 async def get_current_user_info(
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
-) -> CurrentUserResponse:
+):
     user = authenticated_user.user
     return CurrentUserResponse(
         user_id=user.id,
@@ -323,7 +323,7 @@ def _get_internal_api_keys() -> list[str]:
             if content:
                 return [k.strip() for k in content.split(",") if k.strip()]
     except Exception:
-        logger.warning("无法读取内部 API 密钥文件，仅依赖环境变量配置", exc_info=True)
+        logger.debug("Failed to read internal API keys from file", exc_info=True)
 
     return []
 
@@ -354,7 +354,7 @@ async def wechat_sync(
     request: WechatSyncRequest,
     user_repository: UserRepository = Depends(get_user_repository),
     _: bool = Depends(_verify_internal_api_key),
-) -> WechatSyncResponse:
+):
     """
     微信同步登录/注册（系统级内部接口）
 

apps/api/app/api/routes/chunked_upload.py

@@ -13,7 +13,6 @@ from pathlib import Path
 from typing import Any
 from uuid import uuid4
 
-from app.api.routes._helpers import require_project_and_library
 from app.auth import AuthenticatedUser, get_current_user
 from app.core.celery_app import celery_app
 from app.core.storage import OSSStorageService, get_storage_service
@@ -35,6 +34,8 @@ from fastapi.params import File
 
 from packages.application import GetProjectUseCase, SubmitIngestJobCommand, SubmitIngestJobUseCase
 
+from app.api.routes._helpers import require_project_and_library
+
 router = APIRouter()
 logger = logging.getLogger(__name__)
 

apps/api/app/api/routes/dashboard.py

@@ -0,0 +1,92 @@
+from typing import Any
+
+from app.auth import AuthenticatedUser, get_current_user
+from app.dependencies import (
+    get_asset_repository,
+    get_generation_task_repository,
+    get_project_repository,
+    get_title_library_repository,
+    get_voice_library_repository,
+)
+from app.schemas.dashboard import DashboardOverviewResponse, RecentTaskItem, SubscriptionInfo
+from fastapi import APIRouter, Depends
+
+router = APIRouter()
+
+
+def _status_value(status) -> str:
+    return status.value if hasattr(status, "value") else str(status)
+
+
+def _generation_step(status: str) -> str:
+    if status == "pending":
+        return "等待 Worker 执行"
+    if status == "running":
+        return "正在生成成片"
+    if status == "completed":
+        return "生成完成"
+    if status == "failed":
+        return "生成失败"
+    return status
+
+
+@router.get("/overview", response_model=DashboardOverviewResponse)
+def get_dashboard_overview(
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+    asset_repository: Any = Depends(get_asset_repository),
+    generation_task_repository: Any = Depends(get_generation_task_repository),
+    title_library_repository: Any = Depends(get_title_library_repository),
+    voice_library_repository: Any = Depends(get_voice_library_repository),
+) -> DashboardOverviewResponse:
+    """Dashboard 概览：用户级汇总数据。"""
+    user_id = authenticated_user.user.id
+
+    # 获取用户可访问的所有 project
+    projects = project_repository.find_accessible_projects(user_id)
+    project_ids = [p.id for p in projects]
+
+    # 素材统计
+    total_assets = asset_repository.count_by_project_ids(project_ids)
+    used_storage_bytes = asset_repository.sum_storage_by_project_ids(project_ids)
+
+    # 标题库 / 配音库统计
+    total_titles = title_library_repository.count_by_user(user_id)
+    total_voices = voice_library_repository.count_by_user(user_id)
+
+    # 生成任务统计
+    total_tasks = generation_task_repository.count_by_user(user_id)
+
+    # 最近任务（SQL 层 LIMIT 5）
+    recent = generation_task_repository.list_recent_by_user(user_id, limit=5)
+    recent_tasks = []
+    for task in recent:
+        s = _status_value(task.status)
+        recent_tasks.append(
+            RecentTaskItem(
+                id=task.id,
+                task_type="generation",
+                status=s,
+                current_step=_generation_step(s),
+                error_message=task.error_message or "",
+                updated_at=task.completed_at or task.started_at or task.created_at,
+            )
+        )
+
+    # 订阅信息
+    user = authenticated_user.user
+    subscription = SubscriptionInfo(
+        plan=getattr(user, "subscription_plan", "free") or "free",
+        is_active=getattr(user, "subscription_status", "") == "active",
+    )
+
+    return DashboardOverviewResponse(
+        total_assets=total_assets,
+        used_storage_bytes=used_storage_bytes,
+        total_titles=total_titles,
+        total_voices=total_voices,
+        total_tasks=total_tasks,
+        total_products=len(projects),
+        subscription=subscription,
+        recent_tasks=recent_tasks,
+    )

apps/api/app/api/routes/duplication.py

@@ -239,7 +239,7 @@ def get_duplication_detail(
     return _to_detail_response(record)
 
 
-@router.delete("/records/{record_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/records/{record_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
 def delete_duplication_record(
     record_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -257,7 +257,7 @@ def delete_duplication_record(
 
     use_case = DeleteDuplicationRecordUseCase(duplication_repository)
     use_case.execute(record_id)
-    return
+    return Response(status_code=204)
 
 
 @router.post("/records/{record_id}/retry", response_model=DuplicationUploadResponse)

apps/api/app/api/routes/edit_plans.py

@@ -6,11 +6,12 @@ RESTful CRUD for EditPlan:
 - POST   /api/v1/edit-plans            创建
 - PUT    /api/v1/edit-plans/{id}       更新（含状态机流转）
 - DELETE /api/v1/edit-plans/{id}       删除
-
-拆分模块（各自独立 router，由本文件 include_router 聚合）:
-- edit_plans_generation.py   生成相关（generate / generation-status / generations）
-- edit_plans_ai.py           AI 推荐 & 封面（ai-recommend / generate-cover）
-- edit_plans_timeline.py     时间线 & 模板生成（timeline / generate-from-template）
+- POST   /api/v1/edit-plans/{id}/generate          触发剪辑渲染生成（任务 2.05）
+- GET    /api/v1/edit-plans/{id}/generation-status  查询生成进度（任务 2.05）
+- POST   /api/v1/edit-plans/{id}/ai-recommend       AI 推荐片段方案（任务 3.09）
+- POST   /api/v1/edit-plans/{id}/generate-cover     AI 生成封面（任务 3.09）
+- GET    /api/v1/edit-plans/{id}/timeline           时间线场景数据
+- POST   /api/v1/edit-plans/generate-from-template  基于模板+素材自动生成剪辑计划
 
 业务逻辑委托给 EditPlanService 服务层。
 """
@@ -22,17 +23,32 @@ from datetime import datetime
 from typing import Any, List, Optional
 
 from app.auth import AuthenticatedUser, get_current_user
-from app.dependencies import get_db_session, get_project_repository
+from app.core.celery_app import celery_app
+from app.core.task_enqueue import GLOBAL_PENDING_LIMIT, USER_PENDING_LIMIT
+from app.dependencies import get_asset_library_repository, get_asset_repository, get_db_session, get_project_repository
 from app.schemas.generation_task import GenerationTaskResponse
-from app.services import EditPlanService
-from fastapi import APIRouter, Depends, HTTPException, Query, Response, status
+from app.services import EditPlanService, PlanGeneratorService
+from fastapi import APIRouter, Depends, HTTPException, Query, status
 from pydantic import BaseModel, Field
 from sqlalchemy.orm import Session
 
-from packages.domain.config_schemas import normalize_plan_config
-from packages.domain.edit_plan import EditPlan, EditPlanStatus
+from packages.adapters.sqlalchemy_impl.generation_task_repository import (
+    SQLAlchemyGenerationTaskRepository,
+)
+from packages.adapters.sqlalchemy_impl.template_clip_config_repository import (
+    SQLAlchemyTemplateClipConfigRepository,
+)
+from packages.adapters.sqlalchemy_impl.template_repository import (
+    SQLAlchemyTemplateRepository,
+)
+from packages.application.generation_tasks import (
+    CreateGenerationTaskCommand,
+    CreateGenerationTaskUseCase,
+)
 
 from ._helpers import check_project_access
+from packages.domain.config_schemas import normalize_plan_config
+from packages.domain.edit_plan import EditPlan, EditPlanStatus
 
 logger = logging.getLogger(__name__)
 
@@ -146,7 +162,6 @@ class AIRecommendClipItem(BaseModel):
     text_content: str = Field(default="", description="文字内容")
     duration: float = Field(..., ge=0.0, description="片段时长（秒）")
     transition_effect: str = Field(default="cut", description="转场效果")
-    transition_duration: float = Field(default=0.0, ge=0.0, description="转场时长（秒），0 表示使用默认值")
     asset_id: str = Field(default="", description="关联素材 ID")
     start_time: float = Field(default=0.0, ge=0.0, description="素材截取起始时间（秒）")
     config: dict[str, Any] = Field(default_factory=dict, description="片段额外配置")
@@ -210,8 +225,6 @@ class _PlanClipItem(BaseModel):
     start_time: float
     duration: float
     transition_effect: str
-    transition_duration: float
-    playback_speed: float = 1.0
     status: str
     config: Optional[dict[str, Any]] = None
     created_at: datetime
@@ -245,7 +258,7 @@ def _to_response(p: EditPlan) -> EditPlanResponse:
     )
 
 
-# ── CRUD Routes ───────────────────────────────────────────────────────────────
+# ── Routes ────────────────────────────────────────────────────────────────────
 
 
 @router.get("", response_model=EditPlanListResponse)
@@ -425,7 +438,7 @@ def update_plan(
     return _to_response(result)
 
 
-@router.delete("/{plan_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/{plan_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
 def delete_plan(
     plan_id: str,
     db: Session = Depends(get_db_session),
@@ -451,12 +464,753 @@ def delete_plan(
     )
 
 
-# ── Include sub-routers (拆分模块) ────────────────────────────────────────────
+# ── 生成相关端点（任务 2.05） ─────────────────────────────────────────────────
 
-from .edit_plans_ai import router as ai_router
-from .edit_plans_generation import router as generation_router
-from .edit_plans_timeline import router as timeline_router
 
-router.include_router(generation_router)
-router.include_router(ai_router)
-router.include_router(timeline_router)
+@router.post("/{plan_id}/generate", response_model=EditPlanGenerateResponse)
+def generate_plan(
+    plan_id: str,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+    asset_library_repo: Any = Depends(get_asset_library_repository),
+    asset_repo: Any = Depends(get_asset_repository),
+) -> EditPlanGenerateResponse:
+    """触发剪辑计划渲染生成
+
+    前置条件：计划状态必须为 editing，且至少有一个片段。
+    流程：
+    1. 验证计划状态为 editing
+    2. 将 pending 片段标记为 ready
+    3. 创建 GenerationTask
+    4. 调度 Celery 任务 worker.render_edit_plan
+    5. 将计划状态流转为 rendering
+    """
+    svc = EditPlanService(db)
+    # 项目鉴权
+    plan_check = svc.get_plan(plan_id)
+    if plan_check is None:
+        raise HTTPException(status_code=404, detail=f"剪辑计划不存在: {plan_id}")
+    if plan_check.project_id:
+        check_project_access(plan_check.project_id, current_user.user.id, project_repository)
+
+    # ── 自动兜底 1: draft → editing ──────────────────────────────────────
+    if plan_check.status == EditPlanStatus.DRAFT:
+        logger.info("自动兜底: plan=%s draft→editing", plan_id)
+        svc.transition_status(plan_id, EditPlanStatus.EDITING)
+
+    # ── 自动兜底 2: 无片段 + 有 template_id → 从模板复制片段配置 ──────────
+    existing_clips = svc.count_clips(plan_id)
+    if existing_clips == 0 and plan_check.template_id:
+        logger.info(
+            "自动兜底: plan=%s 无片段，从模板 %s 复制片段配置",
+            plan_id,
+            plan_check.template_id,
+        )
+        # 优先从新模型 template_clip_configs 读取，若无则回退到旧模型 template_segments
+        clip_config_repo = SQLAlchemyTemplateClipConfigRepository(db)
+        configs = clip_config_repo.list_by_template(plan_check.template_id)
+        if configs:
+            for cfg in configs:
+                svc.create_clip(
+                    plan_id=plan_id,
+                    clip_type=cfg.clip_type.value if hasattr(cfg.clip_type, "value") else cfg.clip_type,
+                    order=cfg.order,
+                    template_clip_config_id=cfg.id,
+                    duration=cfg.default_duration,
+                    transition_effect=(
+                        cfg.transition_effect.value
+                        if hasattr(cfg.transition_effect, "value")
+                        else cfg.transition_effect
+                    ),
+                )
+            logger.info("自动兜底: plan=%s 从新模型 template_clip_configs 复制了 %d 个片段", plan_id, len(configs))
+        else:
+            # 回退到旧模型 template_segments
+            tpl_repo = SQLAlchemyTemplateRepository(db)
+            segments = tpl_repo.list_segments(plan_check.template_id)
+            for seg in segments:
+                avg_duration = (seg.duration_min + seg.duration_max) / 2
+                svc.create_clip(
+                    plan_id=plan_id,
+                    clip_type="main",  # 旧模型无结构角色，统一为主体片段
+                    order=seg.segment_order,
+                    duration=avg_duration,
+                    config={
+                        "material_type": seg.material_type or "",
+                        "template_segment_id": seg.id,
+                    },
+                )
+            logger.info("自动兜底: plan=%s 从旧模型 template_segments 复制了 %d 个片段", plan_id, len(segments))
+
+    # ── 自动兜底 3: 为没有素材的片段分配素材 ──────────────────────────
+    # 如果 plan.config.asset_ids 有素材，但 clips 没有 asset_id，自动按顺序分配
+    all_clips = svc.list_clips(plan_id)
+    clips_without_asset = [c for c in all_clips if not c.asset_id]
+    config_asset_ids = (plan_check.config or {}).get("asset_ids", [])
+    material_mode = (plan_check.config or {}).get("material_mode", "manual")
+
+    if clips_without_asset and config_asset_ids:
+        logger.info(
+            "自动兜底3: plan=%s 为 %d 个无素材片段分配 %d 个指定素材",
+            plan_id,
+            len(clips_without_asset),
+            len(config_asset_ids),
+        )
+        for i, clip in enumerate(clips_without_asset):
+            asset_idx = i % len(config_asset_ids)
+            svc.assign_asset(clip.id, config_asset_ids[asset_idx])
+        logger.info("自动兜底3: plan=%s 素材分配完成", plan_id)
+        clips_without_asset = []  # 已分配完
+
+    # ── 自动兜底 4: 自动素材模式 → 从项目默认视频素材库选取 ────────────
+    if clips_without_asset and material_mode == "auto" and plan_check.project_id:
+        import random
+
+        logger.info(
+            "自动兜底4: plan=%s 自动素材模式，从项目素材库选取素材 (%d 个片段需要)",
+            plan_id,
+            len(clips_without_asset),
+        )
+        # 找到项目的视频素材库
+        libs = asset_library_repo.find_by_project(plan_check.project_id)
+        video_lib = None
+        for lib in libs:
+            lib_kind = lib.kind.value if hasattr(lib.kind, "value") else lib.kind
+            if lib_kind == "video":
+                video_lib = lib
+                break
+
+        if video_lib:
+            assets = asset_repo.find_by_library(video_lib.id)
+            # 筛选 ready 状态的视频素材
+            ready_videos = [
+                a
+                for a in assets
+                if (a.status.value if hasattr(a.status, "value") else a.status) == "ready"
+                and a.mime_type
+                and a.mime_type.startswith("video")
+            ]
+            if ready_videos:
+                # 随机选取，按片段数轮询分配
+                random.shuffle(ready_videos)
+                for i, clip in enumerate(clips_without_asset):
+                    asset = ready_videos[i % len(ready_videos)]
+                    svc.assign_asset(clip.id, asset.id)
+                logger.info(
+                    "自动兜底4: plan=%s 从素材库 %s 分配了 %d 个素材给 %d 个片段",
+                    plan_id,
+                    video_lib.name,
+                    len(ready_videos),
+                    len(clips_without_asset),
+                )
+            else:
+                logger.warning("自动兜底4: plan=%s 素材库无可用视频素材", plan_id)
+        else:
+            logger.warning("自动兜底4: plan=%s 项目无视频素材库", plan_id)
+
+    # 检查是否可生成
+    try:
+        can_gen, reason = svc.can_generate(plan_id)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=str(exc),
+        )
+    if not can_gen:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail=reason,
+        )
+
+    # 核心生成流程：捕获异常返回明确错误信息，避免裸 500
+    try:
+        # 将 pending 片段标记为 ready
+        clip_count = svc.mark_clips_ready(plan_id)
+
+        # 创建 GenerationTask
+        gen_task_repo = SQLAlchemyGenerationTaskRepository(db)
+
+        # 队列限流预检查（repository 不支持计数时跳过）
+        user_id = current_user.user.id
+        try:
+            has_count = hasattr(gen_task_repo, "count_pending_by_user") and hasattr(
+                gen_task_repo, "count_pending_total"
+            )
+            if has_count:
+                user_pending = gen_task_repo.count_pending_by_user(user_id)
+                global_pending = gen_task_repo.count_pending_total()
+                if user_pending >= USER_PENDING_LIMIT:
+                    raise HTTPException(
+                        status_code=429,
+                        detail=f"您的待处理任务过多（当前 {user_pending}/{USER_PENDING_LIMIT}），请等待完成后再提交",
+                    )
+                if global_pending >= GLOBAL_PENDING_LIMIT:
+                    raise HTTPException(
+                        status_code=503,
+                        detail="系统繁忙，请稍后再试",
+                    )
+        except HTTPException:
+            raise
+        except Exception as e:
+            logger.warning("[队列限流] 剪辑计划限流检查失败，跳过: %s", e)
+
+        gen_task_use_case = CreateGenerationTaskUseCase(gen_task_repo)
+        plan = svc.get_plan_or_raise(plan_id)
+        gen_task = gen_task_use_case.execute(
+            CreateGenerationTaskCommand(
+                project_id="",
+                template_id=plan.template_id,
+                created_by_user_id=current_user.user.id,
+                source_edit_plan_id=plan_id,
+            )
+        )
+
+        # 将 generation_task_id 存入 plan config
+        svc.update_plan_config(plan_id, {"generation_task_id": gen_task.id})
+
+        # 流转状态为 rendering
+        svc.transition_status(plan_id, EditPlanStatus.RENDERING)
+
+        # 调度 Celery 任务
+        celery_app.send_task("worker.render_edit_plan", args=[plan_id])
+
+        # 获取最新状态
+        updated_plan = svc.get_plan_or_raise(plan_id)
+
+        logger.info(
+            "触发剪辑计划生成: plan_id=%s gen_task_id=%s clips=%d by user=%s",
+            plan_id,
+            gen_task.id,
+            clip_count,
+            current_user.user.id,
+        )
+
+        return EditPlanGenerateResponse(
+            plan_id=plan_id,
+            plan_status=updated_plan.status.value if hasattr(updated_plan.status, "value") else updated_plan.status,
+            generation_task_id=gen_task.id,
+            clip_count=clip_count,
+        )
+    except HTTPException:
+        # 已处理的 HTTP 异常直接透传
+        raise
+    except Exception:
+        logger.exception("触发剪辑计划生成失败: plan_id=%s", plan_id)
+        # 尝试将计划标记为失败（RENDERING → FAILED 是合法的状态流转）
+        try:
+            svc.transition_status(plan_id, EditPlanStatus.FAILED)
+        except Exception:
+            logger.warning("标记计划失败状态时异常: plan_id=%s", plan_id)
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="生成失败，请稍后重试",
+        )
+
+
+@router.get(
+    "/{plan_id}/generation-status",
+    response_model=EditPlanGenerationStatusResponse,
+)
+def get_generation_status(
+    plan_id: str,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+) -> EditPlanGenerationStatusResponse:
+    """查询剪辑计划生成进度
+
+    返回计划状态、关联的 GenerationTask ID、以及每个片段的状态。
+    """
+    svc = EditPlanService(db)
+    try:
+        gen_status = svc.get_generation_status(plan_id)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=str(exc),
+        )
+
+    plan = gen_status["plan"]
+    # 项目鉴权
+    if plan.project_id:
+        check_project_access(plan.project_id, current_user.user.id, project_repository)
+    clips = gen_status["clips"]
+
+    clip_items = [
+        ClipStatusItem(
+            clip_id=c.id,
+            clip_type=c.clip_type,
+            order=c.order,
+            status=c.status.value if hasattr(c.status, "value") else c.status,
+            asset_id=c.asset_id or "",
+            text_content=c.text_content or "",
+            duration=c.duration,
+        )
+        for c in clips
+    ]
+
+    return EditPlanGenerationStatusResponse(
+        plan_id=plan_id,
+        plan_status=plan.status.value if hasattr(plan.status, "value") else plan.status,
+        generation_task_id=gen_status["generation_task_id"],
+        clips=clip_items,
+    )
+
+
+@router.get(
+    "/{plan_id}/generations",
+    response_model=EditPlanGenerationsResponse,
+)
+def list_plan_generations(
+    plan_id: str,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+) -> EditPlanGenerationsResponse:
+    """查询剪辑计划关联的所有生成记录
+
+    返回该剪辑计划触发的所有 GenerationTask，按创建时间倒序。
+    """
+    svc = EditPlanService(db)
+    # 验证计划存在 + 项目鉴权
+    plan = svc.get_plan_or_raise(plan_id)
+    if plan.project_id:
+        check_project_access(plan.project_id, current_user.user.id, project_repository)
+
+    gen_task_repo = SQLAlchemyGenerationTaskRepository(db)
+    tasks = gen_task_repo.list_by_source_edit_plan(plan_id)
+    items = [
+        GenerationTaskResponse(
+            id=t.id,
+            project_id=t.project_id,
+            asset_library_id=t.asset_library_id,
+            strategy_id=t.strategy_id,
+            voice_library_id=t.voice_library_id,
+            template_id=t.template_id,
+            asset_ids=t.asset_ids,
+            title_ids=t.title_ids,
+            voice_ids=t.voice_ids,
+            source_edit_plan_id=t.source_edit_plan_id or "",
+            status=t.status.value if hasattr(t.status, "value") else t.status,
+            progress=t.progress,
+            result_count=t.result_count,
+            error_message=t.error_message,
+        )
+        for t in tasks
+    ]
+    return EditPlanGenerationsResponse(items=items, total=len(items))
+
+
+# ── AI 推荐 & 封面生成端点（任务 3.09） ────────────────────────────────────────
+
+
+@router.post(
+    "/{plan_id}/ai-recommend",
+    response_model=AIRecommendResponse,
+)
+def ai_recommend_clips(
+    plan_id: str,
+    body: AIRecommendRequest,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+) -> AIRecommendResponse:
+    """AI 推荐片段方案
+
+    调用 AI 服务分析素材，自动生成片段编排方案并写入剪辑计划。
+
+    流程：
+    1. 验证计划存在且状态为 draft/editing
+    2. 调用 AI 推荐服务（当前为 stub，后续接入真实 AI）
+    3. 清除计划现有片段，按推荐方案重新创建
+    4. 更新计划 config（cover/title/subtitle/bgm）和 total_duration
+    5. 返回推荐方案详情
+
+    前端对接：
+    - 请求体只需传 asset_ids（必填），editing_mode 和 target_duration 可选
+    - 返回的 clips 可直接渲染到时间线
+    - 返回的 config 包含推荐的封面/标题/字幕/BGM 配置
+    """
+    svc = EditPlanService(db)
+
+    # 验证计划存在
+    try:
+        plan = svc.get_plan_or_raise(plan_id)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=str(exc),
+        )
+
+    # 项目鉴权
+    if plan.project_id:
+        check_project_access(plan.project_id, current_user.user.id, project_repository)
+
+    # 验证状态：只允许 draft 或 editing
+    plan_status = plan.status.value if hasattr(plan.status, "value") else plan.status
+    if plan_status not in ("draft", "editing"):
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="当前计划状态不支持AI推荐，请先创建或编辑计划后再试",
+        )
+
+    # 调用 AI 推荐服务（同步调用 stub，后续改为 Celery 异步）
+    from apps.worker.worker_app.tasks.ai_tasks import run_ai_recommend
+
+    result = run_ai_recommend(
+        plan_id=plan_id,
+        template_id=plan.template_id,
+        asset_ids=body.asset_ids,
+        editing_mode=body.editing_mode,
+        target_duration=body.target_duration,
+    )
+
+    # ── 事务保护：清除 → 重建 → 更新 必须在同一逻辑事务中 ──
+    # TODO: 当前各 repo 方法内部 commit()，无法真正回滚。
+    #       后续重构 repo 为 flush() 模式后，此处改为统一 commit。
+    try:
+        # 清除现有片段
+        svc.delete_all_clips(plan_id)
+
+        # 按推荐方案创建新片段
+        for clip_data in result["clips"]:
+            svc.create_clip(
+                plan_id=plan_id,
+                clip_type=clip_data["clip_type"],
+                order=clip_data["order"],
+                text_content=clip_data.get("text_content", ""),
+                duration=clip_data["duration"],
+                transition_effect=clip_data.get("transition_effect", "cut"),
+                asset_id=clip_data.get("asset_id", ""),
+                start_time=clip_data.get("start_time", 0.0),
+                config=clip_data.get("config", {}),
+            )
+
+        # 更新计划 config 和 total_duration
+        normalized_config = normalize_plan_config(result.get("config", {}))
+        svc.update_plan(
+            plan_id,
+            config=normalized_config,
+            total_duration=result["total_duration"],
+        )
+    except Exception:
+        logger.exception("AI 推荐写入失败，plan_id=%s 数据可能不一致", plan_id)
+        # 尝试回滚未提交的变更
+        try:
+            db.rollback()
+        except Exception:
+            pass
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="AI推荐结果保存失败，请稍后重试",
+        )
+
+    logger.info(
+        "AI 推荐片段方案: plan_id=%s clips=%d duration=%.1f by user=%s",
+        plan_id,
+        len(result["clips"]),
+        result["total_duration"],
+        current_user.user.id,
+    )
+
+    return AIRecommendResponse(
+        plan_id=plan_id,
+        clips=[
+            AIRecommendClipItem(
+                clip_type=c["clip_type"],
+                order=c["order"],
+                text_content=c.get("text_content", ""),
+                duration=c["duration"],
+                transition_effect=c.get("transition_effect", "cut"),
+                asset_id=c.get("asset_id", ""),
+                start_time=c.get("start_time", 0.0),
+                config=c.get("config", {}),
+            )
+            for c in result["clips"]
+        ],
+        config=normalized_config,
+        total_duration=result["total_duration"],
+        confidence=result["confidence"],
+    )
+
+
+@router.post(
+    "/{plan_id}/generate-cover",
+    response_model=GenerateCoverResponse,
+)
+def generate_cover(
+    plan_id: str,
+    body: GenerateCoverRequest,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+) -> GenerateCoverResponse:
+    """AI 生成封面
+
+    调用 AI 服务从视频中选帧或生成封面图，并更新计划 config.cover。
+
+    流程：
+    1. 验证计划存在
+    2. 调用 AI 封面生成服务（当前为 stub，后续接入真实 AI）
+    3. 更新 plan.config["cover"] 为生成的封面数据
+    4. 返回封面数据
+
+    前端对接：
+    - cover_type=ai_frame: AI 智能选帧（默认）
+    - cover_type=manual: 手动选帧，需传 frame_time
+    - cover_type=upload: 用户上传，接口返回空 image_url，前端自行上传后更新
+    - cover_type=ai_regenerate: AI 重新生成
+    """
+    svc = EditPlanService(db)
+
+    # 验证计划存在
+    try:
+        plan = svc.get_plan_or_raise(plan_id)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=str(exc),
+        )
+
+    # 项目鉴权
+    if plan.project_id:
+        check_project_access(plan.project_id, current_user.user.id, project_repository)
+
+    # 调用 AI 封面生成服务
+    from apps.worker.worker_app.tasks.ai_tasks import run_generate_cover
+
+    cover_data = run_generate_cover(
+        plan_id=plan_id,
+        asset_ids=body.asset_ids,
+        cover_type=body.cover_type,
+        frame_time=body.frame_time,
+    )
+
+    # 更新 plan.config["cover"]
+    current_config = dict(plan.config)
+    current_config["cover"] = cover_data
+    normalized = normalize_plan_config(current_config)
+    svc.update_plan_config(plan_id, {"cover": normalized["cover"]})
+
+    logger.info(
+        "AI 封面生成: plan_id=%s type=%s by user=%s",
+        plan_id,
+        body.cover_type,
+        current_user.user.id,
+    )
+
+    return GenerateCoverResponse(
+        plan_id=plan_id,
+        cover=cover_data,
+    )
+
+
+# ── Timeline / Scene 端点（P2-6） ─────────────────────────────────────────────
+
+
+class TimelineSceneResponse(BaseModel):
+    """时间线场景"""
+
+    scene: str = Field(..., description="场景描述")
+    time: str = Field(..., description='时间范围，如 "0:00 - 0:05"')
+    duration: float = Field(..., ge=0, description="时长（秒）")
+    color: str = Field(..., description="展示颜色")
+    clip_id: str = Field(default="", description="关联的片段 ID")
+    clip_type: str = Field(default="", description="片段类型")
+
+
+class TimelineResponse(BaseModel):
+    """时间线响应"""
+
+    plan_id: str
+    total_duration: float
+    scenes: List[TimelineSceneResponse]
+
+
+# clip_type → 颜色映射
+_CLIP_TYPE_COLORS = {
+    "intro": "#6366f1",
+    "title": "#6366f1",
+    "product": "#818cf8",
+    "showcase": "#10b981",
+    "scene": "#10b981",
+    "subtitle": "#f59e0b",
+    "text": "#f59e0b",
+    "cta": "#ef4444",
+    "outro": "#ef4444",
+    "voiceover": "#8b5cf6",
+    "transition": "#64748b",
+}
+
+_DEFAULT_COLOR = "#6366f1"
+
+
+def _format_time(seconds: float) -> str:
+    """将秒数格式化为 M:SS"""
+    m = int(seconds) // 60
+    s = int(seconds) % 60
+    return f"{m}:{s:02d}"
+
+
+def _clip_type_to_scene_label(clip_type: str, text_content: str) -> str:
+    """根据 clip_type 和 text_content 生成场景描述"""
+    type_labels = {
+        "intro": "开场",
+        "title": "标题",
+        "product": "产品展示",
+        "showcase": "场景展示",
+        "scene": "场景",
+        "subtitle": "字幕",
+        "text": "文字",
+        "cta": "结尾 CTA",
+        "outro": "结尾",
+        "voiceover": "配音",
+        "transition": "转场",
+    }
+    label = type_labels.get(clip_type, clip_type or "片段")
+    if text_content:
+        # 截取前 20 个字符作为副标题
+        short = text_content[:20].strip()
+        if short:
+            return f"{label} - {short}"
+    return label
+
+
+@router.get(
+    "/{plan_id}/timeline",
+    response_model=TimelineResponse,
+)
+def get_plan_timeline(
+    plan_id: str,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+) -> TimelineResponse:
+    """获取剪辑计划的时间线场景数据
+
+    返回按计划片段排序的时间线场景列表，供前端 GeneratePage 渲染使用。
+    """
+    svc = EditPlanService(db)
+    plan = svc.get_plan_or_raise(plan_id)
+    # 项目鉴权
+    if plan.project_id:
+        check_project_access(plan.project_id, current_user.user.id, project_repository)
+
+    clips = svc.list_clips(plan_id=plan_id, skip=0, limit=200)
+    # 按 order 排序
+    clips.sort(key=lambda c: c.order)
+
+    scenes: List[TimelineSceneResponse] = []
+    current_time = 0.0
+
+    for clip in clips:
+        start = current_time
+        end = start + clip.duration
+        color = _CLIP_TYPE_COLORS.get(clip.clip_type, _DEFAULT_COLOR)
+        scene_label = _clip_type_to_scene_label(clip.clip_type, clip.text_content)
+
+        scenes.append(
+            TimelineSceneResponse(
+                scene=scene_label,
+                time=f"{_format_time(start)} - {_format_time(end)}",
+                duration=clip.duration,
+                color=color,
+                clip_id=clip.id,
+                clip_type=clip.clip_type,
+            )
+        )
+        current_time = end
+
+    total_duration = sum(s.duration for s in scenes) or plan.total_duration
+
+    return TimelineResponse(
+        plan_id=plan_id,
+        total_duration=total_duration,
+        scenes=scenes,
+    )
+
+
+# ── 基于模板生成剪辑计划 ─────────────────────────────────────────────────────
+
+
+@router.post(
+    "/generate-from-template",
+    response_model=GenerateFromTemplateResponse,
+    status_code=status.HTTP_201_CREATED,
+)
+def generate_from_template(
+    body: GenerateFromTemplateRequest,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+    project_repository: Any = Depends(get_project_repository),
+) -> GenerateFromTemplateResponse:
+    """基于模板 + 素材自动生成剪辑计划
+
+    流程:
+    1. 获取模板及其片段配置
+    2. 调用 PlanGeneratorService 生成 EditPlan + EditPlanClips
+    3. 返回完整的计划和片段列表
+    """
+    from app.services import EditTemplateService
+
+    # 项目鉴权
+    if body.project_id:
+        check_project_access(body.project_id, current_user.user.id, project_repository)
+
+    template_svc = EditTemplateService(db)
+
+    # 获取模板
+    try:
+        template = template_svc.get_template_or_raise(body.template_id)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=str(exc),
+        )
+
+    # 获取模板片段配置
+    clip_configs = template_svc.list_clip_configs(body.template_id, skip=0, limit=200)
+
+    # 调用 PlanGeneratorService 生成计划
+    generator = PlanGeneratorService(db)
+    result = generator.generate_from_template(
+        template=template,
+        clip_configs=clip_configs,
+        asset_ids=body.asset_ids,
+        project_id=body.project_id,
+        created_by_user_id=current_user.user.id,
+        name=body.name,
+    )
+
+    plan = result["plan"]
+    clips = result["clips"]
+
+    logger.info(
+        "基于模板生成剪辑计划: plan_id=%s template_id=%s clips=%d by user=%s",
+        plan.id,
+        body.template_id,
+        len(clips),
+        current_user.user.id,
+    )
+
+    return GenerateFromTemplateResponse(
+        plan=_to_response(plan),
+        clips=[
+            _PlanClipItem(
+                id=c.id,
+                clip_type=c.clip_type,
+                order=c.order,
+                asset_id=c.asset_id,
+                text_content=c.text_content,
+                start_time=c.start_time,
+                duration=c.duration,
+                transition_effect=c.transition_effect,
+                status=c.status.value if hasattr(c.status, "value") else c.status,
+                config=c.config,
+                created_at=c.created_at,
+                updated_at=c.updated_at,
+            )
+            for c in clips
+        ],
+    )

apps/api/app/api/routes/edit_plans_ai.py

@@ -1,199 +0,0 @@
-"""剪辑计划 AI 推荐 & 封面生成 API 端点。
-
-从 edit_plans.py 拆分，包含：
-- POST /{plan_id}/ai-recommend    AI 推荐片段方案
-- POST /{plan_id}/generate-cover  AI 生成封面
-"""
-
-from __future__ import annotations
-
-import logging
-from typing import Any
-
-from app.api.routes._helpers import check_project_access
-from app.api.routes.edit_plans import (
-    AIRecommendClipItem,
-    AIRecommendRequest,
-    AIRecommendResponse,
-    GenerateCoverRequest,
-    GenerateCoverResponse,
-)
-from app.auth import AuthenticatedUser, get_current_user
-from app.dependencies import get_db_session, get_project_repository
-from app.services import EditPlanService
-from fastapi import APIRouter, Depends, HTTPException, status
-from sqlalchemy.orm import Session
-
-from packages.domain.config_schemas import normalize_plan_config
-
-logger = logging.getLogger(__name__)
-
-router = APIRouter()
-
-
-@router.post(
-    "/{plan_id}/ai-recommend",
-    response_model=AIRecommendResponse,
-)
-def ai_recommend_clips(
-    plan_id: str,
-    body: AIRecommendRequest,
-    db: Session = Depends(get_db_session),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-    project_repository: Any = Depends(get_project_repository),
-) -> AIRecommendResponse:
-    """AI 推荐片段方案
-
-    调用 AI 服务分析素材，自动生成片段编排方案并写入剪辑计划。
-
-    流程：
-    1. 验证计划存在且状态为 draft/editing
-    2. 调用 AI 推荐服务（当前为 stub，后续接入真实 AI）
-    3. 清除计划现有片段，按推荐方案重新创建
-    4. 更新计划 config（cover/title/subtitle/bgm）和 total_duration
-    5. 返回推荐方案详情
-    """
-    svc = EditPlanService(db)
-
-    try:
-        plan = svc.get_plan_or_raise(plan_id)
-    except ValueError as exc:
-        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail=str(exc))
-
-    if plan.project_id:
-        check_project_access(plan.project_id, current_user.user.id, project_repository)
-
-    plan_status = plan.status.value if hasattr(plan.status, "value") else plan.status
-    if plan_status not in ("draft", "editing"):
-        raise HTTPException(
-            status_code=status.HTTP_400_BAD_REQUEST,
-            detail="当前计划状态不支持AI推荐，请先创建或编辑计划后再试",
-        )
-
-    from apps.worker.worker_app.tasks.ai_tasks import run_ai_recommend
-
-    result = run_ai_recommend(
-        plan_id=plan_id,
-        template_id=plan.template_id,
-        asset_ids=body.asset_ids,
-        editing_mode=body.editing_mode,
-        target_duration=body.target_duration,
-    )
-
-    # 事务保护：清除 → 重建 → 更新 必须在同一逻辑事务中
-    try:
-        svc.delete_all_clips(plan_id)
-
-        for clip_data in result["clips"]:
-            svc.create_clip(
-                plan_id=plan_id,
-                clip_type=clip_data["clip_type"],
-                order=clip_data["order"],
-                text_content=clip_data.get("text_content", ""),
-                duration=clip_data["duration"],
-                transition_effect=clip_data.get("transition_effect", "cut"),
-                asset_id=clip_data.get("asset_id", ""),
-                start_time=clip_data.get("start_time", 0.0),
-                config=clip_data.get("config", {}),
-            )
-
-        normalized_config = normalize_plan_config(result.get("config", {}))
-        svc.update_plan(
-            plan_id,
-            config=normalized_config,
-            total_duration=result["total_duration"],
-        )
-    except Exception:
-        logger.exception("AI 推荐写入失败，plan_id=%s 数据可能不一致", plan_id)
-        try:
-            db.rollback()
-        except Exception as rollback_err:
-            logger.error(
-                "AI 推荐回滚失败，数据库会话可能处于不一致状态: plan_id=%s error=%s",
-                plan_id,
-                rollback_err,
-            )
-        raise HTTPException(
-            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
-            detail="AI推荐结果保存失败，请稍后重试",
-        )
-
-    logger.info(
-        "AI 推荐片段方案: plan_id=%s clips=%d duration=%.1f by user=%s",
-        plan_id,
-        len(result["clips"]),
-        result["total_duration"],
-        current_user.user.id,
-    )
-
-    return AIRecommendResponse(
-        plan_id=plan_id,
-        clips=[
-            AIRecommendClipItem(
-                clip_type=c["clip_type"],
-                order=c["order"],
-                text_content=c.get("text_content", ""),
-                duration=c["duration"],
-                transition_effect=c.get("transition_effect", "cut"),
-                asset_id=c.get("asset_id", ""),
-                start_time=c.get("start_time", 0.0),
-                config=c.get("config", {}),
-            )
-            for c in result["clips"]
-        ],
-        config=normalized_config,
-        total_duration=result["total_duration"],
-        confidence=result["confidence"],
-    )
-
-
-@router.post(
-    "/{plan_id}/generate-cover",
-    response_model=GenerateCoverResponse,
-)
-def generate_cover(
-    plan_id: str,
-    body: GenerateCoverRequest,
-    db: Session = Depends(get_db_session),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-    project_repository: Any = Depends(get_project_repository),
-) -> GenerateCoverResponse:
-    """AI 生成封面
-
-    调用 AI 服务从视频中选帧或生成封面图，并更新计划 config.cover。
-    """
-    svc = EditPlanService(db)
-
-    try:
-        plan = svc.get_plan_or_raise(plan_id)
-    except ValueError as exc:
-        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail=str(exc))
-
-    if plan.project_id:
-        check_project_access(plan.project_id, current_user.user.id, project_repository)
-
-    from apps.worker.worker_app.tasks.ai_tasks import run_generate_cover
-
-    cover_data = run_generate_cover(
-        plan_id=plan_id,
-        asset_ids=body.asset_ids,
-        cover_type=body.cover_type,
-        frame_time=body.frame_time,
-    )
-
-    current_config = dict(plan.config)
-    current_config["cover"] = cover_data
-    normalized = normalize_plan_config(current_config)
-    svc.update_plan_config(plan_id, {"cover": normalized["cover"]})
-
-    logger.info(
-        "AI 封面生成: plan_id=%s type=%s by user=%s",
-        plan_id,
-        body.cover_type,
-        current_user.user.id,
-    )
-
-    return GenerateCoverResponse(
-        plan_id=plan_id,
-        cover=cover_data,
-    )

apps/api/app/api/routes/edit_plans_generation.py

@@ -1,383 +0,0 @@
-"""剪辑计划生成相关 API 端点。
-
-从 edit_plans.py 拆分，包含：
-- POST /{plan_id}/generate          触发剪辑渲染生成
-- GET  /{plan_id}/generation-status 查询生成进度
-- GET  /{plan_id}/generations       查询关联的生成记录
-"""
-
-from __future__ import annotations
-
-import logging
-from typing import Any
-
-from app.api.routes._helpers import check_project_access
-from app.api.routes.edit_plans import (
-    ClipStatusItem,
-    EditPlanGenerateResponse,
-    EditPlanGenerationsResponse,
-    EditPlanGenerationStatusResponse,
-)
-from app.auth import AuthenticatedUser, get_current_user
-from app.core.celery_app import celery_app
-from app.core.task_enqueue import GLOBAL_PENDING_LIMIT, USER_PENDING_LIMIT
-from app.dependencies import get_asset_library_repository, get_asset_repository, get_db_session, get_project_repository
-from app.services import EditPlanService
-from fastapi import APIRouter, Depends, HTTPException, status
-from sqlalchemy.orm import Session
-
-from packages.adapters.sqlalchemy_impl.generation_task_repository import (
-    SQLAlchemyGenerationTaskRepository,
-)
-from packages.adapters.sqlalchemy_impl.template_clip_config_repository import (
-    SQLAlchemyTemplateClipConfigRepository,
-)
-from packages.adapters.sqlalchemy_impl.template_repository import (
-    SQLAlchemyTemplateRepository,
-)
-from packages.application.generation_tasks import (
-    CreateGenerationTaskCommand,
-    CreateGenerationTaskUseCase,
-)
-from packages.domain.edit_plan import EditPlanStatus
-
-logger = logging.getLogger(__name__)
-
-router = APIRouter()
-
-
-def _auto_fallback_draft_to_editing(svc: EditPlanService, plan_id: str, plan_check) -> None:
-    """自动兜底 1: draft → editing"""
-    if plan_check.status == EditPlanStatus.DRAFT:
-        logger.info("自动兜底: plan=%s draft→editing", plan_id)
-        svc.transition_status(plan_id, EditPlanStatus.EDITING)
-
-
-def _auto_fallback_copy_template_clips(svc: EditPlanService, plan_id: str, plan_check, db: Session) -> None:
-    """自动兜底 2: 无片段 + 有 template_id → 从模板复制片段配置"""
-    existing_clips = svc.count_clips(plan_id)
-    if existing_clips == 0 and plan_check.template_id:
-        logger.info(
-            "自动兜底: plan=%s 无片段，从模板 %s 复制片段配置",
-            plan_id,
-            plan_check.template_id,
-        )
-        clip_config_repo = SQLAlchemyTemplateClipConfigRepository(db)
-        configs = clip_config_repo.list_by_template(plan_check.template_id)
-        if configs:
-            for cfg in configs:
-                svc.create_clip(
-                    plan_id=plan_id,
-                    clip_type=cfg.clip_type.value if hasattr(cfg.clip_type, "value") else cfg.clip_type,
-                    order=cfg.order,
-                    template_clip_config_id=cfg.id,
-                    duration=cfg.default_duration,
-                    transition_effect=(
-                        cfg.transition_effect.value
-                        if hasattr(cfg.transition_effect, "value")
-                        else cfg.transition_effect
-                    ),
-                )
-            logger.info("自动兜底: plan=%s 从新模型 template_clip_configs 复制了 %d 个片段", plan_id, len(configs))
-        else:
-            tpl_repo = SQLAlchemyTemplateRepository(db)
-            segments = tpl_repo.list_segments(plan_check.template_id)
-            for seg in segments:
-                avg_duration = (seg.duration_min + seg.duration_max) / 2
-                svc.create_clip(
-                    plan_id=plan_id,
-                    clip_type="main",
-                    order=seg.segment_order,
-                    duration=avg_duration,
-                    config={
-                        "material_type": seg.material_type or "",
-                        "template_segment_id": seg.id,
-                    },
-                )
-            logger.info("自动兜底: plan=%s 从旧模型 template_segments 复制了 %d 个片段", plan_id, len(segments))
-
-
-def _auto_fallback_assign_assets(
-    svc: EditPlanService,
-    plan_id: str,
-    plan_check,
-) -> list:
-    """自动兜底 3: 为没有素材的片段分配素材。返回剩余无素材片段列表。"""
-    all_clips = svc.list_clips(plan_id)
-    clips_without_asset = [c for c in all_clips if not c.asset_id]
-    config_asset_ids = (plan_check.config or {}).get("asset_ids", [])
-
-    if clips_without_asset and config_asset_ids:
-        logger.info(
-            "自动兜底3: plan=%s 为 %d 个无素材片段分配 %d 个指定素材",
-            plan_id,
-            len(clips_without_asset),
-            len(config_asset_ids),
-        )
-        for i, clip in enumerate(clips_without_asset):
-            asset_idx = i % len(config_asset_ids)
-            svc.assign_asset(clip.id, config_asset_ids[asset_idx])
-        logger.info("自动兜底3: plan=%s 素材分配完成", plan_id)
-        clips_without_asset = []
-
-    return clips_without_asset
-
-
-def _auto_fallback_auto_material_mode(
-    svc: EditPlanService,
-    plan_id: str,
-    plan_check,
-    clips_without_asset: list,
-    asset_library_repo: Any,
-    asset_repo: Any,
-) -> None:
-    """自动兜底 4: 自动素材模式 → 从项目默认视频素材库选取"""
-    if not clips_without_asset:
-        return
-    material_mode = (plan_check.config or {}).get("material_mode", "manual")
-    if material_mode != "auto" or not plan_check.project_id:
-        return
-
-    import random
-
-    logger.info(
-        "自动兜底4: plan=%s 自动素材模式，从项目素材库选取素材 (%d 个片段需要)",
-        plan_id,
-        len(clips_without_asset),
-    )
-    libs = asset_library_repo.find_by_project(plan_check.project_id)
-    video_lib = None
-    for lib in libs:
-        lib_kind = lib.kind.value if hasattr(lib.kind, "value") else lib.kind
-        if lib_kind == "video":
-            video_lib = lib
-            break
-
-    if video_lib:
-        assets = asset_repo.find_by_library(video_lib.id)
-        ready_videos = [
-            a
-            for a in assets
-            if (a.status.value if hasattr(a.status, "value") else a.status) == "ready"
-            and a.mime_type
-            and a.mime_type.startswith("video")
-        ]
-        if ready_videos:
-            random.shuffle(ready_videos)
-            for i, clip in enumerate(clips_without_asset):
-                asset = ready_videos[i % len(ready_videos)]
-                svc.assign_asset(clip.id, asset.id)
-            logger.info(
-                "自动兜底4: plan=%s 从素材库 %s 分配了 %d 个素材给 %d 个片段",
-                plan_id,
-                video_lib.name,
-                len(ready_videos),
-                len(clips_without_asset),
-            )
-        else:
-            logger.warning("自动兜底4: plan=%s 素材库无可用视频素材", plan_id)
-    else:
-        logger.warning("自动兜底4: plan=%s 项目无视频素材库", plan_id)
-
-
-def _check_queue_limits(gen_task_repo, user_id: str) -> None:
-    """队列限流预检查"""
-    try:
-        has_count = hasattr(gen_task_repo, "count_pending_by_user") and hasattr(
-            gen_task_repo, "count_pending_total"
-        )
-        if has_count:
-            user_pending = gen_task_repo.count_pending_by_user(user_id)
-            global_pending = gen_task_repo.count_pending_total()
-            if user_pending >= USER_PENDING_LIMIT:
-                raise HTTPException(
-                    status_code=429,
-                    detail=f"您的待处理任务过多（当前 {user_pending}/{USER_PENDING_LIMIT}），请等待完成后再提交",
-                )
-            if global_pending >= GLOBAL_PENDING_LIMIT:
-                raise HTTPException(
-                    status_code=503,
-                    detail="系统繁忙，请稍后再试",
-                )
-    except HTTPException:
-        raise
-    except Exception as e:
-        logger.warning("[队列限流] 剪辑计划限流检查失败，跳过: %s", e)
-
-
-@router.post("/{plan_id}/generate", response_model=EditPlanGenerateResponse)
-def generate_plan(
-    plan_id: str,
-    db: Session = Depends(get_db_session),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-    project_repository: Any = Depends(get_project_repository),
-    asset_library_repo: Any = Depends(get_asset_library_repository),
-    asset_repo: Any = Depends(get_asset_repository),
-) -> EditPlanGenerateResponse:
-    """触发剪辑计划渲染生成
-
-    前置条件：计划状态必须为 editing，且至少有一个片段。
-    流程：
-    1. 验证计划状态为 editing
-    2. 将 pending 片段标记为 ready
-    3. 创建 GenerationTask
-    4. 调度 Celery 任务 worker.render_edit_plan
-    5. 将计划状态流转为 rendering
-    """
-    svc = EditPlanService(db)
-    plan_check = svc.get_plan(plan_id)
-    if plan_check is None:
-        raise HTTPException(status_code=404, detail=f"剪辑计划不存在: {plan_id}")
-    if plan_check.project_id:
-        check_project_access(plan_check.project_id, current_user.user.id, project_repository)
-
-    # 自动兜底流程
-    _auto_fallback_draft_to_editing(svc, plan_id, plan_check)
-    _auto_fallback_copy_template_clips(svc, plan_id, plan_check, db)
-    clips_without_asset = _auto_fallback_assign_assets(svc, plan_id, plan_check)
-    _auto_fallback_auto_material_mode(svc, plan_id, plan_check, clips_without_asset, asset_library_repo, asset_repo)
-
-    # 检查是否可生成
-    try:
-        can_gen, reason = svc.can_generate(plan_id)
-    except ValueError as exc:
-        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail=str(exc))
-    if not can_gen:
-        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail=reason)
-
-    # 核心生成流程
-    try:
-        clip_count = svc.mark_clips_ready(plan_id)
-
-        gen_task_repo = SQLAlchemyGenerationTaskRepository(db)
-        user_id = current_user.user.id
-        _check_queue_limits(gen_task_repo, user_id)
-
-        gen_task_use_case = CreateGenerationTaskUseCase(gen_task_repo)
-        plan = svc.get_plan_or_raise(plan_id)
-        gen_task = gen_task_use_case.execute(
-            CreateGenerationTaskCommand(
-                project_id="",
-                template_id=plan.template_id,
-                created_by_user_id=current_user.user.id,
-                source_edit_plan_id=plan_id,
-            )
-        )
-
-        svc.update_plan_config(plan_id, {"generation_task_id": gen_task.id})
-        svc.transition_status(plan_id, EditPlanStatus.RENDERING)
-        celery_app.send_task("worker.render_edit_plan", args=[plan_id])
-
-        updated_plan = svc.get_plan_or_raise(plan_id)
-
-        logger.info(
-            "触发剪辑计划生成: plan_id=%s gen_task_id=%s clips=%d by user=%s",
-            plan_id,
-            gen_task.id,
-            clip_count,
-            current_user.user.id,
-        )
-
-        return EditPlanGenerateResponse(
-            plan_id=plan_id,
-            plan_status=updated_plan.status.value if hasattr(updated_plan.status, "value") else updated_plan.status,
-            generation_task_id=gen_task.id,
-            clip_count=clip_count,
-        )
-    except HTTPException:
-        raise
-    except Exception:
-        logger.exception("触发剪辑计划生成失败: plan_id=%s", plan_id)
-        try:
-            svc.transition_status(plan_id, EditPlanStatus.FAILED)
-        except Exception:
-            logger.warning("标记计划失败状态时异常: plan_id=%s", plan_id)
-        raise HTTPException(
-            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
-            detail="生成失败，请稍后重试",
-        )
-
-
-@router.get(
-    "/{plan_id}/generation-status",
-    response_model=EditPlanGenerationStatusResponse,
-)
-def get_generation_status(
-    plan_id: str,
-    db: Session = Depends(get_db_session),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-    project_repository: Any = Depends(get_project_repository),
-) -> EditPlanGenerationStatusResponse:
-    """查询剪辑计划生成进度"""
-    svc = EditPlanService(db)
-    try:
-        gen_status = svc.get_generation_status(plan_id)
-    except ValueError as exc:
-        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail=str(exc))
-
-    plan = gen_status["plan"]
-    if plan.project_id:
-        check_project_access(plan.project_id, current_user.user.id, project_repository)
-    clips = gen_status["clips"]
-
-    clip_items = [
-        ClipStatusItem(
-            clip_id=c.id,
-            clip_type=c.clip_type,
-            order=c.order,
-            status=c.status.value if hasattr(c.status, "value") else c.status,
-            asset_id=c.asset_id or "",
-            text_content=c.text_content or "",
-            duration=c.duration,
-        )
-        for c in clips
-    ]
-
-    return EditPlanGenerationStatusResponse(
-        plan_id=plan_id,
-        plan_status=plan.status.value if hasattr(plan.status, "value") else plan.status,
-        generation_task_id=gen_status["generation_task_id"],
-        clips=clip_items,
-    )
-
-
-@router.get(
-    "/{plan_id}/generations",
-    response_model=EditPlanGenerationsResponse,
-)
-def list_plan_generations(
-    plan_id: str,
-    db: Session = Depends(get_db_session),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-    project_repository: Any = Depends(get_project_repository),
-) -> EditPlanGenerationsResponse:
-    """查询剪辑计划关联的所有生成记录"""
-    svc = EditPlanService(db)
-    plan = svc.get_plan_or_raise(plan_id)
-    if plan.project_id:
-        check_project_access(plan.project_id, current_user.user.id, project_repository)
-
-    from app.schemas.generation_task import GenerationTaskResponse
-
-    gen_task_repo = SQLAlchemyGenerationTaskRepository(db)
-    tasks = gen_task_repo.list_by_source_edit_plan(plan_id)
-    items = [
-        GenerationTaskResponse(
-            id=t.id,
-            project_id=t.project_id,
-            asset_library_id=t.asset_library_id,
-            strategy_id=t.strategy_id,
-            voice_library_id=t.voice_library_id,
-            template_id=t.template_id,
-            asset_ids=t.asset_ids,
-            title_ids=t.title_ids,
-            voice_ids=t.voice_ids,
-            source_edit_plan_id=t.source_edit_plan_id or "",
-            status=t.status.value if hasattr(t.status, "value") else t.status,
-            progress=t.progress,
-            result_count=t.result_count,
-            error_message=t.error_message,
-        )
-        for t in tasks
-    ]
-    return EditPlanGenerationsResponse(items=items, total=len(items))

apps/api/app/api/routes/edit_plans_timeline.py

@@ -1,221 +0,0 @@
-"""剪辑计划时间线 & 模板生成 API 端点。
-
-从 edit_plans.py 拆分，包含：
-- GET  /{plan_id}/timeline            时间线场景数据
-- POST /generate-from-template        基于模板+素材自动生成剪辑计划
-"""
-
-from __future__ import annotations
-
-import logging
-from typing import Any, List
-
-from app.api.routes._helpers import check_project_access
-from app.api.routes.edit_plans import (
-    GenerateFromTemplateRequest,
-    GenerateFromTemplateResponse,
-    _PlanClipItem,
-    _to_response,
-)
-from app.auth import AuthenticatedUser, get_current_user
-from app.dependencies import get_db_session, get_project_repository
-from app.services import EditPlanService, PlanGeneratorService
-from fastapi import APIRouter, Depends, HTTPException, Query, status
-from pydantic import BaseModel, Field
-from sqlalchemy.orm import Session
-
-logger = logging.getLogger(__name__)
-
-router = APIRouter()
-
-
-# ── Timeline Schemas ──────────────────────────────────────────────────────────
-
-
-class TimelineSceneResponse(BaseModel):
-    """时间线场景"""
-
-    scene: str = Field(..., description="场景描述")
-    time: str = Field(..., description='时间范围，如 "0:00 - 0:05"')
-    duration: float = Field(..., ge=0, description="时长（秒）")
-    color: str = Field(..., description="展示颜色")
-    clip_id: str = Field(default="", description="关联的片段 ID")
-    clip_type: str = Field(default="", description="片段类型")
-
-
-class TimelineResponse(BaseModel):
-    """时间线响应"""
-
-    plan_id: str
-    total_duration: float
-    scenes: List[TimelineSceneResponse]
-
-
-# clip_type → 颜色映射
-_CLIP_TYPE_COLORS = {
-    "intro": "#6366f1",
-    "title": "#6366f1",
-    "product": "#818cf8",
-    "showcase": "#10b981",
-    "scene": "#10b981",
-    "subtitle": "#f59e0b",
-    "text": "#f59e0b",
-    "cta": "#ef4444",
-    "outro": "#ef4444",
-    "voiceover": "#8b5cf6",
-    "transition": "#64748b",
-}
-
-_DEFAULT_COLOR = "#6366f1"
-
-
-def _format_time(seconds: float) -> str:
-    """将秒数格式化为 M:SS"""
-    m = int(seconds) // 60
-    s = int(seconds) % 60
-    return f"{m}:{s:02d}"
-
-
-def _clip_type_to_scene_label(clip_type: str, text_content: str) -> str:
-    """根据 clip_type 和 text_content 生成场景描述"""
-    type_labels = {
-        "intro": "开场",
-        "title": "标题",
-        "product": "产品展示",
-        "showcase": "场景展示",
-        "scene": "场景",
-        "subtitle": "字幕",
-        "text": "文字",
-        "cta": "结尾 CTA",
-        "outro": "结尾",
-        "voiceover": "配音",
-        "transition": "转场",
-    }
-    label = type_labels.get(clip_type, clip_type or "片段")
-    if text_content:
-        short = text_content[:20].strip()
-        if short:
-            return f"{label} - {short}"
-    return label
-
-
-# ── Routes ────────────────────────────────────────────────────────────────────
-
-
-@router.get(
-    "/{plan_id}/timeline",
-    response_model=TimelineResponse,
-)
-def get_plan_timeline(
-    plan_id: str,
-    db: Session = Depends(get_db_session),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-    project_repository: Any = Depends(get_project_repository),
-) -> TimelineResponse:
-    """获取剪辑计划的时间线场景数据"""
-    svc = EditPlanService(db)
-    plan = svc.get_plan_or_raise(plan_id)
-    if plan.project_id:
-        check_project_access(plan.project_id, current_user.user.id, project_repository)
-
-    clips = svc.list_clips(plan_id=plan_id, skip=0, limit=200)
-    clips.sort(key=lambda c: c.order)
-
-    scenes: List[TimelineSceneResponse] = []
-    current_time = 0.0
-
-    for clip in clips:
-        start = current_time
-        end = start + clip.duration
-        color = _CLIP_TYPE_COLORS.get(clip.clip_type, _DEFAULT_COLOR)
-        scene_label = _clip_type_to_scene_label(clip.clip_type, clip.text_content)
-
-        scenes.append(
-            TimelineSceneResponse(
-                scene=scene_label,
-                time=f"{_format_time(start)} - {_format_time(end)}",
-                duration=clip.duration,
-                color=color,
-                clip_id=clip.id,
-                clip_type=clip.clip_type,
-            )
-        )
-        current_time = end
-
-    total_duration = sum(s.duration for s in scenes) or plan.total_duration
-
-    return TimelineResponse(
-        plan_id=plan_id,
-        total_duration=total_duration,
-        scenes=scenes,
-    )
-
-
-@router.post(
-    "/generate-from-template",
-    response_model=GenerateFromTemplateResponse,
-    status_code=status.HTTP_201_CREATED,
-)
-def generate_from_template(
-    body: GenerateFromTemplateRequest,
-    db: Session = Depends(get_db_session),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-    project_repository: Any = Depends(get_project_repository),
-) -> GenerateFromTemplateResponse:
-    """基于模板 + 素材自动生成剪辑计划"""
-    from app.services import EditTemplateService
-
-    if body.project_id:
-        check_project_access(body.project_id, current_user.user.id, project_repository)
-
-    template_svc = EditTemplateService(db)
-
-    try:
-        template = template_svc.get_template_or_raise(body.template_id)
-    except ValueError as exc:
-        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail=str(exc))
-
-    clip_configs = template_svc.list_clip_configs(body.template_id, skip=0, limit=200)
-
-    generator = PlanGeneratorService(db)
-    result = generator.generate_from_template(
-        template=template,
-        clip_configs=clip_configs,
-        asset_ids=body.asset_ids,
-        project_id=body.project_id,
-        created_by_user_id=current_user.user.id,
-        name=body.name,
-    )
-
-    plan = result["plan"]
-    clips = result["clips"]
-
-    logger.info(
-        "基于模板生成剪辑计划: plan_id=%s template_id=%s clips=%d by user=%s",
-        plan.id,
-        body.template_id,
-        len(clips),
-        current_user.user.id,
-    )
-
-    return GenerateFromTemplateResponse(
-        plan=_to_response(plan),
-        clips=[
-            _PlanClipItem(
-                id=c.id,
-                clip_type=c.clip_type,
-                order=c.order,
-                asset_id=c.asset_id,
-                text_content=c.text_content,
-                start_time=c.start_time,
-                duration=c.duration,
-                transition_effect=c.transition_effect,
-                transition_duration=c.transition_duration,
-                status=c.status.value if hasattr(c.status, "value") else c.status,
-                config=c.config,
-                created_at=c.created_at,
-                updated_at=c.updated_at,
-            )
-            for c in clips
-        ],
-    )

apps/api/app/api/routes/edit_templates.py

@@ -0,0 +1,289 @@
+"""模板管理 API — Phase 8 模板编排引擎.
+
+RESTful CRUD for EditTemplate:
+- GET  /api/v1/edit-templates      列表（分页 + 类型筛选）
+- GET  /api/v1/edit-templates/{id} 详情
+- POST /api/v1/edit-templates      创建（管理员）
+- PUT  /api/v1/edit-templates/{id} 更新
+- DELETE /api/v1/edit-templates/{id} 删除（软删除 → inactive）
+
+业务逻辑委托给 EditTemplateService 服务层。
+"""
+
+from __future__ import annotations
+
+import logging
+from datetime import datetime
+from typing import Any, List, Optional
+
+from app.auth import AuthenticatedUser, get_current_user
+from app.dependencies import get_db_session
+from app.services import EditTemplateService
+from fastapi import APIRouter, Depends, HTTPException, Query, status
+from fastapi.responses import Response
+from pydantic import BaseModel, Field
+from sqlalchemy.orm import Session
+
+from packages.domain.config_schemas import normalize_template_config
+from packages.domain.edit_template import EditTemplate, EditTemplateStatus
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+
+# ── Pydantic Schemas ─────────────────────────────────────────────────────────
+
+
+class EditTemplateCreateRequest(BaseModel):
+    """创建模板请求体"""
+
+    name: str = Field(..., min_length=1, max_length=200, description="模板名称")
+    description: str = Field(default="", max_length=2000, description="模板描述")
+    template_type: str = Field(default="default", max_length=50, description="模板类型")
+    editing_mode: str = Field(
+        default="one_take", max_length=20, description="剪辑模式: one_take/pip/voice_over/voice_pip"
+    )
+    config: dict[str, Any] = Field(default_factory=dict, description="模板配置 (JSON)")
+    preview_url: str = Field(default="", max_length=500, description="预览地址")
+    sort_weight: int = Field(default=0, ge=0, le=9999, description="排序权重")
+
+
+class EditTemplateUpdateRequest(BaseModel):
+    """更新模板请求体"""
+
+    name: Optional[str] = Field(default=None, min_length=1, max_length=200, description="模板名称")
+    description: Optional[str] = Field(default=None, max_length=2000, description="模板描述")
+    template_type: Optional[str] = Field(default=None, max_length=50, description="模板类型")
+    editing_mode: Optional[str] = Field(
+        default=None, max_length=20, description="剪辑模式: one_take/pip/voice_over/voice_pip"
+    )
+    config: Optional[dict[str, Any]] = Field(default=None, description="模板配置 (JSON)")
+    preview_url: Optional[str] = Field(default=None, max_length=500, description="预览地址")
+    sort_weight: Optional[int] = Field(default=None, ge=0, le=9999, description="排序权重")
+    status: Optional[str] = Field(default=None, description="状态: active / inactive")
+
+
+class EditTemplateResponse(BaseModel):
+    """模板响应体"""
+
+    id: str
+    name: str
+    description: str
+    template_type: str
+    editing_mode: str
+    config: dict[str, Any]
+    preview_url: str
+    sort_weight: int
+    status: str
+    created_at: datetime
+    updated_at: datetime
+
+    model_config = {"from_attributes": True}
+
+
+class EditTemplateListResponse(BaseModel):
+    """模板列表响应体"""
+
+    items: List[EditTemplateResponse]
+    total: int
+    page: int
+    page_size: int
+
+
+# ── Helpers ───────────────────────────────────────────────────────────────────
+
+
+def _require_admin(current_user: AuthenticatedUser) -> None:
+    """校验当前用户是否为管理员，非管理员返回 403"""
+    if not getattr(current_user.user, "is_admin", False):
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="仅管理员可执行此操作",
+        )
+
+
+def _to_response(t: EditTemplate) -> EditTemplateResponse:
+    return EditTemplateResponse(
+        id=t.id,
+        name=t.name,
+        description=t.description,
+        template_type=t.template_type,
+        editing_mode=t.editing_mode,
+        config=t.config,
+        preview_url=t.preview_url,
+        sort_weight=t.sort_weight,
+        status=t.status.value if hasattr(t.status, "value") else t.status,
+        created_at=t.created_at,
+        updated_at=t.updated_at,
+    )
+
+
+# ── Routes ────────────────────────────────────────────────────────────────────
+
+
+@router.get("", response_model=EditTemplateListResponse)
+def list_templates(
+    page: int = Query(default=1, ge=1, description="页码"),
+    page_size: int = Query(default=20, ge=1, le=100, description="每页数量"),
+    template_type: Optional[str] = Query(default=None, description="按类型筛选"),
+    status_filter: Optional[str] = Query(
+        default=None,
+        alias="status",
+        description="按状态筛选: active / inactive",
+    ),
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+) -> EditTemplateListResponse:
+    """获取模板列表（支持分页、按类型/状态筛选）"""
+    svc = EditTemplateService(db)
+
+    # 解析状态筛选
+    status_enum: Optional[EditTemplateStatus] = None
+    if status_filter:
+        try:
+            status_enum = EditTemplateStatus(status_filter)
+        except ValueError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"无效的状态值: {status_filter}，可选值: active, inactive",
+            )
+
+    skip = (page - 1) * page_size
+    templates = svc.list_templates(
+        template_type=template_type,
+        status=status_enum,
+        skip=skip,
+        limit=page_size,
+    )
+    total = svc.count_templates(
+        template_type=template_type,
+        status=status_enum,
+    )
+
+    return EditTemplateListResponse(
+        items=[_to_response(t) for t in templates],
+        total=total,
+        page=page,
+        page_size=page_size,
+    )
+
+
+@router.get("/{template_id}", response_model=EditTemplateResponse)
+def get_template(
+    template_id: str,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+) -> EditTemplateResponse:
+    """获取单个模板详情"""
+    svc = EditTemplateService(db)
+    try:
+        template = svc.get_template_or_raise(template_id)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=str(exc),
+        )
+    return _to_response(template)
+
+
+@router.post("", response_model=EditTemplateResponse, status_code=status.HTTP_201_CREATED)
+def create_template(
+    body: EditTemplateCreateRequest,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+) -> EditTemplateResponse:
+    """创建模板（管理员）"""
+    _require_admin(current_user)
+    svc = EditTemplateService(db)
+    # 标准化 config，填充 cover/title/subtitle/bgm 默认值
+    normalized_config = normalize_template_config(body.config)
+    try:
+        created = svc.create_template(
+            name=body.name,
+            description=body.description,
+            template_type=body.template_type,
+            editing_mode=body.editing_mode,
+            config=normalized_config,
+            preview_url=body.preview_url,
+            sort_weight=body.sort_weight,
+        )
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail=str(exc),
+        )
+    logger.info("创建模板: id=%s name=%s by user=%s", created.id, created.name, current_user.user.id)
+    return _to_response(created)
+
+
+@router.put("/{template_id}", response_model=EditTemplateResponse)
+def update_template(
+    template_id: str,
+    body: EditTemplateUpdateRequest,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+) -> EditTemplateResponse:
+    """更新模板"""
+    _require_admin(current_user)
+    svc = EditTemplateService(db)
+
+    # 解析状态
+    status_enum: Optional[EditTemplateStatus] = None
+    if body.status is not None:
+        try:
+            status_enum = EditTemplateStatus(body.status)
+        except ValueError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"无效的状态值: {body.status}，可选值: active, inactive",
+            )
+
+    # 标准化 config（如果提供了）
+    config_to_update = normalize_template_config(body.config) if body.config is not None else None
+
+    try:
+        result = svc.update_template(
+            template_id,
+            name=body.name,
+            description=body.description,
+            template_type=body.template_type,
+            editing_mode=body.editing_mode,
+            config=config_to_update,
+            preview_url=body.preview_url,
+            sort_weight=body.sort_weight,
+            status=status_enum,
+        )
+    except ValueError as exc:
+        err_msg = str(exc)
+        if "不存在" in err_msg:
+            raise HTTPException(
+                status_code=status.HTTP_404_NOT_FOUND,
+                detail=err_msg,
+            )
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail=err_msg,
+        )
+    logger.info("更新模板: id=%s by user=%s", template_id, current_user.user.id)
+    return _to_response(result)
+
+
+@router.delete("/{template_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
+def delete_template(
+    template_id: str,
+    db: Session = Depends(get_db_session),
+    current_user: AuthenticatedUser = Depends(get_current_user),
+) -> Response:
+    """删除模板（软删除 → 设为 inactive）"""
+    _require_admin(current_user)
+    svc = EditTemplateService(db)
+    try:
+        svc.deactivate_template(template_id)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=str(exc),
+        )
+    logger.info("删除模板(软删除): id=%s by user=%s", template_id, current_user.user.id)
+    return Response(status_code=204)

apps/api/app/api/routes/feature_flags.py

@@ -19,10 +19,11 @@ from typing import Optional
 
 from app.api.routes.auth import _verify_internal_api_key
 from app.config import settings
-from fastapi import APIRouter, Depends, HTTPException, Query, Response, status
+from fastapi import APIRouter, Depends, HTTPException, Query, status
 from pydantic import BaseModel, Field
 
 from packages.adapters.redis.feature_flag_store import (
+    FEATURE_FLAG_REDIS_PREFIX,
     FeatureFlagConfig,
     RedisFeatureFlagStore,
 )
@@ -89,7 +90,7 @@ def _validate_flag_name(name: str) -> None:
 async def list_feature_flags(
     _: bool = Depends(_verify_internal_api_key),
     store: RedisFeatureFlagStore = Depends(_get_feature_flag_store),
-) -> list[FeatureFlagResponse]:
+):
     """列出所有 Feature Flag。"""
     try:
         flags = store.list_all()
@@ -113,7 +114,7 @@ async def get_feature_flag(
     name: str,
     _: bool = Depends(_verify_internal_api_key),
     store: RedisFeatureFlagStore = Depends(_get_feature_flag_store),
-) -> FeatureFlagResponse:
+):
     """获取单个 Feature Flag 配置。"""
     try:
         config = store.get(name)
@@ -129,7 +130,7 @@ async def check_feature_flag(
     identifier: Optional[str] = Query(None, description="标识符，如 user_id"),
     _: bool = Depends(_verify_internal_api_key),
     store: RedisFeatureFlagStore = Depends(_get_feature_flag_store),
-) -> FeatureFlagCheckResponse:
+):
     """检查某个标识符是否命中 Feature Flag。"""
     try:
         active = store.is_active(name, identifier=identifier)
@@ -145,7 +146,7 @@ async def update_feature_flag(
     request: FeatureFlagUpdateRequest,
     _: bool = Depends(_verify_internal_api_key),
     store: RedisFeatureFlagStore = Depends(_get_feature_flag_store),
-) -> FeatureFlagResponse:
+):
     """更新 Feature Flag 配置。
 
     只允许修改 ALLOWED_FLAGS 列表中的 flag。
@@ -173,12 +174,12 @@ async def update_feature_flag(
         raise HTTPException(status_code=500, detail=f"Failed to update flag: {exc}")
 
 
-@router.delete("/{name}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/{name}", status_code=status.HTTP_204_NO_CONTENT)
 async def delete_feature_flag(
     name: str,
     _: bool = Depends(_verify_internal_api_key),
     store: RedisFeatureFlagStore = Depends(_get_feature_flag_store),
-) :
+):
     """删除 Feature Flag。
 
     只允许删除 ALLOWED_FLAGS 列表中的 flag。
@@ -188,7 +189,7 @@ async def delete_feature_flag(
     try:
         deleted = store.delete(name)
         logger.info("Feature flag deleted: name=%s deleted=%s", name, deleted)
-        pass
+        return None
     except Exception as exc:
         logger.error("Failed to delete feature flag %s: %s", name, exc)
         raise HTTPException(status_code=500, detail=f"Failed to delete flag: {exc}")

apps/api/app/api/routes/generated_videos.py

@@ -0,0 +1,123 @@
+from typing import Any
+
+from app.auth import AuthenticatedUser, get_current_user
+from app.core.storage import OSSStorageService, get_storage_service
+from app.dependencies import get_generated_video_repository, get_project_repository
+from app.schemas.generated_video import (
+    GeneratedVideoDownloadUrlResponse,
+    GeneratedVideoResponse,
+    ListGeneratedVideosResponse,
+    UpdateGeneratedVideoReviewRequest,
+)
+from fastapi import APIRouter, Depends, HTTPException, Query
+
+from packages.application import (
+    GetGeneratedVideoDownloadUrlUseCase,
+    GetGeneratedVideoUseCase,
+    ListGeneratedVideosUseCase,
+)
+
+router = APIRouter()
+
+
+def _to_generated_video_response(item, download_url: str | None = None) -> GeneratedVideoResponse:
+    return GeneratedVideoResponse(
+        id=item.id,
+        project_id=item.project_id,
+        generation_task_id=item.generation_task_id,
+        name=item.name,
+        file_url=item.file_url,
+        file_size=item.file_size,
+        duration=item.duration,
+        thumbnail_url=item.thumbnail_url,
+        width=item.width,
+        height=item.height,
+        fps=item.fps,
+        status=item.status,
+        review_status=item.review_status,
+        generation_params=item.generation_params,
+        download_url=download_url,
+    )
+
+
+@router.get("", response_model=ListGeneratedVideosResponse)
+def list_generated_videos(
+    project_id: str | None = Query(None),
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    generated_video_repository: Any = Depends(get_generated_video_repository),
+    project_repository: Any = Depends(get_project_repository),
+    storage_service: OSSStorageService = Depends(get_storage_service),
+) -> ListGeneratedVideosResponse:
+    user_id = authenticated_user.user.id
+    use_case = ListGeneratedVideosUseCase(generated_video_repository)
+
+    if project_id:
+        # If project_id provided, check access and filter by project
+        project = project_repository.find_by_id(project_id)
+        if project is None:
+            raise HTTPException(status_code=404, detail=f"Project {project_id} not found")
+        items = use_case.execute(project_id)
+    else:
+        # If no project_id, list all videos from accessible projects
+        accessible_projects = project_repository.find_accessible_projects(user_id)
+        all_items = []
+        for proj in accessible_projects:
+            all_items.extend(use_case.execute(proj.id))
+        items = all_items
+
+    # Generate download URLs for each video
+    responses = []
+    for item in items:
+        download_url = storage_service.get_download_url(item.file_url)
+        responses.append(_to_generated_video_response(item, download_url=download_url))
+    return ListGeneratedVideosResponse(items=responses)
+
+
+@router.get("/{video_id}", response_model=GeneratedVideoResponse)
+def get_generated_video(
+    video_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    generated_video_repository: Any = Depends(get_generated_video_repository),
+    storage_service: OSSStorageService = Depends(get_storage_service),
+) -> GeneratedVideoResponse:
+    use_case = GetGeneratedVideoUseCase(generated_video_repository)
+    item = use_case.execute(video_id)
+    if item is None:
+        raise HTTPException(status_code=404, detail=f"GeneratedVideo {video_id} not found")
+    download_url = storage_service.get_download_url(item.file_url)
+    return _to_generated_video_response(item, download_url=download_url)
+
+
+@router.patch("/{video_id}/review", response_model=GeneratedVideoResponse)
+def update_generated_video_review_status(
+    video_id: str,
+    request: UpdateGeneratedVideoReviewRequest,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    generated_video_repository: Any = Depends(get_generated_video_repository),
+    storage_service: OSSStorageService = Depends(get_storage_service),
+) -> GeneratedVideoResponse:
+    video = generated_video_repository.get(video_id)
+    if video is None:
+        raise HTTPException(status_code=404, detail=f"GeneratedVideo {video_id} not found")
+    video.review_status = request.review_status
+    updated = generated_video_repository.update(video)
+    download_url = storage_service.get_download_url(updated.file_url)
+    return _to_generated_video_response(updated, download_url=download_url)
+
+
+@router.get("/{video_id}/download-url", response_model=GeneratedVideoDownloadUrlResponse)
+def get_generated_video_download_url(
+    video_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    generated_video_repository: Any = Depends(get_generated_video_repository),
+    storage_service: OSSStorageService = Depends(get_storage_service),
+) -> GeneratedVideoDownloadUrlResponse:
+    video = generated_video_repository.get(video_id)
+    if video is None:
+        raise HTTPException(status_code=404, detail=f"GeneratedVideo {video_id} not found")
+    use_case = GetGeneratedVideoDownloadUrlUseCase(generated_video_repository)
+    file_url = use_case.execute(video_id)
+    if file_url is None:
+        raise HTTPException(status_code=404, detail=f"GeneratedVideo {video_id} not found")
+    download_url = storage_service.get_download_url(file_url)
+    return GeneratedVideoDownloadUrlResponse(video_id=video_id, download_url=download_url)

apps/api/app/api/routes/generation_tasks.py

@@ -3,7 +3,6 @@ import random
 import uuid
 from typing import Any
 
-from app.api.routes._helpers import check_project_access
 from app.auth import AuthenticatedUser, get_current_user
 from app.core.storage import OSSStorageService, get_storage_service
 from app.core.task_enqueue import (
@@ -11,6 +10,7 @@ from app.core.task_enqueue import (
     USER_PENDING_LIMIT,
     GlobalQueueFull,
     UserPendingLimitExceeded,
+    check_queue_limits,
     safe_enqueue_generation_task,
 )
 from app.dependencies import (
@@ -32,6 +32,8 @@ from app.schemas.generation_task import (
 )
 from fastapi import APIRouter, Depends, HTTPException
 
+from app.api.routes._helpers import check_project_access
+
 from packages.application import (
     CreateGenerationTaskCommand,
     CreateGenerationTaskUseCase,
@@ -267,8 +269,6 @@ def create_generation_task(
                     source_edit_plan_id=request.source_edit_plan_id,
                     asset_select_mode=request.asset_select_mode,
                     batch_id=batch_id,
-                    auto_retry_enabled=request.auto_retry_enabled,
-                    auto_retry_max=request.auto_retry_max,
                 )
             )
             try:

apps/api/app/api/routes/jobs.py

@@ -0,0 +1,325 @@
+"""Job API 路由 — Phase 8 任务 2.10.
+
+提供统一异步任务管理 RESTful 接口：
+- POST   /api/v1/jobs                        创建任务
+- GET    /api/v1/jobs/{job_id}                任务详情
+- GET    /api/v1/projects/{project_id}/jobs   项目任务列表
+- GET    /api/v1/projects/{project_id}/jobs/stats  任务统计
+- PUT    /api/v1/jobs/{job_id}/progress       更新进度
+- POST   /api/v1/jobs/{job_id}/complete       标记完成
+- POST   /api/v1/jobs/{job_id}/fail           标记失败
+- POST   /api/v1/jobs/{job_id}/retry          重试任务
+- POST   /api/v1/jobs/{job_id}/cancel         取消任务
+- POST   /api/v1/jobs/{job_id}/submit         提交执行
+"""
+
+from __future__ import annotations
+
+import logging
+from typing import Any
+
+from app.auth import AuthenticatedUser, get_current_user
+from app.core.celery_app import celery_app
+from app.dependencies import get_job_repository, get_project_repository
+from app.schemas.job import (
+    CompleteJobRequest,
+    CreateJobRequest,
+    FailJobRequest,
+    JobResponse,
+    JobStatisticsResponse,
+    ListJobsResponse,
+    UpdateProgressRequest,
+    job_to_response,
+)
+from fastapi import APIRouter, Depends, HTTPException, Query, status
+
+from packages.application.jobs import (
+    CancelJobUseCase,
+    CompleteJobCommand,
+    CompleteJobUseCase,
+    CreateJobCommand,
+    CreateJobUseCase,
+    FailJobCommand,
+    FailJobUseCase,
+    GetJobStatisticsUseCase,
+    GetJobUseCase,
+    ListJobsUseCase,
+    RetryJobUseCase,
+    SubmitJobUseCase,
+    UpdateJobProgressCommand,
+    UpdateJobProgressUseCase,
+)
+from packages.domain.job import JobType
+
+from app.api.routes._helpers import check_project_access
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+# 任务类型 → Celery task name 映射
+_JOB_TYPE_TO_CELERY_TASK: dict[str, str] = {
+    JobType.VIDEO_COMPOSE: "worker.compose_video",
+    JobType.RENDER_EDIT_PLAN: "worker.render_edit_plan",
+    JobType.ASSET_INGEST: "worker.ingest_asset",
+    JobType.CLASSIFICATION: "worker.classify_asset",
+    JobType.VOICE_EXTRACTION: "worker.extract_voice",
+    JobType.GENERATION: "worker.generate_video",
+}
+
+
+# ── 创建任务 ──────────────────────────────────────────────────────────────────
+
+
+@router.post("/jobs", response_model=JobResponse, status_code=status.HTTP_201_CREATED)
+def create_job(
+    request: CreateJobRequest,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+    project_repository: Any = Depends(get_project_repository),
+) -> JobResponse:
+    """创建异步任务。
+
+    创建后任务处于 pending 状态，需要调用 /submit 提交执行。
+    """
+    check_project_access(request.project_id, authenticated_user.user.id, project_repository)
+
+    # 校验 job_type
+    try:
+        JobType(request.job_type)
+    except ValueError:
+        raise HTTPException(
+            status_code=400,
+            detail=f"不支持的任务类型: {request.job_type}，" f"可选值: {[t.value for t in JobType]}",
+        )
+
+    use_case = CreateJobUseCase(job_repo)
+    job = use_case.execute(
+        CreateJobCommand(
+            project_id=request.project_id,
+            job_type=request.job_type,
+            payload=request.payload,
+            source_id=request.source_id,
+            created_by_user_id=authenticated_user.user.id,
+            max_retries=request.max_retries,
+        )
+    )
+
+    return job_to_response(job)
+
+
+# ── 提交执行 ──────────────────────────────────────────────────────────────────
+
+
+@router.post("/jobs/{job_id}/submit", response_model=JobResponse)
+def submit_job(
+    job_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+) -> JobResponse:
+    """提交任务执行。
+
+    将任务状态从 pending 切换为 running，并 dispatch Celery 异步任务。
+    """
+    # 权限检查：先获取任务并验证权限，再执行状态变更
+    job = job_repo.get(job_id)
+    if job is None:
+        raise HTTPException(status_code=404, detail=f"Job {job_id} not found")
+    if job.created_by_user_id and job.created_by_user_id != authenticated_user.user.id:
+        raise HTTPException(status_code=403, detail="Access denied to this job")
+
+    use_case = SubmitJobUseCase(job_repo)
+
+    try:
+        job = use_case.execute(job_id)
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    # Dispatch Celery 任务
+    celery_task_name = _JOB_TYPE_TO_CELERY_TASK.get(job.job_type.value)
+    if celery_task_name:
+        result = celery_app.send_task(celery_task_name, args=[job.id], kwargs=job.payload)
+        job.celery_task_id = result.id
+        job_repo.update(job)
+        logger.info("已提交 Celery 任务: job_id=%s celery_task_id=%s", job.id, result.id)
+
+    return job_to_response(job)
+
+
+# ── 查询接口 ──────────────────────────────────────────────────────────────────
+
+
+@router.get("/jobs/{job_id}", response_model=JobResponse)
+def get_job(
+    job_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+) -> JobResponse:
+    """获取任务详情。"""
+    use_case = GetJobUseCase(job_repo)
+    job = use_case.execute(job_id)
+    if job is None:
+        raise HTTPException(status_code=404, detail=f"Job {job_id} not found")
+    return job_to_response(job)
+
+
+@router.get("/projects/{project_id}/jobs", response_model=ListJobsResponse)
+def list_project_jobs(
+    project_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+    project_repository: Any = Depends(get_project_repository),
+    job_type: str | None = Query(default=None, description="按任务类型过滤"),
+    status_filter: str | None = Query(default=None, alias="status", description="按状态过滤"),
+    limit: int = Query(default=50, ge=1, le=200),
+    offset: int = Query(default=0, ge=0),
+) -> ListJobsResponse:
+    """获取项目下的任务列表。"""
+    check_project_access(project_id, authenticated_user.user.id, project_repository)
+
+    use_case = ListJobsUseCase(job_repo)
+    jobs = use_case.execute(
+        project_id=project_id,
+        job_type=job_type,
+        status=status_filter,
+        limit=limit,
+        offset=offset,
+    )
+    items = [job_to_response(j) for j in jobs]
+    return ListJobsResponse(items=items, total=len(items))
+
+
+@router.get("/projects/{project_id}/jobs/stats", response_model=JobStatisticsResponse)
+def get_job_statistics(
+    project_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+    project_repository: Any = Depends(get_project_repository),
+) -> JobStatisticsResponse:
+    """获取项目任务统计摘要。"""
+    check_project_access(project_id, authenticated_user.user.id, project_repository)
+
+    use_case = GetJobStatisticsUseCase(job_repo)
+    stats = use_case.execute(project_id)
+    return JobStatisticsResponse(**stats)
+
+
+# ── 进度更新 ──────────────────────────────────────────────────────────────────
+
+
+@router.put("/jobs/{job_id}/progress", response_model=JobResponse)
+def update_job_progress(
+    job_id: str,
+    request: UpdateProgressRequest,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+) -> JobResponse:
+    """更新任务进度。"""
+    use_case = UpdateJobProgressUseCase(job_repo)
+
+    try:
+        job = use_case.execute(
+            UpdateJobProgressCommand(
+                job_id=job_id,
+                progress=request.progress,
+                current_stage=request.current_stage,
+            )
+        )
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return job_to_response(job)
+
+
+# ── 完成 / 失败 ────────────────────────────────────────────────────────────────
+
+
+@router.post("/jobs/{job_id}/complete", response_model=JobResponse)
+def complete_job(
+    job_id: str,
+    request: CompleteJobRequest,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+) -> JobResponse:
+    """标记任务完成。"""
+    use_case = CompleteJobUseCase(job_repo)
+
+    try:
+        job = use_case.execute(CompleteJobCommand(job_id=job_id, result=request.result))
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return job_to_response(job)
+
+
+@router.post("/jobs/{job_id}/fail", response_model=JobResponse)
+def fail_job(
+    job_id: str,
+    request: FailJobRequest,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+) -> JobResponse:
+    """标记任务失败。"""
+    use_case = FailJobUseCase(job_repo)
+
+    try:
+        job = use_case.execute(FailJobCommand(job_id=job_id, error_message=request.error_message))
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return job_to_response(job)
+
+
+# ── 重试 / 取消 ────────────────────────────────────────────────────────────────
+
+
+@router.post("/jobs/{job_id}/retry", response_model=JobResponse)
+def retry_job(
+    job_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+) -> JobResponse:
+    """重试失败任务。
+
+    将任务重置为 pending，retry_count + 1，但不自动 dispatch。
+    需要再次调用 /submit 提交执行。
+    """
+    # 权限检查：先获取任务并验证权限，再执行状态变更
+    job = job_repo.get(job_id)
+    if job is None:
+        raise HTTPException(status_code=404, detail=f"Job {job_id} not found")
+    if job.created_by_user_id and job.created_by_user_id != authenticated_user.user.id:
+        raise HTTPException(status_code=403, detail="Access denied to this job")
+
+    use_case = RetryJobUseCase(job_repo)
+
+    try:
+        job = use_case.execute(job_id)
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return job_to_response(job)
+
+
+@router.post("/jobs/{job_id}/cancel", response_model=JobResponse)
+def cancel_job(
+    job_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    job_repo: Any = Depends(get_job_repository),
+) -> JobResponse:
+    """取消任务。"""
+    # 权限检查：先获取任务并验证权限，再执行状态变更
+    job = job_repo.get(job_id)
+    if job is None:
+        raise HTTPException(status_code=404, detail=f"Job {job_id} not found")
+    if job.created_by_user_id and job.created_by_user_id != authenticated_user.user.id:
+        raise HTTPException(status_code=403, detail="Access denied to this job")
+
+    use_case = CancelJobUseCase(job_repo)
+
+    try:
+        job = use_case.execute(job_id)
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return job_to_response(job)

apps/api/app/api/routes/projects.py

@@ -7,7 +7,7 @@ from app.schemas.project import (
     ListProjectsResponse,
     ProjectResponse,
 )
-from fastapi import APIRouter, Depends, HTTPException, Response, status
+from fastapi import APIRouter, Depends, HTTPException, status
 
 from packages.application import (
     CreateProjectCommand,
@@ -72,12 +72,12 @@ def create_project(
     return _to_project_response(project)
 
 
-@router.delete("/{project_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/{project_id}")
 def delete_project(
     project_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
     project_repository: Any = Depends(get_project_repository),
-) -> dict:
+):
     use_case = DeleteProjectUseCase(project_repository)
     try:
         deleted = use_case.execute(project_id, authenticated_user.user.id)
@@ -88,4 +88,4 @@ def delete_project(
         )
     if not deleted:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Project not found")
-    return
+    return {"message": "Project deleted successfully"}

apps/api/app/api/routes/recipes.py

@@ -0,0 +1,207 @@
+"""Recipe CRUD + use routes."""
+
+from __future__ import annotations
+
+from app.auth import AuthenticatedUser, get_current_user
+from app.dependencies import get_db_session, get_user_repository
+from app.schemas.recipe import (
+    CreateRecipeRequest,
+    ListRecipesResponse,
+    RecipeItemResponse,
+    RecipeResponse,
+    UpdateRecipeRequest,
+    UseRecipeResponse,
+)
+from fastapi import APIRouter, Depends, HTTPException, Query, Response, status
+from sqlalchemy.orm import Session
+
+from packages.adapters.sqlalchemy_impl.recipe_repository import SQLAlchemyRecipeRepository
+from packages.application.recipe.commands import (
+    CreateRecipeCommand,
+    RecipeItemCommand,
+    UpdateRecipeCommand,
+)
+from packages.application.recipe.use_cases import (
+    CreateRecipeUseCase,
+    DeleteRecipeUseCase,
+    FeatureDisabledError,
+    GetRecipeUseCase,
+    ListRecipesUseCase,
+    NotFoundError,
+    UpdateRecipeUseCase,
+    UseRecipeUseCase,
+)
+from packages.ports.user_repository import UserRepository
+
+from app.api.routes._helpers import get_user_plan
+
+router = APIRouter()
+
+
+def _get_recipe_repository(session: Session = Depends(get_db_session)) -> SQLAlchemyRecipeRepository:
+    return SQLAlchemyRecipeRepository(session)
+
+
+def _item_to_response(item) -> RecipeItemResponse:
+    return RecipeItemResponse(
+        id=item.id,
+        recipe_id=item.recipe_id,
+        item_type=item.item_type,
+        item_id=item.item_id,
+        position=item.position,
+        metadata=item.metadata_,
+    )
+
+
+def _to_response(recipe) -> RecipeResponse:
+    return RecipeResponse(
+        id=recipe.id,
+        user_id=recipe.user_id,
+        name=recipe.name,
+        description=recipe.description,
+        template_id=recipe.template_id,
+        generation_params=recipe.generation_params,
+        items=[_item_to_response(i) for i in getattr(recipe, "items", [])],
+        is_active=recipe.is_active,
+        metadata=recipe.metadata_,
+        created_at=recipe.created_at,
+        updated_at=recipe.updated_at,
+    )
+
+
+@router.get("", response_model=ListRecipesResponse)
+def list_recipes(
+    skip: int = Query(0, ge=0),
+    limit: int = Query(50, ge=1, le=200),
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    recipe_repository: SQLAlchemyRecipeRepository = Depends(_get_recipe_repository),
+) -> ListRecipesResponse:
+    user_id = authenticated_user.user.id
+    use_case = ListRecipesUseCase(recipe_repository)
+    recipes = use_case.execute(user_id, skip=skip, limit=limit)
+    total = recipe_repository.count_by_user(user_id)
+    return ListRecipesResponse(
+        items=[_to_response(r) for r in recipes],
+        total=total,
+    )
+
+
+@router.get("/{recipe_id}", response_model=RecipeResponse)
+def get_recipe(
+    recipe_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    recipe_repository: SQLAlchemyRecipeRepository = Depends(_get_recipe_repository),
+) -> RecipeResponse:
+    user_id = authenticated_user.user.id
+    use_case = GetRecipeUseCase(recipe_repository)
+    recipe = use_case.execute(recipe_id, user_id)
+    if recipe is None:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Recipe not found")
+    return _to_response(recipe)
+
+
+@router.post("", response_model=RecipeResponse, status_code=status.HTTP_201_CREATED)
+def create_recipe(
+    request: CreateRecipeRequest,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    recipe_repository: SQLAlchemyRecipeRepository = Depends(_get_recipe_repository),
+) -> RecipeResponse:
+    user_id = authenticated_user.user.id
+    command = CreateRecipeCommand(
+        user_id=user_id,
+        name=request.name,
+        description=request.description,
+        template_id=request.template_id,
+        generation_params=request.generation_params,
+        items=[
+            RecipeItemCommand(
+                item_type=ic.item_type,
+                item_id=ic.item_id,
+                position=ic.position,
+                metadata_=ic.metadata_,
+            )
+            for ic in request.items
+        ],
+        metadata_=request.metadata_,
+    )
+    use_case = CreateRecipeUseCase(recipe_repository)
+    recipe = use_case.execute(command)
+    return _to_response(recipe)
+
+
+@router.patch("/{recipe_id}", response_model=RecipeResponse)
+def update_recipe(
+    recipe_id: str,
+    request: UpdateRecipeRequest,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    recipe_repository: SQLAlchemyRecipeRepository = Depends(_get_recipe_repository),
+) -> RecipeResponse:
+    user_id = authenticated_user.user.id
+    command = UpdateRecipeCommand(
+        recipe_id=recipe_id,
+        user_id=user_id,
+        name=request.name,
+        description=request.description,
+        template_id=request.template_id,
+        generation_params=request.generation_params,
+        items=(
+            [
+                RecipeItemCommand(
+                    item_type=ic.item_type,
+                    item_id=ic.item_id,
+                    position=ic.position,
+                    metadata_=ic.metadata_,
+                )
+                for ic in request.items
+            ]
+            if request.items is not None
+            else None
+        ),
+        metadata_=request.metadata_,
+    )
+    use_case = UpdateRecipeUseCase(recipe_repository)
+    try:
+        recipe = use_case.execute(command)
+    except NotFoundError:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Recipe not found")
+    return _to_response(recipe)
+
+
+@router.delete("/{recipe_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
+def delete_recipe(
+    recipe_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    recipe_repository: SQLAlchemyRecipeRepository = Depends(_get_recipe_repository),
+) -> Response:
+    user_id = authenticated_user.user.id
+    use_case = DeleteRecipeUseCase(recipe_repository)
+    deleted = use_case.execute(recipe_id, user_id)
+    if not deleted:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Recipe not found")
+    return Response(status_code=204)
+
+
+@router.post("/{recipe_id}/use", response_model=UseRecipeResponse)
+def use_recipe(
+    recipe_id: str,
+    authenticated_user: AuthenticatedUser = Depends(get_current_user),
+    recipe_repository: SQLAlchemyRecipeRepository = Depends(_get_recipe_repository),
+    user_repository: UserRepository = Depends(get_user_repository),
+) -> UseRecipeResponse:
+    user_id = authenticated_user.user.id
+    plan_name = get_user_plan(user_id, user_repository)
+    use_case = UseRecipeUseCase(recipe_repository)
+    try:
+        result = use_case.execute(recipe_id, user_id, user_plan=plan_name)
+    except FeatureDisabledError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail=str(exc),
+        )
+    except NotFoundError:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Recipe not found")
+
+    return UseRecipeResponse(
+        recipe=_to_response(result.recipe),
+        warnings=[{"item_type": w.item_type, "item_id": w.item_id, "position": w.position} for w in result.warnings],
+    )

apps/api/app/api/routes/subscription.py

@@ -92,7 +92,7 @@ def _build_subscription_info(user: AuthenticatedUser) -> SubscriptionInfo:
 @router.get("/current", response_model=SubscriptionInfo)
 async def get_current_subscription(
     current_user: AuthenticatedUser = Depends(get_current_user),
-) -> SubscriptionInfo:
+):
     """获取当前订阅信息"""
     return _build_subscription_info(current_user)
 
@@ -100,7 +100,7 @@ async def get_current_subscription(
 @router.get("/billing-records", response_model=List[BillingRecord])
 async def get_billing_records(
     current_user: AuthenticatedUser = Depends(get_current_user),
-) -> List[BillingRecord]:
+):
     """获取账单记录列表"""
     from packages.adapters.sqlalchemy_impl.billing_repository import SQLAlchemyBillingRepository
     from packages.adapters.sqlalchemy_impl.session import SessionLocal
@@ -134,7 +134,7 @@ async def change_plan(
     request: ChangePlanRequest,
     current_user: AuthenticatedUser = Depends(get_current_user),
     user_repository: UserRepository = Depends(get_user_repository),
-) -> ChangePlanResponse:
+):
     """变更订阅套餐（升级/降级）"""
     # TODO: 接入支付验证（支付宝/微信支付）
     valid_plans = {"free", "standard", "pro", "enterprise"}
@@ -186,7 +186,7 @@ async def change_plan(
 async def cancel_subscription(
     current_user: AuthenticatedUser = Depends(get_current_user),
     user_repository: UserRepository = Depends(get_user_repository),
-) -> SimpleResponse:
+):
     """取消订阅"""
     user = current_user.user
     if user.subscription_plan == "free":
@@ -212,7 +212,7 @@ async def payment_callback(
     amount: float,
     payment_method: str = "alipay",
     payment_id: str = "",
-) -> dict:
+):
     """支付回调 - 在事务中更新账单和订阅状态
 
     注意：生产环境需要验证支付签名
@@ -263,7 +263,7 @@ async def payment_callback(
 async def toggle_auto_renew(
     request: ToggleAutoRenewRequest,
     current_user: AuthenticatedUser = Depends(get_current_user),
-) -> SimpleResponse:
+):
     """切换自动续费"""
     # TODO: 实际需要在数据库中存储 auto_renew 字段
     status_text = "已开启自动续费" if request.enabled else "已关闭自动续费"

apps/api/app/api/routes/tags.py

@@ -10,7 +10,7 @@ from app.schemas.tag import (
     ListTagsResponse,
     TagResponse,
 )
-from fastapi import APIRouter, Depends, HTTPException, Response
+from fastapi import APIRouter, Depends, HTTPException
 
 from packages.domain import Tag
 
@@ -52,7 +52,7 @@ def create_tag(
     return TagResponse(id=created.id, name=created.name, created_at=created.created_at)
 
 
-@router.delete("/{tag_id}", status_code=204, response_class=Response)
+@router.delete("/{tag_id}", status_code=204)
 def delete_tag(
     tag_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),

apps/api/app/api/routes/task_center.py

@@ -21,12 +21,11 @@ from app.schemas.task_center import (
     ProjectTaskResponse,
     UserTaskResponse,
 )
-from fastapi import APIRouter, Depends, HTTPException, Query
+from fastapi import APIRouter, Depends, HTTPException
 
 from packages.application import (
     CreateGenerationTaskCommand,
     CreateGenerationTaskUseCase,
-    RetryGenerationTaskUseCase,
     SubmitIngestJobCommand,
     SubmitIngestJobUseCase,
 )
@@ -35,10 +34,6 @@ logger = logging.getLogger(__name__)
 
 router = APIRouter()
 
-DEFAULT_PAGE_SIZE = 50
-MAX_PAGE_SIZE = 200
-
-
 def _humanize_task_error(error_message: str) -> str:
     raw = (error_message or "").strip()
     if not raw:
@@ -68,8 +63,6 @@ def _generation_step(task) -> str:
         return "生成完成"
     if s == "failed":
         return "生成失败"
-    if s == "cancelled":
-        return "已取消"
     return s
 
 
@@ -86,26 +79,6 @@ def _ingest_step(job) -> str:
     return s
 
 
-def _generation_task_to_user_response(task) -> UserTaskResponse:
-    return UserTaskResponse(
-        id=f"generation:{task.id}",
-        task_type="generation",
-        project_id=task.project_id,
-        template_id=task.template_id,
-        status=_status_value(task.status),
-        progress=task.progress,
-        current_step=_generation_step(task),
-        error_message=task.error_message,
-        error_info=task.error_info or {},
-        user_message=_humanize_task_error(task.error_message),
-        retryable=_status_value(task.status) == "failed",
-        retry_count=task.retry_count or 0,
-        source_id=task.id,
-        created_at=task.created_at,
-        updated_at=task.completed_at or task.started_at or task.created_at,
-    )
-
-
 def _generation_task_to_project_response(task) -> ProjectTaskResponse:
     return ProjectTaskResponse(
         id=f"generation:{task.id}",
@@ -115,10 +88,8 @@ def _generation_task_to_project_response(task) -> ProjectTaskResponse:
         progress=task.progress,
         current_step=_generation_step(task),
         error_message=task.error_message,
-        error_info=task.error_info or {},
         user_message=_humanize_task_error(task.error_message),
         retryable=_status_value(task.status) == "failed",
-        retry_count=task.retry_count or 0,
         source_id=task.id,
         template_id=task.template_id,
         created_at=task.created_at,
@@ -126,66 +97,40 @@ def _generation_task_to_project_response(task) -> ProjectTaskResponse:
     )
 
 
-def _validate_status(status: str | None) -> str | None:
-    """校验状态值合法性。"""
-    if status is None:
-        return None
-    valid = {"pending", "running", "completed", "failed", "cancelled"}
-    if status not in valid:
-        raise HTTPException(
-            status_code=400,
-            detail=f"无效的状态筛选值: {status}，允许值: {', '.join(sorted(valid))}",
-        )
-    return status
-
-
-def _clamp_page_size(page_size: int) -> int:
-    if page_size <= 0:
-        return DEFAULT_PAGE_SIZE
-    if page_size > MAX_PAGE_SIZE:
-        return MAX_PAGE_SIZE
-    return page_size
-
-
 # ── 用户级端点（放在项目级端点之前，避免路由冲突） ──
 
 
 @router.get("/tasks", response_model=ListTasksResponse)
 def list_user_tasks(
-    status: str | None = Query(None, description="按状态筛选：pending/running/completed/failed/cancelled"),
-    task_type: str | None = Query(None, description="按任务类型筛选：generation/ingest"),
-    page: int = Query(1, ge=1, description="页码，从1开始"),
-    page_size: int = Query(DEFAULT_PAGE_SIZE, ge=1, le=MAX_PAGE_SIZE, description="每页数量"),
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
     ingest_job_repository: Any = Depends(get_ingest_job_repository),
     generation_task_repository: Any = Depends(get_generation_task_repository),
 ) -> ListTasksResponse:
-    """用户级任务列表（跨 project），支持状态/类型筛选和分页。"""
-    status = _validate_status(status)
-    page_size = _clamp_page_size(page_size)
+    """用户级任务列表（跨 project），合并 ingest + generation 任务。"""
     user_id = authenticated_user.user.id
-    offset = (page - 1) * page_size
-
     items: list[UserTaskResponse] = []
 
-    # 生成任务
-    if task_type is None or task_type == "generation":
-        gen_result = generation_task_repository.list_by_user_filtered(
-            user_id,
-            status=status,
-            limit=page_size + 1,  # 多取一条判断是否还有下一页（简单起见这里用offset）
-            offset=offset,
+    for task in generation_task_repository.list_by_user(user_id):
+        items.append(
+            UserTaskResponse(
+                id=f"generation:{task.id}",
+                task_type="generation",
+                project_id=task.project_id,
+                template_id=task.template_id,
+                status=_status_value(task.status),
+                progress=task.progress,
+                current_step=_generation_step(task),
+                error_message=task.error_message,
+                user_message=_humanize_task_error(task.error_message),
+                retryable=_status_value(task.status) == "failed",
+                source_id=task.id,
+                created_at=task.created_at,
+                updated_at=task.completed_at or task.started_at or task.created_at,
+            )
         )
-        for task in gen_result:
-            items.append(_generation_task_to_user_response(task))
 
-    # 按时间倒序
     items.sort(key=lambda item: item.updated_at or item.created_at or "", reverse=True)
-
-    # 总数（仅generation，ingest暂不计入总数以保持简单）
-    total = generation_task_repository.count_by_user_filtered(user_id, status=status)
-
-    return ListTasksResponse(items=items[:page_size], total=total)
+    return ListTasksResponse(items=items)
 
 
 @router.post("/tasks/{task_id}/retry", response_model=UserTaskResponse)
@@ -194,7 +139,7 @@ def retry_task_by_id(
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
     generation_task_repository: Any = Depends(get_generation_task_repository),
 ) -> UserTaskResponse:
-    """原地重试失败的生成任务（复用同一个task_id，retry_count+1）。"""
+    """简化重试：通过 task_id 直接重试失败的生成任务。"""
     task = generation_task_repository.get(task_id)
     if task is None:
         raise HTTPException(status_code=404, detail="Generation task not found")
@@ -204,7 +149,6 @@ def retry_task_by_id(
         raise HTTPException(status_code=409, detail="Only failed tasks can be retried")
 
     user_id = authenticated_user.user.id
-
     # 预检查
     user_pending = generation_task_repository.count_pending_by_user(user_id)
     global_pending = generation_task_repository.count_pending_total()
@@ -219,11 +163,20 @@ def retry_task_by_id(
             detail="系统繁忙，请稍后再试",
         )
 
-    # 原地重试
-    use_case = RetryGenerationTaskUseCase(generation_task_repository)
-    retried = use_case.execute(task_id)
-
-    # 重新入队
+    use_case = CreateGenerationTaskUseCase(generation_task_repository)
+    retried = use_case.execute(
+        CreateGenerationTaskCommand(
+            project_id=task.project_id,
+            asset_library_id=task.asset_library_id,
+            strategy_id=task.strategy_id,
+            voice_library_id=task.voice_library_id,
+            template_id=task.template_id,
+            asset_ids=task.asset_ids,
+            title_ids=task.title_ids,
+            voice_ids=task.voice_ids,
+            created_by_user_id=user_id,
+        )
+    )
     try:
         if not safe_enqueue_generation_task(
             retried, generation_task_repository, user_id=user_id, log_prefix="[任务中心]"
@@ -239,8 +192,18 @@ def retry_task_by_id(
             status_code=503,
             detail="系统繁忙，请稍后再试",
         ) from None
-
-    return _generation_task_to_user_response(retried)
+    return UserTaskResponse(
+        id=f"generation:{retried.id}",
+        task_type="generation",
+        project_id=retried.project_id,
+        template_id=retried.template_id,
+        status=_status_value(retried.status),
+        progress=retried.progress,
+        current_step=_generation_step(retried),
+        source_id=retried.id,
+        created_at=retried.created_at,
+        updated_at=retried.created_at,
+    )
 
 
 # ── 项目级端点 ──
@@ -249,64 +212,37 @@ def retry_task_by_id(
 @router.get("/projects/{project_id}/tasks", response_model=ListProjectTasksResponse)
 def list_project_tasks(
     project_id: str,
-    status: str | None = Query(None, description="按状态筛选：pending/running/completed/failed/cancelled"),
-    task_type: str | None = Query(None, description="按任务类型筛选：generation/ingest"),
-    page: int = Query(1, ge=1, description="页码，从1开始"),
-    page_size: int = Query(DEFAULT_PAGE_SIZE, ge=1, le=MAX_PAGE_SIZE, description="每页数量"),
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
     project_repository: Any = Depends(get_project_repository),
     ingest_job_repository: Any = Depends(get_ingest_job_repository),
     generation_task_repository: Any = Depends(get_generation_task_repository),
 ) -> ListProjectTasksResponse:
-    """项目级任务列表，支持状态/类型筛选和分页。"""
     project = project_repository.find_by_id(project_id)
     if project is None:
         raise HTTPException(status_code=404, detail="Project not found")
 
-    status = _validate_status(status)
-    page_size = _clamp_page_size(page_size)
-    offset = (page - 1) * page_size
-
     items: list[ProjectTaskResponse] = []
-
-    # 导入任务
-    if task_type is None or task_type == "ingest":
-        for job in ingest_job_repository.list_by_project(project_id):
-            if status and _status_value(job.status) != status:
-                continue
-            items.append(
-                ProjectTaskResponse(
-                    id=f"ingest:{job.id}",
-                    task_type="ingest",
-                    project_id=job.project_id,
-                    status=_status_value(job.status),
-                    progress=100.0 if _status_value(job.status) == "completed" else 0.0,
-                    current_step=_ingest_step(job),
-                    error_message=job.error_message,
-                    user_message=_humanize_task_error(job.error_message),
-                    retryable=_status_value(job.status) == "failed",
-                    source_id=job.id,
-                    created_at=job.created_at,
-                    updated_at=job.updated_at,
-                )
+    for job in ingest_job_repository.list_by_project(project_id):
+        items.append(
+            ProjectTaskResponse(
+                id=f"ingest:{job.id}",
+                task_type="ingest",
+                project_id=job.project_id,
+                status=_status_value(job.status),
+                progress=100.0 if _status_value(job.status) == "completed" else 0.0,
+                current_step=_ingest_step(job),
+                error_message=job.error_message,
+                user_message=_humanize_task_error(job.error_message),
+                retryable=_status_value(job.status) == "failed",
+                source_id=job.id,
+                created_at=job.created_at,
+                updated_at=job.updated_at,
             )
-
-    # 生成任务
-    if task_type is None or task_type == "generation":
-        gen_items = generation_task_repository.list_by_project_filtered(
-            project_id,
-            status=status,
-            limit=page_size + 1,
-            offset=offset,
         )
-        for task in gen_items:
-            items.append(_generation_task_to_project_response(task))
-
+    for task in generation_task_repository.list_by_project(project_id):
+        items.append(_generation_task_to_project_response(task))
     items.sort(key=lambda item: item.updated_at or item.created_at or "", reverse=True)
-
-    total = generation_task_repository.count_by_project_filtered(project_id, status=status)
-
-    return ListProjectTasksResponse(items=items[:page_size], total=total)
+    return ListProjectTasksResponse(items=items)
 
 
 @router.post("/tasks/{task_type}/{source_id}/retry", response_model=ProjectTaskResponse)
@@ -317,7 +253,6 @@ def retry_project_task(
     ingest_job_repository: Any = Depends(get_ingest_job_repository),
     generation_task_repository: Any = Depends(get_generation_task_repository),
 ) -> ProjectTaskResponse:
-    """项目级任务重试。"""
     if task_type == "generation":
         task = generation_task_repository.get(source_id)
         if task is None:
@@ -326,7 +261,6 @@ def retry_project_task(
             raise HTTPException(status_code=409, detail="Only failed tasks can be retried")
 
         user_id = authenticated_user.user.id
-
         # 预检查
         user_pending = generation_task_repository.count_pending_by_user(user_id)
         global_pending = generation_task_repository.count_pending_total()
@@ -341,10 +275,20 @@ def retry_project_task(
                 detail="系统繁忙，请稍后再试",
             )
 
-        # 原地重试
-        use_case = RetryGenerationTaskUseCase(generation_task_repository)
-        retried = use_case.execute(source_id)
-
+        use_case = CreateGenerationTaskUseCase(generation_task_repository)
+        retried = use_case.execute(
+            CreateGenerationTaskCommand(
+                project_id=task.project_id,
+                asset_library_id=task.asset_library_id,
+                strategy_id=task.strategy_id,
+                voice_library_id=task.voice_library_id,
+                template_id=task.template_id,
+                asset_ids=task.asset_ids,
+                title_ids=task.title_ids,
+                voice_ids=task.voice_ids,
+                created_by_user_id=user_id,
+            )
+        )
         try:
             if not safe_enqueue_generation_task(
                 retried, generation_task_repository, user_id=user_id, log_prefix="[任务中心]"
@@ -361,7 +305,6 @@ def retry_project_task(
                 detail="系统繁忙，请稍后再试",
             ) from None
         return _generation_task_to_project_response(retried)
-
     if task_type == "ingest":
         job = ingest_job_repository.get(source_id)
         if job is None:

apps/api/app/api/routes/templates.py

@@ -8,16 +8,13 @@ from app.auth import AuthenticatedUser, get_current_user
 from app.dependencies import get_db_session
 from app.schemas.template import (
     CategoryResponse,
-    CopyTemplateRequest,
     CreateCategoryRequest,
     CreateTemplateRequest,
     GenerateWarningResponse,
     ListCategoriesResponse,
-    ListTagsResponse,
     ListTemplatesResponse,
     SegmentResponse,
     TemplateResponse,
-    TemplateUsageResponse,
     ToggleFavoriteResponse,
     UpdateTemplateRequest,
     ValidateTemplateRequest,
@@ -30,24 +27,19 @@ logger = logging.getLogger(__name__)
 
 from packages.adapters.sqlalchemy_impl.template_repository import SQLAlchemyTemplateRepository
 from packages.application.template.commands import (
-    CopyTemplateCommand,
     CreateCategoryCommand,
     CreateTemplateCommand,
-    ListTemplatesFilter,
     SegmentCommand,
     UpdateTemplateCommand,
     ValidateTemplateCommand,
 )
 from packages.application.template.use_cases import (
-    CopyTemplateUseCase,
-    CountTemplatesUseCase,
     CreateCategoryUseCase,
     CreateTemplateUseCase,
     DeleteCategoryUseCase,
     DeleteTemplateUseCase,
     GetTemplateUseCase,
     ListCategoriesUseCase,
-    ListTagsUseCase,
     ListTemplatesUseCase,
     NotFoundError,
     UpdateTemplateUseCase,
@@ -75,7 +67,7 @@ def _segment_to_response(seg) -> SegmentResponse:
     )
 
 
-def _to_response(template, usage_count: int = 0) -> TemplateResponse:
+def _to_response(template) -> TemplateResponse:
     return TemplateResponse(
         id=template.id,
         user_id=template.user_id,
@@ -89,7 +81,6 @@ def _to_response(template, usage_count: int = 0) -> TemplateResponse:
         estimated_duration=template.estimated_duration,
         segments=[_segment_to_response(s) for s in getattr(template, "segments", [])],
         is_active=template.is_active,
-        usage_count=usage_count,
         created_at=template.created_at,
         updated_at=template.updated_at,
     )
@@ -102,36 +93,19 @@ def _to_response(template, usage_count: int = 0) -> TemplateResponse:
 def list_templates(
     skip: int = Query(0, ge=0),
     limit: int = Query(50, ge=1, le=200),
-    category: str | None = Query(None, description="按分类筛选"),
-    tag: str | None = Query(None, description="按标签筛选"),
-    keyword: str | None = Query(None, description="按名称关键词搜索"),
-    mode: str | None = Query(None, description="按剪辑模式筛选"),
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
     template_repository: SQLAlchemyTemplateRepository = Depends(_get_template_repository),
 ) -> ListTemplatesResponse:
     user_id = authenticated_user.user.id
     try:
-        tpl_filter = ListTemplatesFilter(
-            category=category,
-            tag=tag,
-            keyword=keyword,
-            mode=mode,
-        )
         use_case = ListTemplatesUseCase(template_repository)
-        templates = use_case.execute(user_id, skip=skip, limit=limit, filter=tpl_filter)
-        count_use_case = CountTemplatesUseCase(template_repository)
-        total = count_use_case.execute(user_id, filter=tpl_filter)
-
-        # 批量查询使用次数
-        items = []
-        for t in templates:
-            usage = template_repository.get_usage_count(t.id)
-            items.append(_to_response(t, usage_count=usage))
+        templates = use_case.execute(user_id, skip=skip, limit=limit)
+        total = template_repository.count_by_user(user_id)
     except Exception:
         logger.exception("list_templates 查询失败: user_id=%s", user_id)
         return ListTemplatesResponse(items=[], total=0)
     return ListTemplatesResponse(
-        items=items,
+        items=[_to_response(t) for t in templates],
         total=total,
     )
 
@@ -146,13 +120,12 @@ def get_template(
     try:
         use_case = GetTemplateUseCase(template_repository)
         template = use_case.execute(template_id, user_id)
-        usage = template_repository.get_usage_count(template_id)
     except Exception:
         logger.exception("get_template 查询失败: template_id=%s", template_id)
         raise HTTPException(status_code=status.HTTP_500_INTERNAL_SERVER_ERROR, detail="模板查询失败")
     if template is None:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Template not found")
-    return _to_response(template, usage_count=usage)
+    return _to_response(template)
 
 
 @router.post("", response_model=TemplateResponse, status_code=status.HTTP_201_CREATED)
@@ -233,7 +206,7 @@ def update_template(
     return _to_response(template)
 
 
-@router.delete("/{template_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/{template_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
 def delete_template(
     template_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -244,48 +217,7 @@ def delete_template(
     deleted = use_case.execute(template_id, user_id)
     if not deleted:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Template not found")
-    return
-
-
-@router.post("/{template_id}/copy", response_model=TemplateResponse, status_code=status.HTTP_201_CREATED)
-def copy_template(
-    template_id: str,
-    request: CopyTemplateRequest,
-    authenticated_user: AuthenticatedUser = Depends(get_current_user),
-    template_repository: SQLAlchemyTemplateRepository = Depends(_get_template_repository),
-) -> TemplateResponse:
-    """复制模板（含所有片段配置）"""
-    user_id = authenticated_user.user.id
-    command = CopyTemplateCommand(
-        template_id=template_id,
-        user_id=user_id,
-        new_name=request.new_name,
-    )
-    use_case = CopyTemplateUseCase(template_repository)
-    try:
-        template = use_case.execute(command)
-    except NotFoundError:
-        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Template not found")
-    except ValidationError as exc:
-        raise HTTPException(status_code=status.HTTP_422_UNPROCESSABLE_ENTITY, detail=str(exc))
-    return _to_response(template)
-
-
-@router.get("/{template_id}/usage", response_model=TemplateUsageResponse)
-def get_template_usage(
-    template_id: str,
-    authenticated_user: AuthenticatedUser = Depends(get_current_user),
-    template_repository: SQLAlchemyTemplateRepository = Depends(_get_template_repository),
-) -> TemplateUsageResponse:
-    """获取模板使用次数（关联的剪辑计划数量）"""
-    user_id = authenticated_user.user.id
-    # 鉴权：确保模板存在且属于当前用户
-    use_case = GetTemplateUseCase(template_repository)
-    template = use_case.execute(template_id, user_id)
-    if template is None:
-        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Template not found")
-    usage = template_repository.get_usage_count(template_id)
-    return TemplateUsageResponse(template_id=template_id, usage_count=usage)
+    return Response(status_code=204)
 
 
 @router.post("/{template_id}/toggle-favorite", response_model=ToggleFavoriteResponse)
@@ -375,7 +307,7 @@ def create_category(
     )
 
 
-@router.delete("/categories/{category_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/categories/{category_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
 def delete_category(
     category_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -387,22 +319,3 @@ def delete_category(
     if not deleted:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Category not found")
     return Response(status_code=204)
-
-
-# ── Tags ──
-
-
-@router.get("/tags/list", response_model=ListTagsResponse)
-def list_tags(
-    authenticated_user: AuthenticatedUser = Depends(get_current_user),
-    template_repository: SQLAlchemyTemplateRepository = Depends(_get_template_repository),
-) -> ListTagsResponse:
-    """获取用户所有模板标签（去重排序）"""
-    user_id = authenticated_user.user.id
-    try:
-        use_case = ListTagsUseCase(template_repository)
-        tags = use_case.execute(user_id)
-    except Exception:
-        logger.exception("list_tags 查询失败: user_id=%s", user_id)
-        return ListTagsResponse(items=[])
-    return ListTagsResponse(items=tags)

apps/api/app/api/routes/titles.py

@@ -4,7 +4,6 @@ from __future__ import annotations
 
 from typing import Optional
 
-from app.api.routes._helpers import get_user_plan
 from app.auth import AuthenticatedUser, get_current_user
 from app.dependencies import get_db_session, get_user_repository
 from app.schemas.title_library import (
@@ -17,23 +16,20 @@ from fastapi import APIRouter, Depends, HTTPException, Query, Response, status
 from sqlalchemy.orm import Session
 
 from packages.adapters.sqlalchemy_impl.title_library_repository import SQLAlchemyTitleLibraryRepository
-from packages.application.title_library.commands import (
-    CreateTitleLibraryCommand,
-    PickTitleCommand,
-    UpdateTitleLibraryCommand,
-)
+from packages.application.title_library.commands import CreateTitleLibraryCommand, UpdateTitleLibraryCommand
 from packages.application.title_library.use_cases import (
     CreateTitleLibraryUseCase,
     DeleteTitleLibraryUseCase,
     GetTitleLibraryUseCase,
     ListTitleLibraryUseCase,
     NotFoundError,
-    PickTitleUseCase,
     QuotaExceededError,
     UpdateTitleLibraryUseCase,
 )
 from packages.ports.user_repository import UserRepository
 
+from app.api.routes._helpers import get_user_plan
+
 router = APIRouter()
 
 
@@ -75,41 +71,6 @@ def list_titles(
     )
 
 
-@router.post("/pick", response_model=TitleLibraryItemResponse)
-def pick_title(
-    category: Optional[str] = Query(None, description="按分类筛选，不填则从全部标题中选"),
-    exclude_ids: Optional[str] = Query(
-        None,
-        description="排除的标题ID（逗号分隔），用于批量生成时避免重复",
-    ),
-    authenticated_user: AuthenticatedUser = Depends(get_current_user),
-    title_repository: SQLAlchemyTitleLibraryRepository = Depends(_get_title_repository),
-) -> TitleLibraryItemResponse:
-    """智能选择一个标题。
-
-    策略：优先使用次数少的，从最少的前5个中随机选一个，兼顾公平和多样性。
-    """
-    user_id = authenticated_user.user.id
-    exclude_list: list[str] = []
-    if exclude_ids:
-        exclude_list = [t.strip() for t in exclude_ids.split(",") if t.strip()]
-
-    use_case = PickTitleUseCase(title_repository)
-    item = use_case.execute(
-        PickTitleCommand(
-            user_id=user_id,
-            category=category,
-            exclude_ids=exclude_list,
-        )
-    )
-    if item is None:
-        raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="标题库为空，请先添加标题",
-        )
-    return _to_response(item)
-
-
 @router.get("/{title_id}", response_model=TitleLibraryItemResponse)
 def get_title(
     title_id: str,
@@ -177,7 +138,7 @@ def update_title(
     return _to_response(item)
 
 
-@router.delete("/{title_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/{title_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
 def delete_title(
     title_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -188,4 +149,4 @@ def delete_title(
     deleted = use_case.execute(title_id, user_id)
     if not deleted:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Title not found")
-    return
+    return Response(status_code=204)

apps/api/app/api/routes/tts.py

@@ -46,7 +46,6 @@ from packages.application.voice_library.use_cases import (
     CreateVoiceLibraryUseCase,
     QuotaExceededError,
 )
-from packages.domain.voice_presets import list_voices
 from packages.ports.user_repository import UserRepository
 
 logger = logging.getLogger(__name__)
@@ -54,34 +53,6 @@ logger = logging.getLogger(__name__)
 router = APIRouter()
 
 
-@router.get("/presets", summary="获取预设音色列表")
-def list_preset_voices(
-    gender: Optional[str] = Query(None, description="按性别筛选: male/female/child"),
-    style: Optional[str] = Query(None, description="按风格筛选: stable/lively/customer_service/narration/news/story"),
-    keyword: Optional[str] = Query(None, description="按关键词搜索"),
-    _user: AuthenticatedUser = Depends(get_current_user),
-) -> list[dict]:
-    """获取可用的预设音色列表。
-
-    用于配音功能的音色选择。
-    """
-    voices = list_voices(gender=gender, style=style, keyword=keyword)
-    return [
-        {
-            "voice_id": v.voice_id,
-            "name": v.name,
-            "gender": v.gender.value,
-            "style": v.style.value,
-            "description": v.description,
-            "default_speed": v.default_speed,
-            "default_pitch": v.default_pitch,
-            "sample_rate": v.sample_rate,
-            "language": v.language,
-        }
-        for v in voices
-    ]
-
-
 def _get_repository(session: Session = Depends(get_db_session)) -> SQLAlchemyTTSJobRepository:
     return SQLAlchemyTTSJobRepository(session)
 
@@ -270,7 +241,7 @@ def get_tts_job_status(
     )
 
 
-@router.delete("/jobs/{job_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/jobs/{job_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
 def delete_tts_job(
     job_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -282,7 +253,7 @@ def delete_tts_job(
     deleted = use_case.execute(job_id, user_id)
     if not deleted:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="TTS job not found")
-    return
+    return Response(status_code=204)
 
 
 @router.post(
@@ -401,10 +372,10 @@ async def tts_websocket_stream(
         streaming_service = TTSStreamingService(cosyvoice_service)
         await streaming_service.synthesize_and_stream(websocket, params)
     except WebSocketDisconnect:
-        logger.info("WebSocket 客户端主动断开连接")
+        logger.info("WebSocket 客户端断开连接")
     except Exception as e:
         logger.error(f"WebSocket 流式合成异常: {e}", exc_info=True)
         try:
             await websocket.send_json({"type": "error", "message": f"服务异常: {e}"})
-        except Exception as send_err:
-            logger.warning("WebSocket 错误消息发送失败（连接可能已断开）: %s", send_err)
+        except Exception:
+            pass

apps/api/app/api/routes/upload.py

@@ -2,7 +2,6 @@ import logging
 from typing import Any
 from uuid import uuid4
 
-from app.api.routes._helpers import require_project_and_library
 from app.auth import AuthenticatedUser, get_current_user
 from app.config import get_settings
 from app.core.celery_app import celery_app
@@ -24,6 +23,8 @@ from fastapi import APIRouter, Depends, File, Form, HTTPException, UploadFile, s
 
 from packages.application import SubmitIngestJobCommand, SubmitIngestJobUseCase
 
+from app.api.routes._helpers import require_project_and_library
+
 logger = logging.getLogger(__name__)
 
 router = APIRouter()

apps/api/app/api/routes/videos.py

@@ -1,179 +0,0 @@
-import logging
-import uuid
-
-from app.api.routes._helpers import check_project_access
-from app.auth import AuthenticatedUser, get_current_user
-from app.core.celery_app import celery_app
-from app.core.storage import OSSStorageService, get_storage_service
-from app.dependencies import get_generated_video_repository
-from app.schemas.video_center import (
-    BatchDownloadRequest,
-    BatchDownloadResponse,
-    ListVideosResponse,
-    UpdateVideoReviewRequest,
-    VideoItemResponse,
-)
-from fastapi import APIRouter, Depends, HTTPException, Query
-
-from packages.application import (
-    GetGeneratedVideoUseCase,
-    GetVideosByIdsUseCase,
-    ListGeneratedVideosPaginatedUseCase,
-    UpdateVideoReviewStatusUseCase,
-)
-
-logger = logging.getLogger(__name__)
-
-router = APIRouter()
-
-
-def _to_video_response(item, storage: OSSStorageService | None = None) -> VideoItemResponse:
-    download_url = None
-    if storage and item.file_url:
-        try:
-            download_url = storage.get_download_url(item.file_url)
-        except Exception:
-            download_url = item.file_url
-    return VideoItemResponse(
-        id=item.id,
-        project_id=item.project_id,
-        generation_task_id=item.generation_task_id,
-        name=item.name,
-        file_url=item.file_url,
-        file_size=item.file_size,
-        duration=item.duration,
-        thumbnail_url=item.thumbnail_url,
-        width=item.width,
-        height=item.height,
-        fps=item.fps,
-        status=item.status,
-        review_status=item.review_status,
-        generation_params=item.generation_params,
-        download_url=download_url,
-        generated_at=item.generated_at.isoformat() if hasattr(item, "generated_at") and item.generated_at else "",
-    )
-
-
-@router.get("/videos", response_model=ListVideosResponse)
-def list_videos(
-    project_id: str | None = Query(None, description="项目ID，不传则返回所有项目"),
-    status: str | None = Query(None, description="按状态筛选"),
-    review_status: str | None = Query(None, description="按复核状态筛选"),
-    page: int = Query(1, ge=1, description="页码"),
-    page_size: int = Query(20, ge=1, le=100, description="每页数量"),
-    repo=Depends(get_generated_video_repository),
-    storage: OSSStorageService = Depends(get_storage_service),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-):
-    """成片列表，支持分页、按项目/状态/复核状态筛选。"""
-    use_case = ListGeneratedVideosPaginatedUseCase(repo)
-    items, total = use_case.execute(
-        project_id=project_id,
-        status=status,
-        review_status=review_status,
-        page=page,
-        page_size=page_size,
-    )
-    return ListVideosResponse(
-        items=[_to_video_response(item, storage) for item in items],
-        total=total,
-        page=page,
-        page_size=page_size,
-    )
-
-
-@router.get("/videos/{video_id}", response_model=VideoItemResponse)
-def get_video(
-    video_id: str,
-    repo=Depends(get_generated_video_repository),
-    storage: OSSStorageService = Depends(get_storage_service),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-):
-    """获取单个成片详情。"""
-    use_case = GetGeneratedVideoUseCase(repo)
-    item = use_case.execute(video_id)
-    if item is None:
-        raise HTTPException(status_code=404, detail="Video not found")
-    return _to_video_response(item, storage)
-
-
-@router.patch("/videos/{video_id}/review", response_model=VideoItemResponse)
-def update_video_review_status(
-    video_id: str,
-    request: UpdateVideoReviewRequest,
-    repo=Depends(get_generated_video_repository),
-    storage: OSSStorageService = Depends(get_storage_service),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-):
-    """更新成片复核状态：pending_review / approved / rejected。"""
-    use_case = UpdateVideoReviewStatusUseCase(repo)
-    item = use_case.execute(video_id, request.review_status)
-    if item is None:
-        raise HTTPException(status_code=404, detail="Video not found")
-    logger.info("Video %s review status updated to %s by user %s", video_id, request.review_status, current_user.user_id)
-    return _to_video_response(item, storage)
-
-
-@router.post("/videos/batch-download", response_model=BatchDownloadResponse)
-def batch_download_videos(
-    request: BatchDownloadRequest,
-    repo=Depends(get_generated_video_repository),
-    current_user: AuthenticatedUser = Depends(get_current_user),
-):
-    """批量下载成片，异步打包 zip。
-    
-    传入 video_ids 列表，创建一个批量下载任务，任务完成后返回 zip 下载链接。
-    """
-    if not request.video_ids:
-        raise HTTPException(status_code=400, detail="video_ids cannot be empty")
-    if len(request.video_ids) > 50:
-        raise HTTPException(status_code=400, detail="Maximum 50 videos per batch download")
-
-    # 校验视频都存在
-    use_case = GetVideosByIdsUseCase(repo)
-    videos = use_case.execute(request.video_ids)
-    if len(videos) != len(request.video_ids):
-        raise HTTPException(status_code=404, detail="Some videos not found")
-
-    # 发送 celery 任务
-    task = celery_app.send_task(
-        "worker.batch_download_videos",
-        args=[request.video_ids, current_user.user_id],
-    )
-
-    logger.info("Batch download job created: %s, videos=%d", task.id, len(request.video_ids))
-    return BatchDownloadResponse(job_id=task.id, status="pending")
-
-
-@router.get("/videos/batch-download/{job_id}", response_model=BatchDownloadResponse)
-def get_batch_download_status(
-    job_id: str,
-    current_user: AuthenticatedUser = Depends(get_current_user),
-):
-    """查询批量下载任务状态。"""
-    from celery.result import AsyncResult
-
-    task = AsyncResult(job_id, app=celery_app)
-    
-    status_map = {
-        "PENDING": "pending",
-        "STARTED": "running",
-        "SUCCESS": "success",
-        "FAILURE": "failed",
-        "RETRY": "pending",
-        "REVOKED": "cancelled",
-    }
-    api_status = status_map.get(task.state, "pending")
-
-    download_url = None
-    if task.state == "SUCCESS" and task.result:
-        if isinstance(task.result, dict):
-            download_url = task.result.get("download_url")
-        elif isinstance(task.result, str):
-            download_url = task.result
-
-    return BatchDownloadResponse(
-        job_id=job_id,
-        status=api_status,
-        download_url=download_url,
-    )

apps/api/app/api/routes/voice_clones.py

@@ -172,7 +172,6 @@ def get_voice_clone_status(
     "/{clone_id}",
     status_code=status.HTTP_204_NO_CONTENT,
     response_model=None,
-    response_class=Response,
 )
 def delete_voice_clone(
     clone_id: str,
@@ -185,7 +184,7 @@ def delete_voice_clone(
     deleted = use_case.execute(clone_id, user_id)
     if not deleted:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Voice clone not found")
-    return
+    return Response(status_code=204)
 
 
 @router.post("/{clone_id}/retry", response_model=VoiceCloneProfileResponse)

apps/api/app/api/routes/voices.py

@@ -7,7 +7,6 @@ from __future__ import annotations
 
 from typing import Literal, Optional
 
-from app.api.routes._helpers import get_user_plan
 from app.auth import AuthenticatedUser, get_current_user
 from app.dependencies import get_audio_url_signer, get_db_session, get_user_repository
 from app.schemas.voice import (
@@ -40,6 +39,8 @@ from packages.application.voice_library.use_cases import (
 from packages.domain.preset_voices import PRESET_VOICES
 from packages.ports.user_repository import UserRepository
 
+from app.api.routes._helpers import get_user_plan
+
 router = APIRouter()
 
 
@@ -322,7 +323,7 @@ def update_voice(
     return _to_response(item, sign_url)
 
 
-@router.delete("/{voice_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None, response_class=Response)
+@router.delete("/{voice_id}", status_code=status.HTTP_204_NO_CONTENT, response_model=None)
 def delete_voice(
     voice_id: str,
     authenticated_user: AuthenticatedUser = Depends(get_current_user),
@@ -333,4 +334,4 @@ def delete_voice(
     deleted = use_case.execute(voice_id, user_id)
     if not deleted:
         raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Voice not found")
-    return
+    return Response(status_code=204)

apps/api/app/config.py

@@ -19,6 +19,7 @@ class Settings(BaseSettings):
     # Container bind address; external expose is controlled by Docker/Nginx.
     API_HOST: str = "0.0.0.0"  # nosec: B104
     API_PORT: int = 8000
+    API_PREFIX: str = "/api/v1"
 
     DATABASE_URL: str = "postgresql+psycopg://postgres:postgres@localhost:5432/xiaoxia_saas"
     DATABASE_POOL_SIZE: int = 20
@@ -29,10 +30,16 @@ class Settings(BaseSettings):
     AUTO_CREATE_SCHEMA: bool = False
 
     REDIS_URL: str = "redis://localhost:6379/0"
+    REDIS_MAX_CONNECTION: int = 50
     ENABLE_REDIS_SESSIONS: bool = False
 
     # JWT secret key - MUST be set via environment variable, no default allowed
     JWT_SECRET_KEY: Optional[str] = None
+    # 旧的 JWT secret key（用于密钥轮换期间验证旧 token）
+    # 在密钥轮换时，先设置新密钥，旧密钥保留在此处直到所有旧 token 过期
+    JWT_SECRET_KEY_OLD: Optional[str] = None
+    # 密钥轮换天数（到达此天数后建议更换密钥）
+    SECRET_ROTATION_DAYS: int = 90
 
     # JWT 算法与过期时间（与 .env.example 对齐）
     JWT_ALGORITHM: str = "HS256"
@@ -73,7 +80,7 @@ class Settings(BaseSettings):
     CELERY_RESULT_BACKEND: str = "redis://localhost:6379/1"
 
     # OSS 七牛云相关
-    OSS_ENDPOINT: str = "oss-cn-hangzhou.aliyuncs.com"
+    OSS_ENDPOINT: str = "oss-cn-hangzhou.aliiyuncs.com"
     OSS_ACCESS_KEY_ID: str = ""
     OSS_ACCESS_KEY_SECRET: str = ""
     OSS_BUCKET_NAME: str = "xiaoxia-autocut"
@@ -104,6 +111,7 @@ class Settings(BaseSettings):
     )
     OSS_DIRECT_UPLOAD_EXPIRE_SECONDS: int = 900
 
+    LOG_LEVEL: str = "INFO"
     CORS_ORIGINS_RAW: str = "http://localhost:3000,http://localhost:5173,http://localhost:8000"
 
     # 渲染引擎选择：legacy=旧VideoComposeService，unified=新UnifiedRenderService

apps/api/app/core/storage.py

@@ -1,14 +1,283 @@
-"""Backward-compatible re-export from shared storage.
+"""阿里云 OSS 存储服务"""
 
-All storage logic now lives in ``packages.shared.storage``.
-This module keeps old import paths working so existing code
-does not need to change.
-"""
+import base64
+import datetime as dt
+import hashlib
+import hmac
+import json
+import logging
+import os
+from urllib.parse import urlparse
 
-from packages.shared.storage import SharedStorageService as OSSStorageService
-from packages.shared.storage import (
-    get_shared_storage_service,
-    get_storage_service,
-)
+try:
+    import oss2
+except ImportError:  # pragma: no cover - exercised in minimal local/test environments
+    oss2 = None
+from app.config import get_settings
 
-__all__ = ["OSSStorageService", "get_storage_service", "get_shared_storage_service"]
+logger = logging.getLogger(__name__)
+
+
+class OSSStorageService:
+    """阿里云 OSS 存储服务"""
+
+    def __init__(self):
+        settings = get_settings()
+        self.bucket_name = settings.OSS_BUCKET_NAME
+        self.public_url = f"https://{settings.OSS_BUCKET_NAME}.{settings.OSS_ENDPOINT}"
+        self.local_url_prefix = os.getenv("GENERATED_FILES_URL_PREFIX", "/generated-files")
+        self.bucket = None
+
+        has_key_id = bool(settings.OSS_ACCESS_KEY_ID)
+        has_key_secret = bool(settings.OSS_ACCESS_KEY_SECRET)
+
+        if has_key_id and has_key_secret:
+            if oss2 is not None:
+                try:
+                    # P0-2 修复：oss2.Bucket 的 endpoint 必须带 https:// 前缀，
+                    # 否则 sign_url 默认生成 HTTP URL。
+                    bucket_endpoint = settings.OSS_ENDPOINT
+                    if not bucket_endpoint.startswith(("http://", "https://")):
+                        bucket_endpoint = f"https://{bucket_endpoint}"
+                    auth = oss2.Auth(
+                        settings.OSS_ACCESS_KEY_ID,
+                        settings.OSS_ACCESS_KEY_SECRET,
+                    )
+                    self.bucket = oss2.Bucket(
+                        auth,
+                        bucket_endpoint,
+                        settings.OSS_BUCKET_NAME,
+                    )
+                    logger.info(
+                        "OSS initialized: endpoint=%s bucket=%s",
+                        settings.OSS_ENDPOINT,
+                        settings.OSS_BUCKET_NAME,
+                    )
+                except Exception as error:
+                    logger.error("Failed to initialize OSS bucket client: %s", error)
+            else:
+                logger.error("oss2 SDK is not installed — OSS operations will fail")
+        else:
+            missing = []
+            if not has_key_id:
+                missing.append("OSS_ACCESS_KEY_ID")
+            if not has_key_secret:
+                missing.append("OSS_ACCESS_KEY_SECRET")
+            logger.error("OSS credentials not configured — missing: %s", ", ".join(missing))
+
+        self.access_key_id = settings.OSS_ACCESS_KEY_ID
+        self.access_key_secret = settings.OSS_ACCESS_KEY_SECRET
+        self.endpoint = settings.OSS_ENDPOINT
+
+    def diagnose(self) -> None:
+        """启动诊断：输出 OSS 配置状态，帮助排查预签名 URL 问题。"""
+        key_id_display = (
+            f"{self.access_key_id[:4]}...{self.access_key_id[-4:]}" if len(self.access_key_id) > 8 else "(empty)"
+        )
+        logger.info(
+            "[OSS诊断] endpoint=%s bucket_name=%s access_key_id=%s",
+            self.endpoint,
+            self.bucket_name,
+            key_id_display,
+        )
+        if self.bucket is None:
+            logger.error(
+                "[OSS诊断] ❌ bucket=None — 预签名URL不可用！"
+                "原因: OSS_ACCESS_KEY_ID/OSS_ACCESS_KEY_SECRET 未配置或 oss2 未安装。"
+                "请检查服务器 .env 文件（如 /var/lib/xiaoxia-saas-staging/.env）"
+            )
+        else:
+            logger.info("[OSS诊断] ✅ bucket 已配置，预签名URL可用")
+
+    def _is_local_generated_url(self, storage_key_or_url: str) -> bool:
+        parsed = urlparse(storage_key_or_url)
+        path = parsed.path if parsed.scheme else storage_key_or_url
+        return path.startswith(f"{self.local_url_prefix}/")
+
+    def create_direct_upload_post(
+        self,
+        storage_key: str,
+        content_type: str,
+        max_size_bytes: int,
+        expires_seconds: int,
+    ) -> dict[str, object]:
+        """创建浏览器直传 OSS 的 PostObject 表单。"""
+        if not self.access_key_id or not self.access_key_secret:
+            raise RuntimeError("OSS storage is not configured")
+        normalized_key = self._normalize_storage_key(storage_key)
+        if not normalized_key.startswith("uploads/"):
+            raise ValueError("direct upload key must be under uploads/")
+
+        expiration = (dt.datetime.now(dt.timezone.utc) + dt.timedelta(seconds=expires_seconds)).strftime(
+            "%Y-%m-%dT%H:%M:%S.000Z"
+        )
+        policy = {
+            "expiration": expiration,
+            "conditions": [
+                {"bucket": self.bucket_name},
+                {"key": normalized_key},
+                ["content-length-range", 1, max_size_bytes],
+                ["starts-with", "$Content-Type", content_type.split("/", 1)[0] + "/" if "/" in content_type else ""],
+            ],
+        }
+        encoded_policy = base64.b64encode(json.dumps(policy, separators=(",", ":")).encode("utf-8")).decode("ascii")
+        signature = base64.b64encode(
+            hmac.new(self.access_key_secret.encode("utf-8"), encoded_policy.encode("utf-8"), hashlib.sha1).digest()
+        ).decode("ascii")
+
+        return {
+            "url": self.public_url,
+            "method": "POST",
+            "storage_key": normalized_key,
+            "expires_at": expiration,
+            "fields": {
+                "key": normalized_key,
+                "OSSAccessKeyId": self.access_key_id,
+                "policy": encoded_policy,
+                "Signature": signature,
+                "success_action_status": "201",
+                "Content-Type": content_type,
+            },
+        }
+
+    def upload_file(
+        self,
+        file_or_path,
+        storage_key: str,
+        content_type: str = "application/octet-stream",
+    ) -> str:
+        """
+        上传文件到 OSS
+
+        Args:
+            file_or_path: 文件对象或本地文件路径
+            storage_key: 存储键（文件路径）
+            content_type: 内容类型
+
+        Returns:
+            文件公网 URL
+        """
+        if self.bucket is None:
+            raise RuntimeError("OSS storage is not configured")
+
+        try:
+            # 如果是字符串路径，从本地文件上传
+            if isinstance(file_or_path, str):
+                self.bucket.put_object_from_file(storage_key, file_or_path, headers={"Content-Type": content_type})
+            else:
+                # 文件对象
+                file_or_path.seek(0)
+                self.bucket.put_object(storage_key, file_or_path, headers={"Content-Type": content_type})
+
+            return f"{self.public_url}/{storage_key}"
+        except Exception as e:
+            raise Exception(f"Failed to upload file to OSS: {e}")
+
+    def get_url(self, storage_key: str) -> str:
+        """获取文件公网 URL"""
+        return f"{self.public_url}/{storage_key}"
+
+    def get_download_url(self, storage_key_or_url: str, expires_seconds: int = 3600) -> str:
+        """
+        获取文件下载签名 URL（用于私有文件）
+
+        Args:
+            storage_key_or_url: 存储键或完整 URL
+            expires_seconds: 过期时间（秒）
+
+        Returns:
+            签名 URL
+        """
+        if self.bucket is None:
+            if self._is_local_generated_url(storage_key_or_url):
+                return storage_key_or_url
+            logger.warning(
+                "get_download_url: OSS bucket not configured, returning raw URL. " "storage_key_or_url=%s",
+                storage_key_or_url[:200],
+            )
+            return self.get_url(self._normalize_storage_key(storage_key_or_url))
+
+        storage_key = self._normalize_storage_key(storage_key_or_url)
+        try:
+            signed = self.bucket.sign_url("GET", storage_key, expires_seconds)
+            logger.info(
+                "get_download_url: signed URL generated. storage_key=%s url_prefix=%s",
+                storage_key[:80],
+                signed[:60],
+            )
+            return signed
+        except Exception:
+            logger.exception(
+                "get_download_url: sign_url failed, falling back to raw URL. " "storage_key=%s",
+                storage_key[:200],
+            )
+            return self.get_url(storage_key)
+
+    def _normalize_storage_key(self, storage_key_or_url: str) -> str:
+        """从 URL 中提取存储键"""
+        if storage_key_or_url.startswith("http://") or storage_key_or_url.startswith("https://"):
+            parsed = urlparse(storage_key_or_url)
+            # 移除开头的 /
+            return parsed.path.lstrip("/")
+        return storage_key_or_url.lstrip("/")
+
+    def download_file(self, storage_key: str, local_path: str):
+        """
+        从 OSS 下载文件到本地
+
+        Args:
+            storage_key: 存储键
+            local_path: 本地文件路径
+        """
+        if self.bucket is None:
+            raise RuntimeError("OSS storage is not configured")
+
+        try:
+            os.makedirs(os.path.dirname(local_path), exist_ok=True)
+            self.bucket.get_object_to_file(storage_key, local_path)
+        except Exception as e:
+            raise Exception(f"Failed to download file from OSS: {e}")
+
+    def delete_file(self, storage_key: str):
+        """
+        删除 OSS 文件
+
+        Args:
+            storage_key: 存储键
+        """
+        if self.bucket is None:
+            return
+
+        try:
+            self.bucket.delete_object(storage_key)
+        except Exception as error:
+            logger.warning(
+                "Failed to delete file from OSS",
+                extra={"storage_key": storage_key, "error": str(error)},
+            )
+
+    def file_exists(self, storage_key: str) -> bool:
+        """
+        检查文件是否存在
+
+        Args:
+            storage_key: 存储键
+
+        Returns:
+            是否存在
+        """
+        if self.bucket is None:
+            return False
+        return self.bucket.object_exists(storage_key)
+
+
+_storage_service = None
+
+
+def get_storage_service() -> OSSStorageService:
+    """获取存储服务实例（全局单例）"""
+    global _storage_service
+    if _storage_service is None:
+        _storage_service = OSSStorageService()
+        _storage_service.diagnose()
+    return _storage_service

apps/api/app/middleware/auth.py

@@ -7,16 +7,12 @@ common auth dependencies for backward compatibility.
 
 from __future__ import annotations
 
-import logging
-
 from app.auth import AuthenticatedUser
 from app.auth import get_current_user as get_authenticated_user
 from app.dependencies import get_user_repository
 from fastapi import Depends, HTTPException
 from fastapi.security import HTTPAuthorizationCredentials, HTTPBearer
 
-logger = logging.getLogger(__name__)
-
 from packages.domain.entities import User
 from packages.ports.user_repository import UserRepository
 
@@ -37,10 +33,6 @@ async def get_current_user_optional(
         return None
     try:
         authenticated_user = await get_authenticated_user(credentials, user_repository)
-    except HTTPException as exc:
-        if exc.status_code >= 500:
-            # 服务端错误不应被静默吞掉，记录日志
-            logger.error("可选认证遇到服务端错误，status=%s", exc.status_code, exc_info=True)
-        # 4xx 认证失败（如 token 无效、用户不存在）属于正常流程，返回 None
+    except HTTPException:
         return None
     return authenticated_user.user

apps/api/app/middleware/versioning.py

@@ -61,7 +61,7 @@ class APIVersionMiddleware(BaseHTTPMiddleware):
 class VersionNotFoundMiddleware(BaseHTTPMiddleware):
     """处理已下线的 API 版本"""
 
-    SUNSET_VERSIONS: list[str] = []  # 已下线的版本列表
+    SUNSET_VERSIONS = []  # 已下线的版本列表
 
     async def dispatch(self, request: Request, call_next):
         version = self._extract_version(request.url.path)

apps/api/app/schemas/asset.py

@@ -54,45 +54,17 @@ class AssetResponse(BaseModel):
     tag_ids: list[str] = Field(default_factory=list)
 
 
-MAX_BATCH_SIZE = 200
-
-
 class BatchDeleteRequest(BaseModel):
-    """批量删除请求（软删除）。"""
+    """批量删除请求。"""
 
-    asset_ids: list[str] = Field(..., min_length=1, max_length=MAX_BATCH_SIZE, description="要删除的素材 ID 列表")
+    ids: list[str] = Field(..., min_length=1, max_length=100, description="要删除的素材 ID 列表")
 
 
-class BatchOperationResponse(BaseModel):
-    """批量操作通用响应。"""
+class BatchDeleteResponse(BaseModel):
+    """批量删除响应。"""
 
-    success_count: int = Field(..., ge=0, description="成功数量")
-    failed_ids: list[str] = Field(default_factory=list, description="失败的 ID 列表")
-    failed_details: dict[str, str] = Field(default_factory=dict, description="失败详情 {asset_id: reason}")
-
-
-class BatchTagRequest(BaseModel):
-    """批量打标签请求。"""
-
-    asset_ids: list[str] = Field(..., min_length=1, max_length=MAX_BATCH_SIZE, description="素材 ID 列表")
-    tag_ids: list[str] = Field(..., min_length=1, max_length=50, description="标签 ID 列表")
-    mode: str = Field(default="add", pattern="^(add|replace)$", description="add=添加合并，replace=全量替换")
-
-
-class BatchClassifyRequest(BaseModel):
-    """批量修改分类请求。"""
-
-    asset_ids: list[str] = Field(..., min_length=1, max_length=MAX_BATCH_SIZE, description="素材 ID 列表")
-    category: str = Field(..., min_length=1, max_length=50, description="内容分类，如 person/scenic/product")
-
-
-class BatchMarkRequest(BaseModel):
-    """批量设置智能视图标记请求。"""
-
-    asset_ids: list[str] = Field(..., min_length=1, max_length=MAX_BATCH_SIZE, description="素材 ID 列表")
-    smart_view: str = Field(
-        ..., pattern="^(recommended|caution|high_risk)$", description="智能视图标记：recommended/caution/high_risk"
-    )
+    deleted_count: int = Field(..., ge=0, description="实际删除数量")
+    failed_ids: list[str] = Field(default_factory=list, description="删除失败的 ID 列表")
 
 
 class ListAssetsResponse(BaseModel):

apps/api/app/schemas/dashboard.py

@@ -0,0 +1,32 @@
+from datetime import datetime
+
+from pydantic import BaseModel, Field
+
+
+class RecentTaskItem(BaseModel):
+    id: str
+    task_type: str = "generation"
+    status: str
+    current_step: str = ""
+    error_message: str = ""
+    updated_at: datetime | None = None
+
+
+class SubscriptionInfo(BaseModel):
+    """用户订阅信息。"""
+
+    plan: str = "free"
+    is_active: bool = False
+
+
+class DashboardOverviewResponse(BaseModel):
+    """Dashboard 概览数据。"""
+
+    total_assets: int = 0
+    used_storage_bytes: int = 0
+    total_titles: int = 0
+    total_voices: int = 0
+    total_tasks: int = 0
+    total_products: int = 0
+    subscription: SubscriptionInfo = Field(default_factory=SubscriptionInfo)
+    recent_tasks: list[RecentTaskItem] = Field(default_factory=list)

apps/api/app/schemas/generation_task.py

@@ -33,17 +33,6 @@ class CreateGenerationTaskRequest(BaseModel):
     asset_select_count: int = Field(
         default=0, ge=0, le=100, description="选取数量，0表示全部（仅 random/smart 模式有效）"
     )
-    # ── 自动重试 ──
-    auto_retry_enabled: bool = Field(
-        default=False,
-        description="是否开启失败自动重试，默认关闭",
-    )
-    auto_retry_max: int = Field(
-        default=0,
-        ge=0,
-        le=5,
-        description="最大自动重试次数，0表示不自动重试，最大5次",
-    )
 
     @model_validator(mode="after")
     def _check_at_least_one_mode(self) -> "CreateGenerationTaskRequest":
@@ -75,10 +64,6 @@ class GenerationTaskResponse(BaseModel):
     progress: float
     result_count: int
     error_message: str
-    error_info: dict = Field(default_factory=dict)
-    retry_count: int = 0
-    auto_retry_enabled: bool = False
-    auto_retry_max: int = 0
     logs: list[dict] = Field(default_factory=list)
 
     @field_validator("logs", mode="before")

apps/api/app/schemas/job.py

@@ -0,0 +1,109 @@
+"""Job API schemas — Phase 8 任务 2.10."""
+
+from __future__ import annotations
+
+from datetime import datetime
+from typing import Any, Optional
+
+from pydantic import BaseModel, Field
+
+
+class CreateJobRequest(BaseModel):
+    """创建任务请求体。"""
+
+    project_id: str = Field(..., min_length=1, description="项目 ID")
+    job_type: str = Field(
+        ...,
+        description="任务类型: video_compose / render_edit_plan / asset_ingest / classification / voice_extraction / generation",
+    )
+    payload: dict[str, Any] = Field(default_factory=dict, description="任务输入参数")
+    source_id: str = Field(default="", description="关联的业务实体 ID（如 edit_plan_id）")
+    max_retries: int = Field(default=3, ge=0, le=10, description="最大重试次数")
+
+
+class UpdateProgressRequest(BaseModel):
+    """更新任务进度请求体。"""
+
+    progress: float = Field(..., ge=0.0, le=100.0, description="进度百分比")
+    current_stage: str = Field(default="", description="当前阶段描述")
+
+
+class CompleteJobRequest(BaseModel):
+    """完成任务请求体。"""
+
+    result: dict[str, Any] = Field(default_factory=dict, description="任务结果")
+
+
+class FailJobRequest(BaseModel):
+    """标记任务失败请求体。"""
+
+    error_message: str = Field(..., min_length=1, description="错误信息")
+
+
+class JobResponse(BaseModel):
+    """任务响应体。"""
+
+    id: str
+    project_id: str
+    job_type: str
+    status: str
+    progress: float
+    current_stage: str
+    payload: dict[str, Any]
+    result: dict[str, Any]
+    error_message: str
+    retry_count: int
+    max_retries: int
+    celery_task_id: str
+    source_id: str
+    created_by_user_id: str
+    is_retryable: bool
+    started_at: Optional[datetime] = None
+    completed_at: Optional[datetime] = None
+    created_at: datetime
+    updated_at: datetime
+
+    model_config = {"from_attributes": True}
+
+
+class ListJobsResponse(BaseModel):
+    """任务列表响应体。"""
+
+    items: list[JobResponse]
+    total: int
+
+
+class JobStatisticsResponse(BaseModel):
+    """任务统计响应体。"""
+
+    project_id: str
+    total: int
+    pending: int
+    running: int
+    success: int
+    failed: int
+
+
+def job_to_response(job) -> JobResponse:
+    """将 Job 领域对象转换为 API 响应。"""
+    return JobResponse(
+        id=job.id,
+        project_id=job.project_id,
+        job_type=job.job_type.value if hasattr(job.job_type, "value") else str(job.job_type),
+        status=job.status.value if hasattr(job.status, "value") else str(job.status),
+        progress=job.progress,
+        current_stage=job.current_stage,
+        payload=job.payload,
+        result=job.result,
+        error_message=job.error_message,
+        retry_count=job.retry_count,
+        max_retries=job.max_retries,
+        celery_task_id=job.celery_task_id,
+        source_id=job.source_id,
+        created_by_user_id=job.created_by_user_id,
+        is_retryable=job.is_retryable,
+        started_at=job.started_at,
+        completed_at=job.completed_at,
+        created_at=job.created_at,
+        updated_at=job.updated_at,
+    )

apps/api/app/schemas/recipe.py

@@ -0,0 +1,86 @@
+"""Recipe API schemas."""
+
+from __future__ import annotations
+
+from datetime import datetime
+from typing import Any, Dict, List, Optional
+
+from pydantic import BaseModel, Field
+
+# ── Response ──
+
+
+class RecipeItemResponse(BaseModel):
+    id: str
+    recipe_id: str
+    item_type: str
+    item_id: str
+    position: int
+    metadata_: Dict[str, Any] = Field(default_factory=dict, alias="metadata")
+
+    class Config:
+        populate_by_name = True
+
+
+class RecipeResponse(BaseModel):
+    id: str
+    user_id: str
+    name: str
+    description: str = ""
+    template_id: str = ""
+    generation_params: Dict[str, Any] = Field(default_factory=dict)
+    items: List[RecipeItemResponse] = Field(default_factory=list)
+    is_active: bool = True
+    metadata_: Dict[str, Any] = Field(default_factory=dict, alias="metadata")
+    created_at: datetime
+    updated_at: datetime
+
+    class Config:
+        populate_by_name = True
+
+
+class ListRecipesResponse(BaseModel):
+    items: List[RecipeResponse]
+    total: int = 0
+
+
+class UseRecipeResponse(BaseModel):
+    recipe: RecipeResponse
+    warnings: List[Dict[str, Any]] = Field(default_factory=list)
+
+
+# ── Request ──
+
+
+class RecipeItemRequest(BaseModel):
+    item_type: str
+    item_id: str
+    position: int = 0
+    metadata_: Dict[str, Any] = Field(default_factory=dict, alias="metadata")
+
+    class Config:
+        populate_by_name = True
+
+
+class CreateRecipeRequest(BaseModel):
+    name: str
+    description: str = ""
+    template_id: str = ""
+    generation_params: Dict[str, Any] = Field(default_factory=dict)
+    items: List[RecipeItemRequest] = Field(default_factory=list)
+    metadata_: Dict[str, Any] = Field(default_factory=dict, alias="metadata")
+
+    class Config:
+        populate_by_name = True
+
+
+class UpdateRecipeRequest(BaseModel):
+    name: Optional[str] = None
+    description: Optional[str] = None
+    template_id: Optional[str] = None
+    generation_params: Optional[Dict[str, Any]] = None
+    items: Optional[List[RecipeItemRequest]] = None
+    metadata_: Optional[Dict[str, Any]] = Field(default=None, alias="metadata")
+
+    class Config:
+        populate_by_name = True

apps/api/app/schemas/task_center.py

@@ -11,10 +11,8 @@ class ProjectTaskResponse(BaseModel):
     progress: float
     current_step: str
     error_message: str = ""
-    error_info: dict = Field(default_factory=dict)
     user_message: str = ""
     retryable: bool = False
-    retry_count: int = 0
     source_id: str = ""
     template_id: str = ""
     created_at: datetime | None = None
@@ -23,7 +21,6 @@ class ProjectTaskResponse(BaseModel):
 
 class ListProjectTasksResponse(BaseModel):
     items: list[ProjectTaskResponse] = Field(default_factory=list)
-    total: int = 0
 
 
 class UserTaskResponse(BaseModel):
@@ -37,10 +34,8 @@ class UserTaskResponse(BaseModel):
     progress: float
     current_step: str
     error_message: str = ""
-    error_info: dict = Field(default_factory=dict)
     user_message: str = ""
     retryable: bool = False
-    retry_count: int = 0
     source_id: str = ""
     created_at: datetime | None = None
     updated_at: datetime | None = None
@@ -50,4 +45,3 @@ class ListTasksResponse(BaseModel):
     """用户级任务列表响应（GET /api/v1/tasks）。"""
 
     items: list[UserTaskResponse] = Field(default_factory=list)
-    total: int = 0

apps/api/app/schemas/template.py

@@ -45,7 +45,6 @@ class TemplateResponse(BaseModel):
     segments: List[SegmentResponse] = Field(default_factory=list)
     is_active: bool = True
     is_favorite: bool = False
-    usage_count: int = 0
     created_at: datetime
     updated_at: datetime
 
@@ -121,25 +120,3 @@ class CreateCategoryRequest(BaseModel):
 
 class ListCategoriesResponse(BaseModel):
     items: List[CategoryResponse]
-
-
-# ── Copy Template ──
-
-
-class CopyTemplateRequest(BaseModel):
-    new_name: str
-
-
-# ── Tags ──
-
-
-class ListTagsResponse(BaseModel):
-    items: List[str]
-
-
-# ── Usage Stats ──
-
-
-class TemplateUsageResponse(BaseModel):
-    template_id: str
-    usage_count: int

apps/api/app/schemas/video_center.py

@@ -1,45 +0,0 @@
-from typing import Literal
-
-from pydantic import BaseModel, Field
-
-VideoReviewStatus = Literal["pending_review", "approved", "rejected"]
-
-
-class VideoItemResponse(BaseModel):
-    id: str
-    project_id: str
-    generation_task_id: str
-    name: str
-    file_url: str
-    file_size: int
-    duration: float
-    thumbnail_url: str | None = None
-    width: int
-    height: int
-    fps: float
-    status: str = "completed"
-    review_status: str = "pending_review"
-    generation_params: dict = Field(default_factory=dict)
-    download_url: str | None = None
-    generated_at: str = ""
-
-
-class ListVideosResponse(BaseModel):
-    items: list[VideoItemResponse]
-    total: int
-    page: int
-    page_size: int
-
-
-class UpdateVideoReviewRequest(BaseModel):
-    review_status: VideoReviewStatus
-
-
-class BatchDownloadRequest(BaseModel):
-    video_ids: list[str]
-
-
-class BatchDownloadResponse(BaseModel):
-    job_id: str
-    status: str = "pending"
-    download_url: str | None = None

apps/api/app/services/edit_plan_service.py

@@ -281,8 +281,6 @@ class EditPlanService:
         start_time: float = 0.0,
         duration: float = 0.0,
         transition_effect: str = "cut",
-        transition_duration: float = 0.0,
-        playback_speed: float = 1.0,
         config: Optional[dict[str, Any]] = None,
     ) -> EditPlanClip:
         """创建片段
@@ -303,8 +301,6 @@ class EditPlanService:
             start_time=start_time,
             duration=duration,
             transition_effect=transition_effect,
-            transition_duration=transition_duration,
-            playback_speed=playback_speed,
             config=config,
         )
         created = self._clip_repo.create(clip)
@@ -328,8 +324,6 @@ class EditPlanService:
         start_time: Optional[float] = None,
         duration: Optional[float] = None,
         transition_effect: Optional[str] = None,
-        transition_duration: Optional[float] = None,
-        playback_speed: Optional[float] = None,
         config: Optional[dict[str, Any]] = None,
     ) -> EditPlanClip:
         """更新片段
@@ -339,15 +333,6 @@ class EditPlanService:
         """
         existing = self.get_clip_or_raise(clip_id)
 
-        # 速度边界钳制
-        if playback_speed is not None:
-            if playback_speed <= 0:
-                playback_speed = 1.0
-            elif playback_speed < 0.25:
-                playback_speed = 0.25
-            elif playback_speed > 4.0:
-                playback_speed = 4.0
-
         updated = EditPlanClip(
             id=existing.id,
             plan_id=existing.plan_id,
@@ -361,10 +346,6 @@ class EditPlanService:
             transition_effect=(
                 transition_effect.strip() if transition_effect is not None else existing.transition_effect
             ),
-            transition_duration=(
-                transition_duration if transition_duration is not None else existing.transition_duration
-            ),
-            playback_speed=playback_speed if playback_speed is not None else existing.playback_speed,
             status=existing.status,
             config=config if config is not None else existing.config,
             created_at=existing.created_at,

apps/api/app/services/job_service.py

@@ -13,6 +13,7 @@ from __future__ import annotations
 import logging
 from typing import Any
 
+
 from packages.application.jobs import (
     CancelJobUseCase,
     CompleteJobCommand,

apps/web/e2e/assets-full.spec.ts

@@ -86,10 +86,7 @@ async function createProject(
 ): Promise<string> {
   const resp = await request.post(`${apiBase}/projects`, {
     headers,
-    data: {
-      name: `Assets Test Proj ${suffix}`,
-      description: "E2E assets test",
-    },
+    data: { name: `Assets Test Proj ${suffix}`, description: "E2E assets test" },
   });
   expect(resp.ok(), `创建项目应成功: ${await resp.text()}`).toBeTruthy();
   const data = await resp.json();
@@ -181,30 +178,20 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("素材库列表页面加载", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-load");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-load",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     await createLibrary(request, headers, projectId, "默认视频库", "video");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
 
     // 页面布局容器
-    await expect(page.locator(".xx-assets-page")).toBeVisible({
-      timeout: 20_000,
-    });
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-page")).toBeVisible({ timeout: 20_000 });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     // 左侧素材库列表
     await expect(page.locator(".xx-asset-library-list")).toBeVisible();
@@ -224,33 +211,23 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("创建新素材库 - 通过 UI", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-create");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-create",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     await createLibrary(request, headers, projectId, "初始库", "video");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     // 点击新建素材库
     await page.locator(".xx-asset-library-add").click();
 
     // 弹窗出现
-    const modal = page
-      .locator(".ant-modal-content")
-      .filter({ hasText: "新建素材库" });
+    const modal = page.locator(".ant-modal-content").filter({ hasText: "新建素材库" });
     await expect(modal).toBeVisible();
 
     // 填写表单
@@ -282,13 +259,11 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("切换不同素材库", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-switch");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-switch",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
 
     const videoLibName = "视频素材库 A";
     const imageLibName = "图片素材库 B";
@@ -317,16 +292,10 @@ test.describe("素材库页面 - 完整交互测试", () => {
       "demo_video.mp4",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     // 点击视频库，应显示素材
     const videoLibItem = page
@@ -336,9 +305,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await expect(videoLibItem).toHaveClass(/active/);
 
     // 验证视频素材出现
-    await expect(page.getByText("demo_video.mp4")).toBeVisible({
-      timeout: 10_000,
-    });
+    await expect(page.getByText("demo_video.mp4")).toBeVisible({ timeout: 10_000 });
 
     // 点击图片库，应切换且不显示视频
     const imageLibItem = page
@@ -348,22 +315,18 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await expect(imageLibItem).toHaveClass(/active/);
 
     // 空状态或图片库内容
-    await expect(page.getByText("demo_video.mp4")).toHaveCount(0, {
-      timeout: 5_000,
-    });
+    await expect(page.getByText("demo_video.mp4")).toHaveCount(0, { timeout: 5_000 });
   });
 
   // ─── 素材搜索 ──────────────────────────────────────
 
   test("素材搜索功能", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-search");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-search",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     const libraryId = await createLibrary(
       request,
       headers,
@@ -373,33 +336,13 @@ test.describe("素材库页面 - 完整交互测试", () => {
     );
 
     // 创建两个不同名称的素材
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "apple_clip.mp4",
-    );
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "banana_clip.mp4",
-    );
+    await createAsset(request, headers, projectId, libraryId, userId, "apple_clip.mp4");
+    await createAsset(request, headers, projectId, libraryId, userId, "banana_clip.mp4");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     // 确保在测试库中
     const libItem = page
@@ -408,9 +351,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await libItem.click({ force: true });
 
     // 两个素材都应可见
-    await expect(page.getByText("apple_clip.mp4")).toBeVisible({
-      timeout: 10_000,
-    });
+    await expect(page.getByText("apple_clip.mp4")).toBeVisible({ timeout: 10_000 });
     await expect(page.getByText("banana_clip.mp4")).toBeVisible();
 
     // 搜索 apple，只显示 apple
@@ -420,9 +361,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
     // 清空搜索，两个都显示
     await page.getByPlaceholder("搜索素材名称...").fill("");
-    await expect(page.getByText("apple_clip.mp4")).toBeVisible({
-      timeout: 5_000,
-    });
+    await expect(page.getByText("apple_clip.mp4")).toBeVisible({ timeout: 5_000 });
     await expect(page.getByText("banana_clip.mp4")).toBeVisible();
   });
 
@@ -430,13 +369,11 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("素材类型筛选", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-filter");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-filter",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     const libraryId = await createLibrary(
       request,
       headers,
@@ -446,25 +383,12 @@ test.describe("素材库页面 - 完整交互测试", () => {
     );
 
     // 创建视频素材
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "video_clip.mp4",
-    );
+    await createAsset(request, headers, projectId, libraryId, userId, "video_clip.mp4");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     const libItem = page
       .locator(".xx-asset-library-item")
@@ -472,9 +396,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await libItem.click({ force: true });
 
     // 素材应可见
-    await expect(page.getByText("video_clip.mp4")).toBeVisible({
-      timeout: 10_000,
-    });
+    await expect(page.getByText("video_clip.mp4")).toBeVisible({ timeout: 10_000 });
 
     // 筛选类型下拉存在
     const filterSelect = page.locator(".xx-assets-filters-left select").first();
@@ -485,13 +407,11 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("素材详情查看 - 播放弹窗", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-detail");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-detail",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     const libraryId = await createLibrary(
       request,
       headers,
@@ -499,25 +419,12 @@ test.describe("素材库页面 - 完整交互测试", () => {
       "详情测试库",
       "video",
     );
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "play_test.mp4",
-    );
+    await createAsset(request, headers, projectId, libraryId, userId, "play_test.mp4");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     const libItem = page
       .locator(".xx-asset-library-item")
@@ -534,9 +441,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await assetCard.locator(".xx-asset-play").click({ force: true });
 
     // 播放弹窗出现
-    const modal = page
-      .locator(".ant-modal-content")
-      .filter({ hasText: "播放" });
+    const modal = page.locator(".ant-modal-content").filter({ hasText: "播放" });
     await expect(modal).toBeVisible();
 
     // 关闭弹窗
@@ -548,13 +453,11 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("删除素材 - 带确认对话框", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-delete");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-delete",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     const libraryId = await createLibrary(
       request,
       headers,
@@ -562,25 +465,12 @@ test.describe("素材库页面 - 完整交互测试", () => {
       "删除测试库",
       "video",
     );
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "to_delete.mp4",
-    );
+    await createAsset(request, headers, projectId, libraryId, userId, "to_delete.mp4");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     const libItem = page
       .locator(".xx-asset-library-item")
@@ -601,15 +491,14 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await deleteBtn.click({ force: true });
 
     // 确认对话框出现
-    const confirmModal = page
-      .locator(".ant-popover")
-      .filter({ hasText: "确认删除" });
+    const confirmModal = page.locator(".ant-popover").filter({ hasText: "确认删除" });
     await expect(confirmModal).toBeVisible();
 
     // 监听删除请求
     const deletePromise = page.waitForResponse(
       (resp) =>
-        resp.url().includes("/assets/") && resp.request().method() === "DELETE",
+        resp.url().includes("/assets/") &&
+        resp.request().method() === "DELETE",
       { timeout: 10_000 },
     );
 
@@ -629,13 +518,11 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("批量删除素材", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-batch");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-batch",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     const libraryId = await createLibrary(
       request,
       headers,
@@ -645,41 +532,14 @@ test.describe("素材库页面 - 完整交互测试", () => {
     );
 
     // 创建多个素材
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "batch_1.mp4",
-    );
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "batch_2.mp4",
-    );
-    await createAsset(
-      request,
-      headers,
-      projectId,
-      libraryId,
-      userId,
-      "batch_3.mp4",
-    );
+    await createAsset(request, headers, projectId, libraryId, userId, "batch_1.mp4");
+    await createAsset(request, headers, projectId, libraryId, userId, "batch_2.mp4");
+    await createAsset(request, headers, projectId, libraryId, userId, "batch_3.mp4");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     const libItem = page
       .locator(".xx-asset-library-item")
@@ -687,9 +547,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await libItem.click({ force: true });
 
     // 所有素材应可见
-    await expect(page.getByText("batch_1.mp4")).toBeVisible({
-      timeout: 10_000,
-    });
+    await expect(page.getByText("batch_1.mp4")).toBeVisible({ timeout: 10_000 });
     await expect(page.getByText("batch_2.mp4")).toBeVisible();
     await expect(page.getByText("batch_3.mp4")).toBeVisible();
 
@@ -709,9 +567,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await batchDeleteBtn.click();
 
     // 确认对话框
-    const confirmPop = page
-      .locator(".ant-popover")
-      .filter({ hasText: "确定删除" });
+    const confirmPop = page.locator(".ant-popover").filter({ hasText: "确定删除" });
     await expect(confirmPop).toBeVisible();
 
     // 确认删除
@@ -739,25 +595,17 @@ test.describe("素材库页面 - 完整交互测试", () => {
 
   test("空素材库展示空状态", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "assets-empty");
-    const projectId = await createProject(
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
       request,
-      headers,
-      Date.now().toString(),
+      "assets-empty",
     );
+    const projectId = await createProject(request, headers, Date.now().toString());
     await createLibrary(request, headers, projectId, "空素材库", "video");
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/assets");
-    await expect(page.locator(".xx-assets-layout")).toBeVisible({
-      timeout: 20_000,
-    });
+    await expect(page.locator(".xx-assets-layout")).toBeVisible({ timeout: 20_000 });
 
     const libItem = page
       .locator(".xx-asset-library-item")
@@ -765,9 +613,7 @@ test.describe("素材库页面 - 完整交互测试", () => {
     await libItem.click({ force: true });
 
     // 空状态应显示
-    await expect(page.locator(".xx-assets-empty")).toBeVisible({
-      timeout: 10_000,
-    });
+    await expect(page.locator(".xx-assets-empty")).toBeVisible({ timeout: 10_000 });
     await expect(page.getByText("暂无素材，请上传或切换素材库")).toBeVisible();
   });
 

apps/web/e2e/core-generation.spec.ts

@@ -251,9 +251,6 @@ test.describe("Core generation flow", () => {
     await expect(page.locator(".xx-products-page")).toBeVisible({
       timeout: 15_000,
     });
-
-    // 清理所有路由，避免页面关闭时飞地API请求导致测试报错
-    await page.unrouteAll({ behavior: "ignoreErrors" });
   });
 
   test("generation task API creates and lists tasks", async ({ request }) => {

apps/web/e2e/core-upload.spec.ts

@@ -180,11 +180,9 @@ test.describe("Core media upload flow", () => {
     await expect(page.locator(".xx-assets-content")).toBeVisible({
       timeout: 20_000,
     });
-    await expect(page.getByText("e2e-sample.MOV", { exact: true })).toBeVisible(
-      {
-        timeout: 20_000,
-      },
-    );
+    await expect(page.getByText("e2e-sample.MOV", { exact: true })).toBeVisible({
+      timeout: 20_000,
+    });
 
     // Verify asset card shows status
     const assetCard = page

apps/web/e2e/duplication.spec.ts

@@ -121,11 +121,7 @@ test.describe("去重流程", () => {
       "dup-load",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication");
 
@@ -150,11 +146,7 @@ test.describe("去重流程", () => {
       "dup-upload-zone",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication");
     await expect(page.locator(".dup-page")).toBeVisible({ timeout: 20_000 });
@@ -164,12 +156,12 @@ test.describe("去重流程", () => {
     await expect(uploadZone).toBeVisible();
 
     // 上传图标和文字
-    await expect(
-      uploadZone.getByText("点击或拖拽视频文件到此区域"),
-    ).toBeVisible();
+    await expect(uploadZone.getByText("点击或拖拽视频文件到此区域")).toBeVisible();
 
     // 格式提示
-    await expect(uploadZone.getByText(/支持 MP4、AVI、MOV、MKV/)).toBeVisible();
+    await expect(
+      uploadZone.getByText(/支持 MP4、AVI、MOV、MKV/),
+    ).toBeVisible();
 
     // 格式标签
     await expect(page.locator(".dup-upload-formats")).toBeVisible();
@@ -192,11 +184,7 @@ test.describe("去重流程", () => {
       "dup-info",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication");
     await expect(page.locator(".dup-page")).toBeVisible({ timeout: 20_000 });
@@ -227,11 +215,7 @@ test.describe("去重流程", () => {
       "dup-list",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication/results");
 
@@ -255,11 +239,7 @@ test.describe("去重流程", () => {
       "dup-list-empty",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication/results");
     await expect(page.locator(".dup-page")).toBeVisible({ timeout: 20_000 });
@@ -277,11 +257,7 @@ test.describe("去重流程", () => {
       "dup-filter",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication/results");
     await expect(page.locator(".dup-page")).toBeVisible({ timeout: 20_000 });
@@ -311,11 +287,7 @@ test.describe("去重流程", () => {
       "dup-nav",
     );
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication/results");
     await expect(page.locator(".dup-page")).toBeVisible({ timeout: 20_000 });
@@ -334,8 +306,10 @@ test.describe("去重流程", () => {
     request,
   }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "dup-detail");
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
+      request,
+      "dup-detail",
+    );
 
     // 先上传一个文件进行查重，获取 record id
     const uploadResp = await request.post(`${apiBase}/duplication/upload`, {
@@ -361,11 +335,7 @@ test.describe("去重流程", () => {
     const recordId = uploadData.id;
     expect(recordId, "应返回查重记录 ID").toBeTruthy();
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     // 访问详情页
     await page.goto(`/app/duplication/${recordId}`);
@@ -383,8 +353,10 @@ test.describe("去重流程", () => {
 
   test("去重记录删除 - API 验证", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "dup-delete");
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
+      request,
+      "dup-delete",
+    );
 
     // 创建查重记录
     const uploadResp = await request.post(`${apiBase}/duplication/upload`, {
@@ -447,8 +419,10 @@ test.describe("去重流程", () => {
 
   test("去重记录删除 - UI 验证", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "dup-delete-ui");
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
+      request,
+      "dup-delete-ui",
+    );
 
     // 创建查重记录
     const uploadResp = await request.post(`${apiBase}/duplication/upload`, {
@@ -469,20 +443,14 @@ test.describe("去重流程", () => {
       return;
     }
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication/results");
     await expect(page.locator(".dup-page")).toBeVisible({ timeout: 20_000 });
 
     // 记录卡片应存在
     const resultCard = page.locator(".dup-result-card").first();
-    const cardVisible = await resultCard
-      .isVisible({ timeout: 10_000 })
-      .catch(() => false);
+    const cardVisible = await resultCard.isVisible({ timeout: 10_000 }).catch(() => false);
 
     if (cardVisible) {
       // 删除按钮存在
@@ -499,14 +467,12 @@ test.describe("去重流程", () => {
       });
 
       // 监听删除请求
-      const deletePromise = page
-        .waitForResponse(
-          (resp) =>
-            resp.url().includes("/duplication/records/") &&
-            resp.request().method() === "DELETE",
-          { timeout: 10_000 },
-        )
-        .catch(() => null);
+      const deletePromise = page.waitForResponse(
+        (resp) =>
+          resp.url().includes("/duplication/records/") &&
+          resp.request().method() === "DELETE",
+        { timeout: 10_000 },
+      ).catch(() => null);
 
       await deleteBtn.click();
 
@@ -521,8 +487,10 @@ test.describe("去重流程", () => {
 
   test("重试去重按钮 - 失败记录显示重试", async ({ page, request }) => {
     await routeBrowserApiToTestApi(page);
-    const { headers, userId, accessToken, email, username } =
-      await createAuthedUser(request, "dup-retry");
+    const { headers, userId, accessToken, email, username } = await createAuthedUser(
+      request,
+      "dup-retry",
+    );
 
     // 创建查重记录
     const uploadResp = await request.post(`${apiBase}/duplication/upload`, {
@@ -543,20 +511,14 @@ test.describe("去重流程", () => {
       return;
     }
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/duplication/results");
     await expect(page.locator(".dup-page")).toBeVisible({ timeout: 20_000 });
 
     // 记录列表中至少有一条记录
     const resultCard = page.locator(".dup-result-card").first();
-    const cardVisible = await resultCard
-      .isVisible({ timeout: 10_000 })
-      .catch(() => false);
+    const cardVisible = await resultCard.isVisible({ timeout: 10_000 }).catch(() => false);
 
     if (cardVisible) {
       // 验证记录卡片基本结构

apps/web/e2e/editing-planner.spec.ts

@@ -6,12 +6,7 @@
  *
  * 每个测试独立，先注册登录获取 auth token。
  */
-import {
-  expect,
-  test,
-  type APIRequestContext,
-  type Page,
-} from "@playwright/test";
+import { expect, test, type APIRequestContext, type Page } from "@playwright/test";
 
 const PASSWORD = "Test123456!";
 const apiBase = process.env.E2E_API_BASE || "/api/v1";
@@ -263,12 +258,7 @@ test.describe("剪辑计划 - API 操作", () => {
         mode: "pip",
         estimated_duration: 30,
         segments: [
-          {
-            segment_order: 1,
-            duration_min: 5,
-            duration_max: 10,
-            material_type: "video",
-          },
+          { segment_order: 1, duration_min: 5, duration_max: 10, material_type: "video" },
         ],
       },
     });
@@ -279,12 +269,7 @@ test.describe("剪辑计划 - API 操作", () => {
         mode: "voice_over",
         estimated_duration: 60,
         segments: [
-          {
-            segment_order: 1,
-            duration_min: 10,
-            duration_max: 30,
-            material_type: "video",
-          },
+          { segment_order: 1, duration_min: 10, duration_max: 30, material_type: "video" },
         ],
       },
     });

apps/web/e2e/products.spec.ts

@@ -93,8 +93,7 @@ function mockProducts(count: number, statuses: string[] = ["completed"]) {
       resolution: "1080x1920",
       file_size: (5 + i) * 1024 * 1024,
       duplicate_rate: i * 5,
-      video_url:
-        status === "completed" ? "https://example.com/video.mp4" : undefined,
+      video_url: status === "completed" ? "https://example.com/video.mp4" : undefined,
       thumbnail_url: undefined,
       created_at: new Date().toISOString(),
       updated_at: new Date().toISOString(),
@@ -219,11 +218,7 @@ test.describe("作品库页面", () => {
     const products = mockProducts(3, ["completed", "processing", "failed"]);
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
 
@@ -260,24 +255,12 @@ test.describe("作品库页面", () => {
 
     const products = [
       { ...mockProducts(1, ["completed"])[0], title: "已完成作品" },
-      {
-        ...mockProducts(1, ["processing"])[0],
-        title: "处理中作品",
-        id: `mock-prod-${Date.now()}-p`,
-      },
-      {
-        ...mockProducts(1, ["failed"])[0],
-        title: "失败作品",
-        id: `mock-prod-${Date.now()}-f`,
-      },
+      { ...mockProducts(1, ["processing"])[0], title: "处理中作品", id: `mock-prod-${Date.now()}-p` },
+      { ...mockProducts(1, ["failed"])[0], title: "失败作品", id: `mock-prod-${Date.now()}-f` },
     ];
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-page")).toBeVisible({
@@ -293,9 +276,9 @@ test.describe("作品库页面", () => {
     const completedCard = page
       .locator(".xx-product-card")
       .filter({ hasText: "已完成作品" });
-    await expect(
-      completedCard.locator(".xx-product-status.completed"),
-    ).toHaveText("已完成");
+    await expect(completedCard.locator(".xx-product-status.completed")).toHaveText(
+      "已完成",
+    );
 
     const processingCard = page
       .locator(".xx-product-card")
@@ -326,11 +309,7 @@ test.describe("作品库页面", () => {
     const productId = products[0].id;
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     // 直接访问详情页
     await page.goto(`/app/products/${productId}`);
@@ -358,11 +337,7 @@ test.describe("作品库页面", () => {
     products[0].video_url = "https://example.com/test-video.mp4";
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-grid")).toBeVisible({
@@ -381,10 +356,7 @@ test.describe("作品库页面", () => {
     // 播放弹窗出现 - 验证有视频元素或播放器容器
     // (通过 Mock 的 video_url，video 元素应能渲染)
     const videoEl = page.locator("video");
-    const videoVisible = await videoEl
-      .first()
-      .isVisible({ timeout: 5000 })
-      .catch(() => false);
+    const videoVisible = await videoEl.first().isVisible({ timeout: 5000 }).catch(() => false);
     // 或弹窗容器可见
     const modalVisible = await page
       .locator(".ant-modal-content")
@@ -408,11 +380,7 @@ test.describe("作品库页面", () => {
     products[0].title = "下载测试作品";
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-grid")).toBeVisible({
@@ -441,11 +409,7 @@ test.describe("作品库页面", () => {
     products[0].title = "处理中下载测试";
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-grid")).toBeVisible({
@@ -520,11 +484,7 @@ test.describe("作品库页面", () => {
       route.continue();
     });
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-grid")).toBeVisible({
@@ -547,12 +507,9 @@ test.describe("作品库页面", () => {
     const { headers } = await createAuthedUser(request, "products-del-api");
 
     // 测试删除不存在的产品，验证 API 端点存在
-    const resp = await request.delete(
-      `${apiBase}/products/nonexistent-test-id`,
-      {
-        headers,
-      },
-    );
+    const resp = await request.delete(`${apiBase}/products/nonexistent-test-id`, {
+      headers,
+    });
 
     // 应返回 404 或 403，不应是 405 (Method Not Allowed) 或 404 (路由不存在)
     // 404 表示资源不存在但端点存在
@@ -572,11 +529,7 @@ test.describe("作品库页面", () => {
     // Mock 空列表
     await mockProductsApi(page, []);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-page")).toBeVisible({
@@ -600,24 +553,12 @@ test.describe("作品库页面", () => {
     );
 
     const products = [
-      {
-        ...mockProducts(1, ["completed"])[0],
-        title: "苹果宣传视频",
-        id: `mock-prod-${Date.now()}-apple`,
-      },
-      {
-        ...mockProducts(1, ["completed"])[0],
-        title: "香蕉推广视频",
-        id: `mock-prod-${Date.now()}-banana`,
-      },
+      { ...mockProducts(1, ["completed"])[0], title: "苹果宣传视频", id: `mock-prod-${Date.now()}-apple` },
+      { ...mockProducts(1, ["completed"])[0], title: "香蕉推广视频", id: `mock-prod-${Date.now()}-banana` },
     ];
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-grid")).toBeVisible({
@@ -625,9 +566,7 @@ test.describe("作品库页面", () => {
     });
 
     // 两个作品都可见
-    await expect(page.getByText("苹果宣传视频")).toBeVisible({
-      timeout: 5_000,
-    });
+    await expect(page.getByText("苹果宣传视频")).toBeVisible({ timeout: 5_000 });
     await expect(page.getByText("香蕉推广视频")).toBeVisible();
 
     // 搜索"苹果"
@@ -637,9 +576,7 @@ test.describe("作品库页面", () => {
 
     // 清空搜索
     await page.getByPlaceholder("搜索成片名称...").fill("");
-    await expect(page.getByText("香蕉推广视频")).toBeVisible({
-      timeout: 5_000,
-    });
+    await expect(page.getByText("香蕉推广视频")).toBeVisible({ timeout: 5_000 });
   });
 
   test("作品状态筛选", async ({ page, request }) => {
@@ -650,24 +587,12 @@ test.describe("作品库页面", () => {
     );
 
     const products = [
-      {
-        ...mockProducts(1, ["completed"])[0],
-        title: "已完成筛选",
-        id: `mock-prod-${Date.now()}-done`,
-      },
-      {
-        ...mockProducts(1, ["processing"])[0],
-        title: "处理中筛选",
-        id: `mock-prod-${Date.now()}-proc`,
-      },
+      { ...mockProducts(1, ["completed"])[0], title: "已完成筛选", id: `mock-prod-${Date.now()}-done` },
+      { ...mockProducts(1, ["processing"])[0], title: "处理中筛选", id: `mock-prod-${Date.now()}-proc` },
     ];
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-grid")).toBeVisible({
@@ -704,11 +629,7 @@ test.describe("作品库页面", () => {
     products[2].title = "批量测试 3";
     await mockProductsApi(page, products);
 
-    await setupAuthInBrowser(page, accessToken, {
-      id: userId,
-      email,
-      username,
-    });
+    await setupAuthInBrowser(page, accessToken, { id: userId, email, username });
 
     await page.goto("/app/products");
     await expect(page.locator(".xx-products-grid")).toBeVisible({
@@ -732,12 +653,8 @@ test.describe("作品库页面", () => {
     await expect(batchBar.getByText(/已选择 1 项/)).toBeVisible();
 
     // 批量按钮存在
-    await expect(
-      batchBar.getByRole("button", { name: "批量下载" }),
-    ).toBeVisible();
-    await expect(
-      batchBar.getByRole("button", { name: "批量删除" }),
-    ).toBeVisible();
+    await expect(batchBar.getByRole("button", { name: "批量下载" })).toBeVisible();
+    await expect(batchBar.getByRole("button", { name: "批量删除" })).toBeVisible();
 
     // 取消选择
     await batchBar.getByRole("button", { name: "取消选择" }).click();

apps/web/e2e/profile.spec.ts

@@ -6,12 +6,7 @@
  *
  * 每个测试独立，先注册登录获取 auth token。
  */
-import {
-  expect,
-  test,
-  type APIRequestContext,
-  type Page,
-} from "@playwright/test";
+import { expect, test, type APIRequestContext, type Page } from "@playwright/test";
 
 const PASSWORD = "Test123456!";
 const apiBase = process.env.E2E_API_BASE || "/api/v1";
@@ -406,10 +401,7 @@ test.describe("个人设置 - 退出登录", () => {
   test.describe.configure({ timeout: 120_000 });
 
   test("登出 API - 正向", async ({ request }) => {
-    const { headers, email } = await createAuthedUser(
-      request,
-      "profile-logout",
-    );
+    const { headers, email } = await createAuthedUser(request, "profile-logout");
 
     const response = await request.post(`${apiBase}/auth/logout`, {
       headers,

apps/web/e2e/register.spec.ts

@@ -49,9 +49,7 @@ test.describe("注册页面", () => {
     await expect(page.locator(".xx-auth-brand-name")).toHaveText("小虾智剪");
 
     // 标题/描述
-    await expect(
-      page.getByText("创建账户，开启智能视频创作之旅"),
-    ).toBeVisible();
+    await expect(page.getByText("创建账户，开启智能视频创作之旅")).toBeVisible();
 
     // 表单字段
     await expect(page.getByLabel("邮箱")).toBeVisible();
@@ -71,10 +69,7 @@ test.describe("注册页面", () => {
     await page.goto("/register");
 
     // 直接点击注册按钮
-    await page
-      .locator("button[type='submit']")
-      .filter({ hasText: "注册" })
-      .click();
+    await page.locator("button[type='submit']").filter({ hasText: "注册" }).click();
 
     // 应显示必填错误
     await expect(page.getByText("请输入邮箱")).toBeVisible();
@@ -91,10 +86,7 @@ test.describe("注册页面", () => {
     await page.getByLabel("密码").fill(PASSWORD);
     await page.getByLabel("确认密码").fill(PASSWORD);
 
-    await page
-      .locator("button[type='submit']")
-      .filter({ hasText: "注册" })
-      .click();
+    await page.locator("button[type='submit']").filter({ hasText: "注册" }).click();
 
     // 应显示邮箱格式错误
     await expect(page.getByText("请输入有效的邮箱地址")).toBeVisible();
@@ -108,10 +100,7 @@ test.describe("注册页面", () => {
     await page.getByLabel("密码").fill("123");
     await page.getByLabel("确认密码").fill("123");
 
-    await page
-      .locator("button[type='submit']")
-      .filter({ hasText: "注册" })
-      .click();
+    await page.locator("button[type='submit']").filter({ hasText: "注册" }).click();
 
     // 应显示密码长度错误
     await expect(page.getByText("密码至少 8 个字符")).toBeVisible();
@@ -125,10 +114,7 @@ test.describe("注册页面", () => {
     await page.getByLabel("密码").fill(PASSWORD);
     await page.getByLabel("确认密码").fill("Different123!");
 
-    await page
-      .locator("button[type='submit']")
-      .filter({ hasText: "注册" })
-      .click();
+    await page.locator("button[type='submit']").filter({ hasText: "注册" }).click();
 
     // 应显示密码不一致错误
     await expect(page.getByText("两次输入的密码不一致")).toBeVisible();
@@ -142,10 +128,7 @@ test.describe("注册页面", () => {
     await page.getByLabel("密码").fill(PASSWORD);
     await page.getByLabel("确认密码").fill(PASSWORD);
 
-    await page
-      .locator("button[type='submit']")
-      .filter({ hasText: "注册" })
-      .click();
+    await page.locator("button[type='submit']").filter({ hasText: "注册" }).click();
 
     await expect(page.getByText("请输入用户名")).toBeVisible();
   });
@@ -171,16 +154,10 @@ test.describe("注册页面", () => {
       { timeout: 15_000 },
     );
 
-    await page
-      .locator("button[type='submit']")
-      .filter({ hasText: "注册" })
-      .click();
+    await page.locator("button[type='submit']").filter({ hasText: "注册" }).click();
 
     const resp = await registerResponse;
-    expect(
-      resp.ok(),
-      `注册请求应返回 2xx，实际: ${resp.status()}`,
-    ).toBeTruthy();
+    expect(resp.ok(), `注册请求应返回 2xx，实际: ${resp.status()}`).toBeTruthy();
 
     // 注册成功后应跳转到登录页或显示成功消息
     // 页面应停留在可识别的状态（成功提示或跳转）
@@ -222,19 +199,14 @@ test.describe("注册页面", () => {
     await page.getByLabel("密码").fill(PASSWORD);
     await page.getByLabel("确认密码").fill(PASSWORD);
 
-    await page
-      .locator("button[type='submit']")
-      .filter({ hasText: "注册" })
-      .click();
+    await page.locator("button[type='submit']").filter({ hasText: "注册" }).click();
 
     // 应显示错误提示（通过 antd message 或表单错误）
     await expect
       .poll(
         async () => {
           // 检查是否有错误消息
-          const hasError = await page
-            .getByText(/注册失败|已注册|已存在|exists/)
-            .isVisible();
+          const hasError = await page.getByText(/注册失败|已注册|已存在|exists/).isVisible();
           return hasError ? "error_shown" : "waiting";
         },
         { timeout: 10_000 },
@@ -282,12 +254,7 @@ test.describe("注册页面", () => {
 
     // 注册
     await request.post(`${apiBase}/auth/register`, {
-      data: {
-        email,
-        password: PASSWORD,
-        username,
-        display_name: "Reg Auth Test",
-      },
+      data: { email, password: PASSWORD, username, display_name: "Reg Auth Test" },
     });
 
     // 登录
@@ -326,8 +293,6 @@ test.describe("注册页面", () => {
     // 注册页对已登录用户也可访问（注册页是公开页面）
     // 验证页面正常渲染
     await expect(page.getByLabel("邮箱")).toBeVisible();
-    await expect(
-      page.locator("button[type='submit']").filter({ hasText: "注册" }),
-    ).toBeVisible();
+    await expect(page.locator("button[type='submit']").filter({ hasText: "注册" })).toBeVisible();
   });
 });

apps/web/e2e/subscription-full.spec.ts

@@ -9,12 +9,7 @@
  *
  * 每个测试独立，先注册登录获取 auth token。
  */
-import {
-  expect,
-  test,
-  type APIRequestContext,
-  type Page,
-} from "@playwright/test";
+import { expect, test, type APIRequestContext, type Page } from "@playwright/test";
 
 const PASSWORD = "Test123456!";
 const apiBase = process.env.E2E_API_BASE || "/api/v1";
@@ -248,13 +243,8 @@ test.describe("订阅套餐页 - 升级交互", () => {
       const url = page.url();
       // 验证页面有响应（跳转到支付或保持在订阅页但有弹窗）
       expect(
-        url.includes("/subscription/upgrade") ||
-          url.includes("/subscription") ||
-          (await page
-            .locator(".ant-modal, [role='dialog']")
-            .first()
-            .isVisible()
-            .catch(() => false)),
+        url.includes("/subscription/upgrade") || url.includes("/subscription") ||
+          (await page.locator(".ant-modal, [role='dialog']").first().isVisible().catch(() => false)),
       ).toBeTruthy();
     }
   });
@@ -548,16 +538,13 @@ test.describe("订阅 - 支付流程", () => {
   test("创建支付订单 - 正向 API", async ({ request }) => {
     const { headers } = await createAuthedUser(request, "sub-pay-api");
 
-    const response = await request.post(
-      `${apiBase}/subscription/create-order`,
-      {
-        headers,
-        data: {
-          plan_id: "pro",
-          billing_cycle: "monthly",
-        },
+    const response = await request.post(`${apiBase}/subscription/create-order`, {
+      headers,
+      data: {
+        plan_id: "pro",
+        billing_cycle: "monthly",
       },
-    );
+    });
 
     // 创建支付订单可能成功或接口不存在
     expect(
@@ -573,15 +560,12 @@ test.describe("订阅 - 支付流程", () => {
   });
 
   test("未登录创建订单 - 反向", async ({ request }) => {
-    const response = await request.post(
-      `${apiBase}/subscription/create-order`,
-      {
-        data: {
-          plan_id: "pro",
-          billing_cycle: "monthly",
-        },
+    const response = await request.post(`${apiBase}/subscription/create-order`, {
+      data: {
+        plan_id: "pro",
+        billing_cycle: "monthly",
       },
-    );
+    });
     expect([401, 403, 404]).toContain(response.status());
   });
 });

apps/web/e2e/subscription.spec.ts

@@ -178,10 +178,7 @@ test.describe("订阅过期处理", () => {
     // 免费用户可能不需要取消，返回 400 或类似错误
     if (!response.ok()) {
       const data = await response.json();
-      expect(
-        data.error?.message || data.detail || data.message,
-        "应返回错误信息",
-      ).toBeTruthy();
+      expect(data.error?.message || data.detail || data.message, "应返回错误信息").toBeTruthy();
     }
   });
 

apps/web/e2e/templates.spec.ts

@@ -6,12 +6,7 @@
  *
  * 每个测试独立，先注册登录获取 auth token。
  */
-import {
-  expect,
-  test,
-  type APIRequestContext,
-  type Page,
-} from "@playwright/test";
+import { expect, test, type APIRequestContext, type Page } from "@playwright/test";
 
 const PASSWORD = "Test123456!";
 const apiBase = process.env.E2E_API_BASE || "/api/v1";
@@ -331,9 +326,7 @@ test.describe("模板库 - 模板展示", () => {
       if (await modal.isVisible({ timeout: 5_000 })) {
         await expect(modal).toBeVisible();
         // 验证预览内容存在
-        await expect(
-          modal.locator(".xx-template-modal-title-row"),
-        ).toBeVisible();
+        await expect(modal.locator(".xx-template-modal-title-row")).toBeVisible();
       }
     }
   });
@@ -494,10 +487,7 @@ test.describe("模板库 - API 操作", () => {
       `${apiBase}/templates/${templateId}/favorite`,
       { headers },
     );
-    expect(
-      unfavResp.status() < 500,
-      "取消收藏请求应返回 2xx 或 4xx",
-    ).toBeTruthy();
+    expect(unfavResp.status() < 500, "取消收藏请求应返回 2xx 或 4xx").toBeTruthy();
   });
 
   test("获取模板详情 - 正向", async ({ request }) => {
@@ -525,9 +515,10 @@ test.describe("模板库 - API 操作", () => {
     expect(createResp.ok()).toBeTruthy();
     const created = await createResp.json();
 
-    const detailResp = await request.get(`${apiBase}/templates/${created.id}`, {
-      headers,
-    });
+    const detailResp = await request.get(
+      `${apiBase}/templates/${created.id}`,
+      { headers },
+    );
     expect(detailResp.ok(), "获取详情应成功").toBeTruthy();
     const detail = await detailResp.json();
     expect(detail.id).toBe(created.id);

apps/web/e2e/test_auth.spec.ts

@@ -175,9 +175,10 @@ test.describe("认证流程", () => {
       },
     });
 
-    expect([400, 422], "缺少用户名字段应返回 4xx 校验错误").toContain(
-      response.status(),
-    );
+    expect(
+      [400, 422],
+      "缺少用户名字段应返回 4xx 校验错误",
+    ).toContain(response.status());
   });
 
   // ─── 登录 ────────────────────────────────────────────
@@ -229,9 +230,7 @@ test.describe("认证流程", () => {
         data: { email: `ghost_${Date.now()}@nonexist.com`, password: PASSWORD },
       });
       if (response.status() !== 429) break;
-      console.log(
-        `[反向登录测试] 触发限流，等待 65s 后重试 (${attempt + 1}/2)`,
-      );
+      console.log(`[反向登录测试] 触发限流，等待 65s 后重试 (${attempt + 1}/2)`);
       await new Promise((r) => setTimeout(r, 65_000));
     }
 

apps/web/e2e/titles-full.spec.ts

@@ -9,12 +9,7 @@
  *
  * 每个测试独立，先注册登录获取 auth token。
  */
-import {
-  expect,
-  test,
-  type APIRequestContext,
-  type Page,
-} from "@playwright/test";
+import { expect, test, type APIRequestContext, type Page } from "@playwright/test";
 
 const PASSWORD = "Test123456!";
 const apiBase = process.env.E2E_API_BASE || "/api/v1";
@@ -229,11 +224,7 @@ test.describe("标题库 - API 完整操作", () => {
 
   test("编辑标题 - 正向", async ({ request }) => {
     const { headers } = await createAuthedUser(request, "title-update");
-    const titleId = await createTitle(
-      request,
-      headers,
-      Date.now().toString(36),
-    );
+    const titleId = await createTitle(request, headers, Date.now().toString(36));
 
     const newName = `更新后的标题 ${Date.now()}`;
     const newText = "这是更新后的标题内容";
@@ -265,11 +256,7 @@ test.describe("标题库 - API 完整操作", () => {
 
   test("删除标题 - 正向", async ({ request }) => {
     const { headers } = await createAuthedUser(request, "title-delete");
-    const titleId = await createTitle(
-      request,
-      headers,
-      Date.now().toString(36),
-    );
+    const titleId = await createTitle(request, headers, Date.now().toString(36));
 
     // 删除
     const deleteResp = await request.delete(`${apiBase}/titles/${titleId}`, {
@@ -292,21 +279,9 @@ test.describe("标题库 - API 完整操作", () => {
     const suffix = Date.now().toString(36);
 
     const titles = [
-      {
-        name: `批量标题 1 ${suffix}`,
-        text: `内容 1 ${suffix}`,
-        category: "default",
-      },
-      {
-        name: `批量标题 2 ${suffix}`,
-        text: `内容 2 ${suffix}`,
-        category: "种草",
-      },
-      {
-        name: `批量标题 3 ${suffix}`,
-        text: `内容 3 ${suffix}`,
-        category: "知识",
-      },
+      { name: `批量标题 1 ${suffix}`, text: `内容 1 ${suffix}`, category: "default" },
+      { name: `批量标题 2 ${suffix}`, text: `内容 2 ${suffix}`, category: "种草" },
+      { name: `批量标题 3 ${suffix}`, text: `内容 3 ${suffix}`, category: "知识" },
     ];
 
     const response = await request.post(`${apiBase}/titles/batch-import`, {
@@ -322,9 +297,7 @@ test.describe("标题库 - API 完整操作", () => {
 
     if (response.ok()) {
       const data = await response.json();
-      expect(
-        Array.isArray(data) || data.success_count !== undefined,
-      ).toBeTruthy();
+      expect(Array.isArray(data) || data.success_count !== undefined).toBeTruthy();
     }
   });
 

apps/web/e2e/voice-clone.spec.ts

@@ -6,12 +6,7 @@
  *
  * 每个测试独立，先注册登录获取 auth token。
  */
-import {
-  expect,
-  test,
-  type APIRequestContext,
-  type Page,
-} from "@playwright/test";
+import { expect, test, type APIRequestContext, type Page } from "@playwright/test";
 
 const PASSWORD = "Test123456!";
 const apiBase = process.env.E2E_API_BASE || "/api/v1";
@@ -331,9 +326,10 @@ test.describe("声音克隆 - API 操作", () => {
       ).toBeTruthy();
 
       // 验证已删除
-      const getResp = await request.get(`${apiBase}/voice-clones/${cloneId}`, {
-        headers,
-      });
+      const getResp = await request.get(
+        `${apiBase}/voice-clones/${cloneId}`,
+        { headers },
+      );
       expect([404, 410]).toContain(getResp.status());
     }
     // 如果创建失败（比如音频格式问题），测试也通过
@@ -495,15 +491,11 @@ test.describe("声音克隆 - 上传区域", () => {
     });
 
     // 尝试点击克隆新音色按钮
-    const cloneBtn = page.getByRole("button", {
-      name: /克隆新音色|立即克隆|新建/,
-    });
+    const cloneBtn = page.getByRole("button", { name: /克隆新音色|立即克隆|新建/ });
     if (await cloneBtn.isVisible()) {
       await cloneBtn.click();
       // 弹窗应该出现
-      const modal = page.locator(
-        ".ant-modal, .vc-edit-dialog, [role='dialog']",
-      );
+      const modal = page.locator(".ant-modal, .vc-edit-dialog, [role='dialog']");
       if (await modal.first().isVisible({ timeout: 5_000 })) {
         await expect(modal.first()).toBeVisible();
       }

apps/web/e2e/voices.spec.ts

@@ -6,12 +6,7 @@
  *
  * 每个测试独立，先注册登录获取 auth token。
  */
-import {
-  expect,
-  test,
-  type APIRequestContext,
-  type Page,
-} from "@playwright/test";
+import { expect, test, type APIRequestContext, type Page } from "@playwright/test";
 
 const PASSWORD = "Test123456!";
 const apiBase = process.env.E2E_API_BASE || "/api/v1";
@@ -162,9 +157,7 @@ test.describe("音色库页面 - 页面加载", () => {
     });
 
     // 验证搜索框存在
-    const searchInput = page.locator(
-      "input[type='search'], .xx-voices-search input, input[placeholder*='搜索']",
-    );
+    const searchInput = page.locator("input[type='search'], .xx-voices-search input, input[placeholder*='搜索']");
     await expect(searchInput.first()).toBeVisible({ timeout: 10_000 });
   });
 });

apps/web/playwright.config.ts

@@ -26,9 +26,6 @@ export default defineConfig({
           use: {
             ...devices["Desktop Chrome"],
             channel: process.env.E2E_BROWSER_CHANNEL || "msedge",
-            launchOptions: {
-              args: ["--disable-gpu", "--disable-software-rasterizer"],
-            },
           },
         },
         {
@@ -54,9 +51,6 @@ export default defineConfig({
           use: {
             ...devices["Desktop Chrome"],
             channel: process.env.E2E_BROWSER_CHANNEL || "msedge",
-            launchOptions: {
-              args: ["--disable-gpu", "--disable-software-rasterizer"],
-            },
           },
         },
       ],

apps/web/src/api/accounts.ts

@@ -0,0 +1,161 @@
+/**
+ * 账号管理 Mock API
+ *
+ * 模拟多平台账号绑定/解绑操作
+ * 支持平台：抖音、快手、小红书、微信视频号
+ */
+
+/* ── 类型定义 ───────────────────────────────────────────── */
+
+/** 平台 ID */
+export type PlatformId = "douyin" | "kuaishou" | "xiaohongshu" | "wechat";
+
+/** 账号状态 */
+export type AccountStatus = "active" | "expired" | "limited";
+
+/** 已绑定的账号 */
+export interface Account {
+  id: string;
+  platform_id: PlatformId;
+  name: string;
+  avatar?: string;
+  status: AccountStatus;
+  bound_at: string;
+}
+
+/** 平台信息 */
+export interface Platform {
+  id: PlatformId;
+  name: string;
+  subName: string;
+  icon: string;
+  gradient: string;
+}
+
+/** 绑定账号请求 */
+export interface BindAccountRequest {
+  platform_id: PlatformId;
+  name: string;
+}
+
+/* ── 平台配置 ───────────────────────────────────────────── */
+
+export const PLATFORMS: Platform[] = [
+  {
+    id: "douyin",
+    name: "抖音",
+    subName: "短视频发布平台",
+    icon: "📱",
+    gradient: "linear-gradient(135deg, #fe2c55, #25f4ee)",
+  },
+  {
+    id: "kuaishou",
+    name: "快手",
+    subName: "短视频发布平台",
+    icon: "🎬",
+    gradient: "linear-gradient(135deg, #ff4906, #ffba00)",
+  },
+  {
+    id: "xiaohongshu",
+    name: "小红书",
+    subName: "种草笔记发布平台",
+    icon: "📕",
+    gradient: "linear-gradient(135deg, #ff2442, #ff6b6b)",
+  },
+  {
+    id: "wechat",
+    name: "微信视频号",
+    subName: "视频号发布平台",
+    icon: "💬",
+    gradient: "linear-gradient(135deg, #07c160, #4cd964)",
+  },
+];
+
+/* ── Mock 数据 ───────────────────────────────────────────── */
+
+let MOCK_ACCOUNTS: Account[] = [
+  {
+    id: "acc-001",
+    platform_id: "douyin",
+    name: "小虾官方号",
+    avatar: "🦐",
+    status: "active",
+    bound_at: "2025-12-01T10:00:00Z",
+  },
+  {
+    id: "acc-002",
+    platform_id: "douyin",
+    name: "小虾日常",
+    avatar: "🐟",
+    status: "active",
+    bound_at: "2025-12-15T14:30:00Z",
+  },
+  {
+    id: "acc-003",
+    platform_id: "kuaishou",
+    name: "小虾剪辑",
+    avatar: "🎬",
+    status: "active",
+    bound_at: "2026-01-05T09:00:00Z",
+  },
+  {
+    id: "acc-004",
+    platform_id: "xiaohongshu",
+    name: "小虾种草",
+    avatar: "📕",
+    status: "limited",
+    bound_at: "2026-02-20T16:00:00Z",
+  },
+];
+
+/* ── 模拟延迟 ───────────────────────────────────────────── */
+
+const delay = (ms: number) => new Promise((r) => setTimeout(r, ms));
+
+/* ── API 函数 ───────────────────────────────────────────── */
+
+/** 获取指定平台的账号列表 */
+export async function getAccountsByPlatform(
+  platformId: PlatformId,
+): Promise<Account[]> {
+  await delay(300);
+  return MOCK_ACCOUNTS.filter((a) => a.platform_id === platformId);
+}
+
+/** 获取所有平台的账号总数 */
+export async function getAllAccounts(): Promise<Account[]> {
+  await delay(200);
+  return [...MOCK_ACCOUNTS];
+}
+
+/** 绑定新账号 */
+export async function bindAccount(data: BindAccountRequest): Promise<Account> {
+  await delay(500);
+  const newAccount: Account = {
+    id: `acc-${Date.now()}`,
+    platform_id: data.platform_id,
+    name: data.name,
+    avatar: undefined,
+    status: "active",
+    bound_at: new Date().toISOString(),
+  };
+  MOCK_ACCOUNTS = [...MOCK_ACCOUNTS, newAccount];
+  return newAccount;
+}
+
+/** 解绑账号 */
+export async function unbindAccount(accountId: string): Promise<void> {
+  await delay(400);
+  MOCK_ACCOUNTS = MOCK_ACCOUNTS.filter((a) => a.id !== accountId);
+}
+
+/* ── 状态配置 ───────────────────────────────────────────── */
+
+export const ACCOUNT_STATUS_CONFIG: Record<
+  AccountStatus,
+  { label: string; className: string }
+> = {
+  active: { label: "正常", className: "acc-status--active" },
+  expired: { label: "已过期", className: "acc-status--expired" },
+  limited: { label: "受限", className: "acc-status--limited" },
+};

apps/web/src/api/assets.ts

@@ -5,32 +5,6 @@
 import apiClient from "./client";
 import { getOrCreateDefaultProject } from "./projects";
 
-/** 素材元数据 */
-export interface AssetMetadata {
-  /** 时长（秒） */
-  duration?: number;
-  /** 宽度（像素） */
-  width?: number;
-  /** 高度（像素） */
-  height?: number;
-  /** 比特率（bps） */
-  bitrate?: number;
-  /** 编码格式 */
-  codec?: string;
-  /** 帧率 */
-  fps?: number;
-  /** 采样率（Hz） */
-  sample_rate?: number;
-  /** 声道数 */
-  channels?: number;
-  /** 其他扩展字段 */
-  [key: string]: unknown;
-}
-
-/** 素材分类状态 */
-export type AssetClassificationStatus =
-  "pending" | "processing" | "completed" | "failed";
-
 /** 素材条目 */
 export interface AssetItem {
   id: string;
@@ -38,14 +12,12 @@ export interface AssetItem {
   name: string;
   storage_key: string;
   mime_type: string;
-  metadata: AssetMetadata;
+  metadata: Record<string, unknown>;
   file_size?: number;
   file_url?: string;
   thumbnail_url?: string;
-  /** 时长（秒），视频/音频素材由后端从 metadata 提取到顶层 */
-  duration?: number;
   status?: string;
-  classification_status?: AssetClassificationStatus | null;
+  classification_status?: string | null;
   quality_score?: number | null;
   tag_ids?: string[];
   created_at?: string;
@@ -195,7 +167,7 @@ export const createAsset = async (data: {
   name: string;
   storage_key: string;
   mime_type: string;
-  metadata?: AssetMetadata;
+  metadata?: Record<string, unknown>;
 }): Promise<AssetItem> => {
   const response = await apiClient.post("/assets", data);
   return response.data;
@@ -204,7 +176,7 @@ export const createAsset = async (data: {
 /** 更新素材（名称、metadata 等） */
 export const updateAsset = async (
   assetId: string,
-  data: { name?: string; metadata?: AssetMetadata },
+  data: { name?: string; metadata?: Record<string, unknown> },
 ): Promise<AssetItem> => {
   const response = await apiClient.put(`/assets/${assetId}`, data);
   return response.data;
@@ -378,52 +350,3 @@ export const getClassificationJob = async (
   const response = await apiClient.get(`/classification-jobs/${jobId}`);
   return response.data;
 };
-
-// ─── 批量操作 ───────────────────────────────────────────────
-
-/** 批量操作结果 */
-export interface BatchOperationResult {
-  succeeded: string[];
-  failed: string[];
-  total: number;
-  success_count: number;
-  failure_count: number;
-}
-
-/** 批量删除素材 */
-export const batchDeleteAssets = async (
-  assetIds: string[],
-): Promise<BatchOperationResult> => {
-  const response = await apiClient.post("/assets/batch-delete", {
-    asset_ids: assetIds,
-  });
-  return response.data;
-};
-
-/** 批量打标签 */
-export const batchTagAssets = async (data: {
-  asset_ids: string[];
-  tags: string[];
-  mode: "add" | "replace";
-}): Promise<BatchOperationResult> => {
-  const response = await apiClient.post("/assets/batch-tag", data);
-  return response.data;
-};
-
-/** 批量改分类 */
-export const batchClassifyAssets = async (data: {
-  asset_ids: string[];
-  category: string;
-}): Promise<BatchOperationResult> => {
-  const response = await apiClient.post("/assets/batch-classify", data);
-  return response.data;
-};
-
-/** 批量智能标记 */
-export const batchMarkAssets = async (data: {
-  asset_ids: string[];
-  smart_view: "recommended" | "caution" | "high_risk";
-}): Promise<BatchOperationResult> => {
-  const response = await apiClient.post("/assets/batch-mark", data);
-  return response.data;
-};

apps/web/src/api/bgm.ts

@@ -1,70 +0,0 @@
-/**
- * BGM 预设音乐 API
- * 对接后端 BGM 混音能力：预设列表查询（按风格分类 + 关键词搜索）
- */
-import apiClient from "./client";
-
-/* ──────────── 类型 ──────────── */
-
-/** BGM 风格分类 */
-export type BgmCategory = "轻快" | "治愈" | "科技" | "电商";
-
-/** BGM 预设项 */
-export interface BgmPreset {
-  id: string;
-  name: string;
-  category: BgmCategory;
-  /** 音频文件 URL */
-  url: string;
-  /** 时长（秒） */
-  duration: number;
-  /** 关键词标签 */
-  tags: string[];
-  /** 封面图 URL */
-  cover_url?: string;
-}
-
-/** BGM 预设列表查询参数 */
-export interface BgmPresetsQuery {
-  category?: BgmCategory | string;
-  keyword?: string;
-}
-
-/** BGM 混音配置（嵌入剪辑计划） */
-export interface BgmMixConfig {
-  /** 是否启用 BGM */
-  enabled: boolean;
-  /** 选中的 BGM ID */
-  music_id: string;
-  /** BGM 音量 0-100 */
-  volume: number;
-  /** 淡入时长（秒） 0-3 */
-  fade_in: number;
-  /** 淡出时长（秒） 0-3 */
-  fade_out: number;
-  /** 人声闪避（sidechain） */
-  voice_dodge: boolean;
-}
-
-/** 默认 BGM 混音配置 */
-export const DEFAULT_BGM_MIX_CONFIG: BgmMixConfig = {
-  enabled: false,
-  music_id: "",
-  volume: 50,
-  fade_in: 0.5,
-  fade_out: 0.5,
-  voice_dodge: true,
-};
-
-/* ──────────── API ──────────── */
-
-/** 获取 BGM 预设列表 */
-export const getBgmPresets = async (
-  params?: BgmPresetsQuery,
-): Promise<BgmPreset[]> => {
-  const searchParams: Record<string, string> = {};
-  if (params?.category) searchParams.category = params.category;
-  if (params?.keyword) searchParams.keyword = params.keyword;
-  const res = await apiClient.get("/bgm/presets", { params: searchParams });
-  return res.data?.data ?? res.data ?? [];
-};

apps/web/src/api/client.ts

@@ -129,8 +129,7 @@ apiClient.interceptors.response.use(
     const safeExtractString = (val: unknown): string => {
       if (typeof val === "string") return val;
       if (typeof val === "object" && val !== null) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- 防御性错误提取，后端错误格式不固定
-        const obj = val as Record<string, any>;
+        const obj = val as Record<string, unknown>;
         if (typeof obj.message === "string") return obj.message;
         if (typeof obj.msg === "string") return obj.msg;
         if (typeof obj.detail === "string") return obj.detail;

apps/web/src/api/editPlans.ts

@@ -4,15 +4,6 @@
  */
 import apiClient from "./client";
 import type { AssetItem } from "./assets";
-import type {
-  WatermarkConfig,
-  IntroOutroConfig,
-  PipConfig,
-  FilterConfig,
-  ChromaKeyConfig,
-  StickerConfig,
-  CoverConfig,
-} from "@/pages/editing-planner/types";
 
 /* ============================================================
  * 后端 API 类型（严格匹配后端 Schema）
@@ -22,107 +13,6 @@ import type {
 export type EditPlanStatus =
   "draft" | "editing" | "rendering" | "completed" | "failed";
 
-/** 标题配置（对齐后端 title_config） */
-export interface TitleConfig {
-  ai_auto_select: boolean;
-  content: string;
-  font_preset: string;
-  font_color: string;
-  font_size: number;
-  position: string;
-}
-
-/** 字幕配置 */
-export interface SubtitleConfig {
-  enabled: boolean;
-  position: string;
-  font: string;
-  color: string;
-  size: number;
-  animation: string;
-}
-
-/** BGM 配置 */
-export interface BgmConfig {
-  enabled: boolean;
-  music_id: string;
-}
-
-/** 片段 TTS 配置 */
-export interface SegmentTtsConfig {
-  mode: string;
-  text: string;
-  voice_id: string;
-  speed: number;
-  pitch: number;
-  volume: number;
-  subtitle_sync: boolean;
-}
-
-/** 片段裁剪配置 */
-export interface SegmentTrimConfig {
-  start_time: number;
-  end_time: number;
-}
-
-/** 片段转场配置 */
-export interface SegmentTransitionConfig {
-  type: string;
-  duration: number;
-}
-
-/** 剪辑计划中的单个片段（config 内部 segments 项） */
-export interface EditPlanSegment {
-  segment_order: number;
-  duration_min: number;
-  duration_max: number;
-  material_type: string;
-  transition?: SegmentTransitionConfig;
-  playback_speed?: number;
-  tts_config?: SegmentTtsConfig;
-  trim_config?: SegmentTrimConfig;
-}
-
-/** 剪辑计划 config 完整类型（对齐后端 config JSON 结构） */
-export interface EditPlanConfig {
-  title_config?: TitleConfig;
-  subtitle_config?: SubtitleConfig;
-  bgm_config?: BgmConfig;
-  estimated_duration?: number;
-  segments?: EditPlanSegment[];
-  watermark_config?: WatermarkConfig;
-  intro_outro_config?: IntroOutroConfig;
-  pip_config?: PipConfig;
-  filter_config?: FilterConfig;
-  green_screen_config?: ChromaKeyConfig;
-  sticker_config?: StickerConfig;
-  cover_config?: CoverConfig;
-  /** 前端扩展：关联的素材 ID 列表 */
-  asset_ids?: string[];
-  /** 配音 ID */
-  voice_id?: string;
-  /** 克隆音色档案 ID */
-  voice_clone_profile_id?: string;
-  /** 自定义配音音频 URL */
-  custom_audio_url?: string;
-  /** 自定义配音文本 */
-  custom_text?: string;
-  /** 视频比例 */
-  ratio?: string;
-  /** 视频风格 */
-  style?: string;
-  /** 目标时长（秒） */
-  duration?: number;
-  /** 是否自动生成字幕 */
-  auto_subtitles?: boolean;
-  /** 是否启用 BGM */
-  bgm?: boolean;
-  /** 生成数量 */
-  generate_count?: number;
-  /** 素材模式 */
-  material_mode?: string;
-}
-
 /** 剪辑计划（后端响应） */
 export interface EditPlan {
   id: string;
@@ -130,7 +20,7 @@ export interface EditPlan {
   name: string;
   status: EditPlanStatus;
   total_duration: number;
-  config: EditPlanConfig;
+  config: Record<string, unknown>;
   created_at: string;
   updated_at: string;
 }
@@ -139,7 +29,7 @@ export interface EditPlan {
 export interface CreateEditPlanRequest {
   template_id: string;
   name: string;
-  config?: EditPlanConfig;
+  config?: Record<string, unknown>;
   total_duration?: number;
   /** 来源剪辑计划 ID（从剪辑计划跳转到一键生成时关联） */
   source_edit_plan_id?: string;
@@ -148,7 +38,7 @@ export interface CreateEditPlanRequest {
 /** 更新剪辑计划请求 */
 export interface UpdateEditPlanRequest {
   name?: string;
-  config?: EditPlanConfig;
+  config?: Record<string, unknown>;
   total_duration?: number;
   status?: EditPlanStatus;
 }
@@ -190,26 +80,6 @@ export interface GenerationStatusResponse {
   clips: ClipStatusItem[];
 }
 
-/** 生成视频详情（对应后端 GeneratedVideoResponse） */
-export interface GeneratedVideo {
-  id: string;
-  project_id?: string;
-  generation_task_id?: string;
-  name: string;
-  file_url: string;
-  file_size?: number;
-  duration?: number;
-  thumbnail_url?: string;
-  width?: number;
-  height?: number;
-  fps?: number;
-  status: string;
-  review_status?: string;
-  download_url?: string;
-  created_at?: string;
-  updated_at?: string;
-}
-
 /* ============================================================
  * AI 推荐 & 封面生成（任务 3.09）
  * ============================================================ */
@@ -230,14 +100,14 @@ export interface AIRecommendClipItem {
   transition_effect: string;
   asset_id: string;
   start_time: number;
-  config: EditPlanConfig;
+  config: Record<string, unknown>;
 }
 
 /** AI 推荐响应 */
 export interface AIRecommendResponse {
   plan_id: string;
   clips: AIRecommendClipItem[];
-  config: EditPlanConfig;
+  config: Record<string, unknown>;
   total_duration: number;
   confidence: number;
 }
@@ -252,15 +122,7 @@ export interface GenerateCoverRequest {
 /** AI 封面生成响应 */
 export interface GenerateCoverResponse {
   plan_id: string;
-  cover: CoverResult;
-}
-
-/** 封面生成结果 */
-export interface CoverResult {
-  scheme?: string;
-  asset_id?: string;
-  frame_time?: number;
-  thumbnail_url?: string;
+  cover: Record<string, unknown>;
 }
 
 /* ============================================================
@@ -285,27 +147,10 @@ export interface EditPlanClip {
   order: number;
 }
 
-/** 转场效果（14 种预设） */
+/** 转场效果 */
 export interface TransitionEffect {
-  type:
-    | "none"
-    | "cut"
-    | "fade"
-    | "dissolve"
-    | "zoom"
-    | "slide_left"
-    | "slide_right"
-    | "slide_up"
-    | "slide_down"
-    | "wipe_left"
-    | "wipe_right"
-    | "wipe_up"
-    | "wipe_down"
-    | "circlecrop"
-    | "rectcrop";
+  type: "none" | "fade" | "dissolve" | "wipe" | "zoom" | "slide";
   duration: number; // 转场时长（秒）
-  /** 播放速度倍率 */
-  playback_speed?: number;
 }
 
 /** 素材库资产（UI 层类型，映射自后端 AssetResponse） */
@@ -332,30 +177,15 @@ export interface MediaAsset {
  * API 函数 — 严格对接后端
  * ============================================================ */
 
-/** 剪辑计划列表查询参数 */
-export interface EditPlanListParams {
+/** 获取剪辑计划列表 */
+export async function getEditPlans(params?: {
   page?: number;
   page_size?: number;
   template_id?: string;
   status?: string;
-}
-
-/** 剪辑计划列表分页响应 */
-export interface EditPlanListResponse {
-  items: EditPlan[];
-  total: number;
-  page: number;
-  page_size: number;
-}
-
-/** 获取剪辑计划列表（支持分页和筛选） */
-export async function getEditPlans(
-  params?: EditPlanListParams,
-): Promise<EditPlanListResponse> {
-  const response = await apiClient.get<EditPlanListResponse>("/edit-plans", {
-    params,
-  });
-  return response.data;
+}): Promise<EditPlan[]> {
+  const response = await apiClient.get("/edit-plans", { params });
+  return response.data.items || [];
 }
 
 /** 获取单个剪辑计划 */
@@ -436,14 +266,6 @@ export async function getEditPlanGenerations(
   return response.data.items || [];
 }
 
-/** 获取生成任务的视频结果列表 */
-export async function getGenerationTaskResults(
-  taskId: string,
-): Promise<GeneratedVideo[]> {
-  const response = await apiClient.get(`/generation/tasks/${taskId}/results`);
-  return response.data.items || response.data || [];
-}
-
 /**
  * 获取素材库列表 — 调用 GET /api/v1/assets?library_id=xxx
  * 将后端 AssetResponse 映射为前端 MediaAsset 类型
@@ -475,22 +297,26 @@ function inferMediaType(mimeType: string): "video" | "image" | "audio" {
 }
 
 function mapAssetToMediaAsset(asset: AssetItem): MediaAsset {
-  // 优先取顶层 duration，其次从 metadata 回退
-  const metaDuration =
-    typeof asset.metadata?.duration === "number"
-      ? asset.metadata.duration
-      : undefined;
+  const meta = (asset.metadata || {}) as Record<string, unknown>;
+  const ext = asset as AssetItem & Record<string, unknown>;
   return {
     id: asset.id,
     name: asset.name,
     type: inferMediaType(asset.mime_type || ""),
-    thumbnail_url: asset.thumbnail_url,
-    duration: asset.duration ?? metaDuration,
+    thumbnail_url:
+      typeof ext.thumbnail_url === "string" ? ext.thumbnail_url : undefined,
+    duration:
+      typeof ext.duration === "number"
+        ? ext.duration
+        : typeof meta.duration === "number"
+          ? (meta.duration as number)
+          : undefined,
     size: asset.file_size ?? undefined,
     tags: [],
     created_at: asset.created_at ?? "",
     quality_score: asset.quality_score ?? undefined,
-    classification_status: asset.classification_status ?? undefined,
+    classification_status: (asset.classification_status ??
+      undefined) as MediaAsset["classification_status"],
   };
 }
 
@@ -498,27 +324,17 @@ function mapAssetToMediaAsset(asset: AssetItem): MediaAsset {
  * 常量
  * ============================================================ */
 
-/** 转场效果选项（14 种预设） */
+/** 转场效果选项 */
 export const TRANSITION_OPTIONS: {
   value: TransitionEffect["type"];
   label: string;
-  icon: string;
 }[] = [
-  { value: "none", label: "无转场", icon: "⊘" },
-  { value: "cut", label: "硬切", icon: "✂" },
-  { value: "fade", label: "淡入淡出", icon: "◐" },
-  { value: "dissolve", label: "溶解", icon: "◈" },
-  { value: "zoom", label: "缩放", icon: "⊕" },
-  { value: "slide_left", label: "左滑", icon: "←" },
-  { value: "slide_right", label: "右滑", icon: "→" },
-  { value: "slide_up", label: "上滑", icon: "↑" },
-  { value: "slide_down", label: "下滑", icon: "↓" },
-  { value: "wipe_left", label: "左擦除", icon: "▸|" },
-  { value: "wipe_right", label: "右擦除", icon: "|◂" },
-  { value: "wipe_up", label: "上擦除", icon: "▴̄" },
-  { value: "wipe_down", label: "下擦除", icon: "▾̄" },
-  { value: "circlecrop", label: "圆形裁切", icon: "●" },
-  { value: "rectcrop", label: "矩形裁切", icon: "■" },
+  { value: "none", label: "无转场" },
+  { value: "fade", label: "淡入淡出" },
+  { value: "dissolve", label: "溶解" },
+  { value: "wipe", label: "擦除" },
+  { value: "zoom", label: "缩放" },
+  { value: "slide", label: "滑动" },
 ];
 
 /** 素材类型标签 */

apps/web/src/api/editingPlanner.ts

@@ -3,15 +3,6 @@
  * 对接后端 /api/v1/templates 路由
  */
 import apiClient from "./client";
-import type {
-  WatermarkConfig,
-  IntroOutroConfig,
-  PipConfig,
-  FilterConfig,
-  ChromaKeyConfig,
-  StickerConfig,
-  CoverConfig,
-} from "@/pages/editing-planner/types";
 
 /* ──────────── 类型定义 ──────────── */
 
@@ -81,20 +72,6 @@ export interface EditingTemplate {
   bgm_config: BgmConfig;
   estimated_duration: number;
   segments: TemplateSegment[];
-  /** 水印配置（后端就绪后启用） */
-  watermark_config?: WatermarkConfig;
-  /** 片头片尾配置（后端就绪后启用） */
-  intro_outro_config?: IntroOutroConfig;
-  /** 画中画配置 */
-  pip_config?: PipConfig;
-  /** 滤镜调色配置 */
-  filter_config?: FilterConfig;
-  /** 绿幕抠像配置 */
-  green_screen_config?: ChromaKeyConfig;
-  /** 贴纸配置 */
-  sticker_config?: StickerConfig;
-  /** 封面配置 */
-  cover_config?: CoverConfig;
   is_active?: boolean;
   created_at: string;
   updated_at: string;
@@ -118,20 +95,6 @@ export interface SaveTemplatePayload {
   bgm_config: BgmConfig;
   estimated_duration: number;
   segments: Omit<TemplateSegment, "id">[];
-  /** 水印配置（后端就绪后启用） */
-  watermark_config?: WatermarkConfig;
-  /** 片头片尾配置（后端就绪后启用） */
-  intro_outro_config?: IntroOutroConfig;
-  /** 画中画配置 */
-  pip_config?: PipConfig;
-  /** 滤镜调色配置 */
-  filter_config?: FilterConfig;
-  /** 绿幕抠像配置 */
-  green_screen_config?: ChromaKeyConfig;
-  /** 贴纸配置 */
-  sticker_config?: StickerConfig;
-  /** 封面配置 */
-  cover_config?: CoverConfig;
 }
 
 /** 使用模板生成请求体 */
@@ -139,23 +102,11 @@ export interface GenerateFromTemplatePayload {
   voiceover_duration: number;
 }
 
-/** 验证警告详情 */
-export interface ValidationWarningDetails {
-  /** 相关字段名 */
-  field?: string;
-  /** 期望值 */
-  expected?: string | number;
-  /** 实际值 */
-  actual?: string | number;
-  /** 建议值 */
-  suggested?: string | number;
-}
-
 /** 验证/生成响应 */
 export interface ValidateWarning {
   code: string;
   message: string;
-  details?: ValidationWarningDetails;
+  details?: Record<string, unknown>;
 }
 
 /** 使用模板生成响应 */

apps/web/src/api/products.ts

@@ -1,13 +1,8 @@
 /**
- * 成品 / 视频相关 API
- * 后端无 /products 路由，实际从 /generation/tasks 端点获取数据
+ * 成品相关 API
+ * Phase 1 重构：去掉 projectId，成品直接归属用户
  */
 import apiClient from "./client";
-import { getGenerationTaskResults } from "./editPlans";
-import type { GeneratedVideo } from "./editPlans";
-
-/** 复核状态 */
-export type ReviewStatus = "pending_review" | "approved" | "rejected";
 
 /** 成品条目 */
 export interface ProductItem {
@@ -19,127 +14,33 @@ export interface ProductItem {
   file_size?: number;
   resolution?: string;
   status: "processing" | "completed" | "failed";
-  /** 复核状态 */
-  review_status?: ReviewStatus;
-  /** 所属项目 ID */
-  project_id?: string;
-  /** 所属项目名称 */
-  project_name?: string;
   /** 查重率（百分比） */
   duplicate_rate?: number;
   created_at?: string;
   updated_at?: string;
 }
 
-/** 列表查询参数 */
-export interface ProductListParams {
-  page?: number;
-  page_size?: number;
-  project_id?: string;
-  review_status?: ReviewStatus | "all";
-}
-
-/** 分页响应 */
-export interface ProductListResponse {
-  items: ProductItem[];
-  total: number;
-  page: number;
-  page_size: number;
-}
-
-/** 批量下载任务状态 */
-export interface BatchDownloadStatus {
-  job_id: string;
-  status: "processing" | "completed" | "failed";
-  /** 完成后返回的下载 URL */
-  download_url?: string;
-  /** 进度百分比 */
-  progress?: number;
-}
-
-/**
- * 将 generation task 数据映射为 ProductItem 格式
- */
-function mapTaskToProductItem(task: GeneratedVideo): ProductItem {
-  return {
-    id: task.id,
-    title: task.name || "未命名视频",
-    video_url: task.file_url,
-    thumbnail_url: task.thumbnail_url,
-    duration_seconds: task.duration,
-    file_size: task.file_size,
-    resolution:
-      task.width && task.height ? `${task.width}x${task.height}` : undefined,
-    status:
-      task.status === "completed"
-        ? "completed"
-        : task.status === "failed"
-          ? "failed"
-          : "processing",
-    review_status: task.review_status as ReviewStatus | undefined,
-    project_id: task.project_id,
-    created_at: task.created_at,
-    updated_at: task.updated_at,
-  };
-}
-
-/** 获取成品列表（支持分页和筛选）— 实际从 generation tasks 获取 */
-export const getProducts = async (
-  params?: ProductListParams,
-): Promise<ProductItem[]> => {
-  const response = await apiClient.get("/generation/tasks", { params });
-  const tasks = response.data.items || response.data || [];
-  return tasks.map(mapTaskToProductItem);
+/** 获取当前用户的所有成品 */
+export const getProducts = async (): Promise<ProductItem[]> => {
+  const response = await apiClient.get("/products");
+  return response.data.items || response.data || [];
 };
 
-/** 获取单个成品详情 — 通过 task ID 获取结果 */
+/** 获取单个成品详情 */
 export const getProduct = async (productId: string): Promise<ProductItem> => {
-  const response = await apiClient.get(`/generation/tasks/${productId}`);
-  return mapTaskToProductItem(response.data);
+  const response = await apiClient.get(`/products/${productId}`);
+  return response.data;
 };
 
-/** 删除成品 — 删除 generation task */
+/** 删除成品 */
 export const deleteProduct = async (productId: string): Promise<void> => {
-  await apiClient.delete(`/generation/tasks/${productId}`);
+  await apiClient.delete(`/products/${productId}`);
 };
 
-/** 获取成品下载链接 — 从 generation task results 获取 */
+/** 获取成品下载链接 */
 export const getProductDownloadUrl = async (
   productId: string,
 ): Promise<{ url: string; expires_at: string }> => {
-  const videos = await getGenerationTaskResults(productId);
-  const video = videos[0];
-  if (!video?.download_url) throw new Error("下载链接不可用");
-  return { url: video.download_url, expires_at: "" };
-};
-
-/** 更新复核状态 — TODO: 后端暂无对应端点，暂存本地状态 */
-export const updateReviewStatus = async (
-  productId: string,
-  status: ReviewStatus,
-): Promise<ProductItem> => {
-  // 后端暂无 /generation/tasks/{id}/review 端点
-  // 暂时返回当前状态，后续可扩展
-  const product = await getProduct(productId);
-  return { ...product, review_status: status };
-};
-
-/** 发起批量下载 — TODO: 后端暂无对应端点 */
-export const batchDownload = async (
-  videoIds: string[],
-): Promise<{ job_id: string }> => {
-  // 后端暂无 /generation/tasks/batch-download 端点
-  // 暂时返回模拟 job_id，后续可扩展
-  console.warn("[batchDownload] 后端暂无批量下载端点", videoIds);
-  return { job_id: `mock-${Date.now()}` };
-};
-
-/** 查询批量下载状态 — TODO: 后端暂无对应端点 */
-export const getBatchDownloadStatus = async (
-  jobId: string,
-): Promise<BatchDownloadStatus> => {
-  // 后端暂无 /generation/tasks/batch-download/{jobId} 端点
-  // 暂时返回模拟状态，后续可扩展
-  console.warn("[getBatchDownloadStatus] 后端暂无批量下载状态端点", jobId);
-  return { job_id: jobId, status: "processing", progress: 0 };
+  const response = await apiClient.get(`/products/${productId}/download-url`);
+  return response.data;
 };

apps/web/src/api/tasks.ts

@@ -1,67 +1,31 @@
 /**
  * 任务相关 API
- * 对接后端任务中心 API：
- * - POST /api/v1/generation/tasks — 创建生成任务
- * - GET  /api/v1/tasks              — 用户级任务列表（支持分页/筛选）
- * - GET  /api/v1/tasks/{task_id}    — 任务详情（含 error_info）
- * - POST /api/v1/tasks/{task_id}/retry — 重试失败任务
+ * 对接后端方案 A 扩展后的端点（PR #109）
+ * - POST /api/v1/generation/tasks — 创建生成任务（template_id + asset_ids 细粒度模式）
+ * - GET  /api/v1/tasks              — 用户级任务列表（跨 project）
+ * - POST /api/v1/tasks/{task_id}/retry — 简化重试
  */
 import apiClient from "./client";
 
 /* ──────────── 类型定义 ──────────── */
 
-/** 任务状态 */
-export type TaskStatus =
-  "pending" | "waiting" | "running" | "completed" | "failed" | "cancelled";
-
-/** 任务类型 */
-export type TaskType = "ingest" | "generation" | string;
-
-/** 错误详情 */
-export interface TaskErrorInfo {
-  error_type: string;
-  error_message: string;
-  failed_step: string;
-  stack_trace?: string;
-}
-
 /** 任务条目（对应用户级 UserTaskResponse） */
 export interface TaskItem {
   id: string;
-  task_type: TaskType;
+  task_type: "ingest" | "generation" | string;
   project_id: string;
-  template_id?: string;
-  status: TaskStatus;
+  template_id: string;
+  status: string;
   progress: number;
   current_step: string;
   error_message: string;
   user_message: string;
   retryable: boolean;
   source_id: string;
-  /** 错误详情（失败任务） */
-  error_info?: TaskErrorInfo;
-  /** 耗时（秒） */
-  duration_seconds?: number;
   created_at?: string | null;
   updated_at?: string | null;
 }
 
-/** 任务列表查询参数 */
-export interface TaskListParams {
-  page?: number;
-  page_size?: number;
-  status?: TaskStatus | "all";
-  task_type?: TaskType | "all";
-}
-
-/** 任务列表分页响应 */
-export interface TaskListResponse {
-  items: TaskItem[];
-  total: number;
-  page: number;
-  page_size: number;
-}
-
 /** 创建生成任务请求参数 */
 export interface CreateGenerationTaskRequest {
   template_id: string;
@@ -100,23 +64,13 @@ export const createGenerationTask = async (
   return data;
 };
 
-/** 获取任务列表（支持分页和筛选） */
-export const getTasks = async (
-  params?: TaskListParams,
-): Promise<TaskListResponse> => {
-  const { data } = await apiClient.get<TaskListResponse>("/tasks", {
-    params,
-  });
-  return data;
-};
-
-/** 获取当前用户的所有任务（兼容旧接口，跨 project） */
+/** 获取当前用户的所有任务（跨 project） */
 export const getUserTasks = async (): Promise<TaskItem[]> => {
   const { data } = await apiClient.get("/tasks");
-  return data.items || data || [];
+  return data.items || [];
 };
 
-/** 获取单个任务详情（含 error_info） */
+/** 获取单个任务详情（用于轮询进度） */
 export const getTask = async (taskId: string): Promise<TaskItem> => {
   const { data } = await apiClient.get(`/tasks/${taskId}`);
   return data;

apps/web/src/api/templates.ts

@@ -1,112 +1,26 @@
 /**
  * 模板相关 API
- * 对接后端模板管理接口：
- * - GET  /api/v1/templates              — 模板列表（分页/筛选）
- * - GET  /api/v1/templates/{id}         — 模板详情
- * - POST /api/v1/templates/{id}/copy    — 复制模板
- * - POST /api/v1/templates/{id}/generate — 从模板生成剪辑计划
- * - POST /api/v1/templates/{id}/toggle-favorite — 收藏/取消收藏
+ * Phase 1 新增：全局模板库
  */
 import apiClient from "./client";
-import type { TitleConfig, SubtitleConfig, BgmConfig } from "./editingPlanner";
-import type { EditPlanConfig } from "./editPlans";
 
-/* ──────────── 类型定义 ──────────── */
-
-/** 模板条目（后端 TemplateResponse） */
+/** 模板条目 */
 export interface TemplateItem {
   id: string;
   name: string;
   description: string;
   category: string;
-  tags?: string[];
   target_duration: number;
   clip_count: number;
-  /** 使用次数 */
-  usage_count?: number;
   thumbnail_url?: string;
   preview_url?: string;
   is_active: boolean;
   is_favorite?: boolean;
-  /** 素材规则（片段配置） */
-  segments?: TemplateSegment[];
-  /** 字幕样式 */
-  subtitle_config?: SubtitleConfig;
-  /** BGM 配置 */
-  bgm_config?: BgmConfig;
-  /** 标题配置 */
-  title_config?: TitleConfig;
-  /** 视频比例 */
-  aspect_ratio?: string;
   created_at?: string;
-  updated_at?: string;
 }
 
-/** 模板片段（素材规则） */
-export interface TemplateSegment {
-  id?: string;
-  segment_order: number;
-  duration_min: number;
-  duration_max: number;
-  material_type: string | null;
-  description?: string;
-}
-
-/** 模板列表查询参数 */
-export interface TemplateListParams {
-  page?: number;
-  page_size?: number;
-  category?: string;
-  tags?: string;
-  keyword?: string;
-  /** 时长筛选（秒）：short < 30, medium 30-120, long > 120 */
-  duration_range?: "short" | "medium" | "long";
-}
-
-/** 模板列表分页响应 */
-export interface TemplateListResponse {
-  items: TemplateItem[];
-  total: number;
-  page: number;
-  page_size: number;
-}
-
-/** 从模板生成剪辑计划请求 */
-export interface GenerateFromTemplateRequest {
-  asset_ids?: string[];
-  name?: string;
-  config?: EditPlanConfig;
-}
-
-/** 从模板生成剪辑计划响应 */
-export interface GenerateFromTemplateResponse {
-  plan_id: string;
-  template_id: string;
-  status: string;
-  name: string;
-}
-
-/** 复制模板响应 */
-export interface CopyTemplateResponse {
-  id: string;
-  name: string;
-  source_template_id: string;
-}
-
-/* ──────────── API 函数 ──────────── */
-
-/** 获取模板列表（支持分页和筛选） */
-export const getTemplates = async (
-  params?: TemplateListParams,
-): Promise<TemplateListResponse> => {
-  const { data } = await apiClient.get<TemplateListResponse>("/templates", {
-    params,
-  });
-  return data;
-};
-
-/** 获取模板列表（兼容旧接口，返回数组） */
-export const getTemplatesList = async (): Promise<TemplateItem[]> => {
+/** 获取全局模板列表 */
+export const getTemplates = async (): Promise<TemplateItem[]> => {
   const response = await apiClient.get("/templates");
   return response.data.items || response.data || [];
 };
@@ -128,46 +42,3 @@ export const toggleFavoriteTemplate = async (
   );
   return response.data;
 };
-
-/** 复制模板（创建副本到我的模板） */
-export const copyTemplate = async (
-  templateId: string,
-): Promise<CopyTemplateResponse> => {
-  const response = await apiClient.post<CopyTemplateResponse>(
-    `/templates/${templateId}/copy`,
-  );
-  return response.data;
-};
-
-/** 从模板生成剪辑计划 */
-export const generateFromTemplate = async (
-  templateId: string,
-  data?: GenerateFromTemplateRequest,
-): Promise<GenerateFromTemplateResponse> => {
-  const response = await apiClient.post<GenerateFromTemplateResponse>(
-    `/templates/${templateId}/generate`,
-    data,
-  );
-  return response.data;
-};
-
-/* ──────────── 常量 ──────────── */
-
-/** 模板分类选项 */
-export const TEMPLATE_CATEGORY_OPTIONS = [
-  { value: "", label: "全部分类" },
-  { value: "口播", label: "口播" },
-  { value: "种草", label: "种草" },
-  { value: "产品", label: "产品" },
-  { value: "品牌", label: "品牌" },
-  { value: "混剪", label: "混剪" },
-  { value: "Vlog", label: "Vlog" },
-];
-
-/** 时长筛选选项 */
-export const TEMPLATE_DURATION_OPTIONS = [
-  { value: "", label: "全部时长" },
-  { value: "short", label: "30秒以内" },
-  { value: "medium", label: "30秒-2分钟" },
-  { value: "long", label: "2分钟以上" },
-];

apps/web/src/api/tts.ts

@@ -8,18 +8,6 @@ import apiClient from "./client";
 
 /* ── 类型定义 ──────────────────────────────────── */
 
-/** TTS 元数据（合成时附带的扩展信息） */
-export interface TTSMetadata {
-  /** 语音时长（秒） */
-  duration?: number;
-  /** 采样率（Hz） */
-  sample_rate?: number;
-  /** 语言 */
-  language?: string;
-  /** 其他扩展字段 */
-  [key: string]: unknown;
-}
-
 /** TTS 合成请求参数 */
 export interface TTSSynthesizeRequest {
   text: string;
@@ -30,7 +18,7 @@ export interface TTSSynthesizeRequest {
   voice_model?: string;
   voice_clone_profile_id?: string;
   format?: string;
-  metadata?: TTSMetadata;
+  metadata?: Record<string, unknown>;
 }
 
 /** TTS 合成创建响应 */
@@ -61,7 +49,7 @@ export interface TTSJob {
   error_message: string | null;
   retry_count: number;
   max_retries: number;
-  metadata_: TTSMetadata | null;
+  metadata_: Record<string, unknown> | null;
   created_at: string;
   updated_at: string;
 }
@@ -152,52 +140,3 @@ export const saveTtsToLibrary = async (
 export const deleteTTSJob = async (jobId: string): Promise<void> => {
   await apiClient.delete(`/tts/jobs/${jobId}`);
 };
-
-/* ── 音色列表 ──────────────────────────────────── */
-
-/** TTS 音色 */
-export interface TTSVoice {
-  id: string;
-  name: string;
-  /** 音色分类标签：male/female/young/service/news/emotion */
-  category?: string;
-  /** 语言 */
-  language?: string;
-  /** 试听 URL */
-  preview_url?: string;
-  /** 描述 */
-  description?: string;
-}
-
-/** 获取 TTS 音色列表 */
-export const getTtsVoices = async (): Promise<TTSVoice[]> => {
-  const response = await apiClient.get<TTSVoice[]>("/tts/voices");
-  return response.data;
-};
-
-/* ── TTS 试听 ──────────────────────────────────── */
-
-/** TTS 试听请求参数 */
-export interface TTSPreviewRequest {
-  text: string;
-  voice_id: string;
-  speed?: number;
-  pitch?: number;
-}
-
-/** TTS 试听响应 */
-export interface TTSPreviewResponse {
-  audio_url: string;
-  duration?: number;
-}
-
-/** TTS 试听 */
-export const previewTts = async (
-  data: TTSPreviewRequest,
-): Promise<TTSPreviewResponse> => {
-  const response = await apiClient.post<TTSPreviewResponse>(
-    "/tts/preview",
-    data,
-  );
-  return response.data;
-};

apps/web/src/api/voiceClone.ts

@@ -36,18 +36,6 @@ export interface CreateVoiceCloneRequest {
 
 /* ── 后端 API 类型 ────────────────────────────────────── */
 
-/** 音色克隆元数据（克隆时附带的扩展信息） */
-export interface VoiceCloneMetadata {
-  /** 语音时长（秒） */
-  duration?: number;
-  /** 采样率（Hz） */
-  sample_rate?: number;
-  /** 音色 ID（克隆完成后分配） */
-  voice_id?: string;
-  /** 其他扩展字段 */
-  [key: string]: unknown;
-}
-
 /** 后端克隆档案响应 */
 export interface VoiceCloneProfile {
   id: string;
@@ -63,7 +51,7 @@ export interface VoiceCloneProfile {
   error_message: string | null;
   retry_count: number;
   max_retries: number;
-  metadata_: VoiceCloneMetadata | null;
+  metadata_: Record<string, unknown> | null;
   created_at: string;
   updated_at: string;
 }
@@ -92,7 +80,7 @@ export interface CreateVoiceCloneRequestFull {
   language?: string;
   gender?: string;
   max_retries?: number;
-  metadata_?: VoiceCloneMetadata;
+  metadata_?: Record<string, unknown>;
 }
 
 /* ── 辅助函数 ─────────────────────────────────────────── */

apps/web/src/components/modals/CloneVoiceModal.tsx

@@ -0,0 +1,290 @@
+/**
+ * CloneVoiceModal — 音色克隆弹窗
+ *
+ * 三步骤状态：input → uploading → success
+ * 支持上传音频文件或直接录制（mock，无真实录音）
+ *
+ * V21 Design System — 零 antd 直接导入
+ */
+import React, { useState, useCallback, useRef } from "react";
+import { Modal, Button } from "@/components/ui";
+import { createVoiceClone, toVoiceClone } from "@/api/voiceClone";
+import type { VoiceClone } from "@/api/voiceClone";
+import { uploadAsset } from "@/api/assets";
+import "./clone-voice-modal.css";
+
+/* ── 类型定义 ───────────────────────────────────────────── */
+
+type ModalStep = "input" | "uploading" | "success";
+
+export interface CloneVoiceModalProps {
+  /** 弹窗是否可见 */
+  open: boolean;
+  /** 关闭弹窗回调 */
+  onClose: () => void;
+  /** 克隆成功回调（返回新创建的音色） */
+  onSuccess?: (voice: VoiceClone) => void;
+}
+
+/* ── 默认音色名称计数器 ─────────────────────────────────── */
+
+let cloneCounter = 1;
+
+const getNextDefaultName = (): string => {
+  const name = `我的声音 ${cloneCounter}`;
+  cloneCounter += 1;
+  return name;
+};
+
+/* ── 组件 ───────────────────────────────────────────────── */
+
+const CloneVoiceModal: React.FC<CloneVoiceModalProps> = ({
+  open,
+  onClose,
+  onSuccess,
+}) => {
+  const [step, setStep] = useState<ModalStep>("input");
+  const [voiceName, setVoiceName] = useState("");
+  const [isRecording, setIsRecording] = useState(false);
+  const [selectedFile, setSelectedFile] = useState<File | null>(null);
+  const [dragActive, setDragActive] = useState(false);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  /** 重置弹窗状态 */
+  const resetState = useCallback(() => {
+    setStep("input");
+    setVoiceName("");
+    setSelectedFile(null);
+    setIsRecording(false);
+    setDragActive(false);
+  }, []);
+
+  /** 关闭弹窗 */
+  const handleClose = useCallback(() => {
+    resetState();
+    onClose();
+  }, [resetState, onClose]);
+
+  /** 上传区域点击 */
+  const handleUploadClick = () => {
+    fileInputRef.current?.click();
+  };
+
+  /** 文件选择 */
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (file) {
+      setSelectedFile(file);
+      // 清除之前的录制状态
+      setIsRecording(false);
+    }
+    // 清空 input 以允许重复选择同一文件
+    e.target.value = "";
+  };
+
+  /** 拖拽事件 */
+  const handleDrag = (e: React.DragEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.type === "dragenter" || e.type === "dragover") {
+      setDragActive(true);
+    } else if (e.type === "dragleave") {
+      setDragActive(false);
+    }
+  };
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setDragActive(false);
+    const file = e.dataTransfer.files?.[0];
+    if (file) {
+      const ext = file.name.split(".").pop()?.toLowerCase();
+      if (ext === "mp3" || ext === "wav") {
+        setSelectedFile(file);
+        setIsRecording(false);
+      }
+    }
+  };
+
+  /** 录制按钮（mock） */
+  const handleRecord = () => {
+    setIsRecording((prev) => !prev);
+    if (!isRecording) {
+      // 开始录制 — 清除已选文件
+      setSelectedFile(null);
+    }
+  };
+
+  /** 开始克隆 */
+  const handleStartClone = async () => {
+    const name = voiceName.trim() || getNextDefaultName();
+    setStep("uploading");
+
+    try {
+      // 先上传音频文件获取真实 URL
+      let audioUrl: string;
+      if (selectedFile) {
+        const formData = new FormData();
+        formData.append("file", selectedFile);
+        formData.append("kind", "voice");
+        const uploadResult = await uploadAsset(formData);
+        audioUrl = uploadResult.url;
+      } else {
+        // 录制功能暂未实现，提示用户上传
+        setStep("input");
+        return;
+      }
+
+      // 提交克隆请求
+      const result = await createVoiceClone({
+        name,
+        audio_url: audioUrl,
+      });
+
+      setStep("success");
+
+      // 2秒后自动关闭
+      setTimeout(() => {
+        onSuccess?.(toVoiceClone(result));
+        handleClose();
+      }, 2000);
+    } catch {
+      setStep("input");
+    }
+  };
+
+  /** 弹窗打开时初始化默认名称 */
+  const handleAfterOpenChange = (visible: boolean) => {
+    if (visible) {
+      setVoiceName(getNextDefaultName());
+    }
+  };
+
+  const canStart = selectedFile || isRecording;
+
+  return (
+    <Modal
+      open={open}
+      onCancel={handleClose}
+      title="🎤 克隆新音色"
+      width={520}
+      footer={null}
+      destroyOnClose
+      afterOpenChange={handleAfterOpenChange}
+    >
+      {/* ── 输入步骤 ──────────────────────────────────── */}
+      {step === "input" && (
+        <div className="cvm-body">
+          {/* 音色名称 */}
+          <div className="cvm-field">
+            <label className="cvm-label">音色名称</label>
+            <input
+              type="text"
+              className="cvm-input"
+              value={voiceName}
+              onChange={(e) => setVoiceName(e.target.value)}
+              placeholder="输入音色名称"
+            />
+          </div>
+
+          {/* 上传区域 */}
+          <div className="cvm-field">
+            <label className="cvm-label">上传音频</label>
+            <div
+              className={`cvm-upload-zone${dragActive ? " cvm-upload-zone--active" : ""}`}
+              onClick={handleUploadClick}
+              onDragEnter={handleDrag}
+              onDragOver={handleDrag}
+              onDragLeave={handleDrag}
+              onDrop={handleDrop}
+            >
+              <div className="cvm-upload-icon">🎵</div>
+              <p className="cvm-upload-title">
+                {selectedFile ? selectedFile.name : "拖拽音频文件到此处"}
+              </p>
+              <p className="cvm-upload-hint">支持 MP3、WAV 格式</p>
+              <input
+                ref={fileInputRef}
+                type="file"
+                accept=".mp3,.wav,audio/mpeg,audio/wav"
+                style={{ display: "none" }}
+                onChange={handleFileChange}
+              />
+            </div>
+          </div>
+
+          {/* 或分隔 */}
+          <div className="cvm-divider">
+            <div className="cvm-divider-line" />
+            <span className="cvm-divider-text">或</span>
+            <div className="cvm-divider-line" />
+          </div>
+
+          {/* 录制区域 */}
+          <div className="cvm-field">
+            <label className="cvm-label">直接录制</label>
+            <div className="cvm-record-area">
+              <p className="cvm-record-hint">
+                {isRecording
+                  ? "录制中…再次点击停止"
+                  : "点击按钮开始录制你的声音"}
+              </p>
+              <button
+                type="button"
+                className={`cvm-record-btn${isRecording ? " cvm-record-btn--recording" : ""}`}
+                onClick={handleRecord}
+              >
+                🎙️
+              </button>
+            </div>
+          </div>
+
+          {/* 提示 */}
+          <div className="cvm-tip">
+            <span className="cvm-tip-icon">💡</span>
+            <span>
+              建议上传10秒~3分钟的清晰语音，环境安静、语速均匀效果最佳
+            </span>
+          </div>
+
+          {/* 底部按钮 */}
+          <div className="cvm-footer">
+            <Button buttonType="ghost" onClick={handleClose}>
+              取消
+            </Button>
+            <Button
+              buttonType="primary"
+              disabled={!canStart}
+              onClick={handleStartClone}
+            >
+              🎤 开始克隆
+            </Button>
+          </div>
+        </div>
+      )}
+
+      {/* ── 上传中步骤 ────────────────────────────────── */}
+      {step === "uploading" && (
+        <div className="cvm-uploading">
+          <div className="cvm-uploading-spinner" />
+          <p className="cvm-uploading-text">正在克隆你的音色…</p>
+          <p className="cvm-uploading-sub">AI 正在分析你的声音特征，请稍候</p>
+        </div>
+      )}
+
+      {/* ── 成功步骤 ──────────────────────────────────── */}
+      {step === "success" && (
+        <div className="cvm-success">
+          <div className="cvm-success-icon">✅</div>
+          <h3 className="cvm-success-title">克隆已提交</h3>
+          <p className="cvm-success-desc">
+            音色正在生成中，完成后将出现在列表中
+          </p>
+        </div>
+      )}
+    </Modal>
+  );
+};
+
+export default CloneVoiceModal;

apps/web/src/components/modals/clone-voice-modal.css

@@ -0,0 +1,325 @@
+/**
+ * CloneVoiceModal — V21 Design System
+ *
+ * 音色克隆弹窗样式
+ * 三步骤状态：input → uploading → success
+ */
+
+/* ── 弹窗内容区 ─────────────────────────────────────────── */
+
+.cvm-body {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+/* ── 表单区 ─────────────────────────────────────────────── */
+
+.cvm-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.cvm-label {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-secondary, #475467);
+}
+
+.cvm-input {
+  width: 100%;
+  padding: 10px 14px;
+  border: 1px solid var(--line, #e4e7ec);
+  border-radius: var(--radius-sm);
+  background: var(--bg-surface, #fff);
+  color: var(--text-primary, #101828);
+  font-size: 14px;
+  line-height: 1.5;
+  transition:
+    border-color 0.2s,
+    box-shadow 0.2s;
+  outline: none;
+}
+
+.cvm-input:focus {
+  border-color: var(--primary, #6366f1);
+  box-shadow: 0 0 0 3px
+    color-mix(in srgb, var(--primary-color) 12%, transparent);
+}
+
+.cvm-input::placeholder {
+  color: var(--muted, #98a2b3);
+}
+
+/* ── 上传区域 ───────────────────────────────────────────── */
+
+.cvm-upload-zone {
+  border: 2px dashed var(--line, #e4e7ec);
+  border-radius: var(--radius-md);
+  padding: 28px 20px;
+  text-align: center;
+  background: var(--bg-subtle, #f8fafc);
+  cursor: pointer;
+  transition:
+    border-color 0.2s,
+    background 0.2s;
+}
+
+.cvm-upload-zone:hover {
+  border-color: var(--primary, #6366f1);
+  background: color-mix(in srgb, var(--primary-color) 4%, transparent);
+}
+
+.cvm-upload-zone.cvm-upload-zone--active {
+  border-color: var(--primary, #6366f1);
+  background: color-mix(in srgb, var(--primary-color) 6%, transparent);
+}
+
+.cvm-upload-icon {
+  font-size: 36px;
+  margin-bottom: 8px;
+  line-height: 1;
+}
+
+.cvm-upload-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary, #101828);
+  margin: 0 0 4px;
+}
+
+.cvm-upload-hint {
+  font-size: 13px;
+  color: var(--muted, #98a2b3);
+  margin: 0;
+}
+
+/* ── 或分隔线 ───────────────────────────────────────────── */
+
+.cvm-divider {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin: 4px 0;
+}
+
+.cvm-divider-line {
+  flex: 1;
+  height: 1px;
+  background: var(--line, #e4e7ec);
+}
+
+.cvm-divider-text {
+  font-size: 13px;
+  color: var(--muted, #98a2b3);
+  flex-shrink: 0;
+}
+
+/* ── 录制区域 ───────────────────────────────────────────── */
+
+.cvm-record-area {
+  border: 1px solid var(--line, #e4e7ec);
+  border-radius: var(--radius-md);
+  padding: 24px;
+  text-align: center;
+}
+
+.cvm-record-hint {
+  font-size: 13px;
+  color: var(--muted, #98a2b3);
+  margin: 0 0 14px;
+}
+
+.cvm-record-btn {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  border: none;
+  cursor: pointer;
+  font-size: 32px;
+  line-height: 1;
+  padding: 0;
+  background: linear-gradient(
+    135deg,
+    var(--error-color, #ef4444),
+    var(--error-dark, #dc2626)
+  );
+  color: var(--text-inverse);
+  box-shadow: 0 4px 14px
+    color-mix(in srgb, var(--error-color, #ef4444) 35%, transparent);
+  transition:
+    transform 0.15s,
+    box-shadow 0.15s;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.cvm-record-btn:hover {
+  transform: scale(1.06);
+  box-shadow: 0 6px 20px
+    color-mix(in srgb, var(--error-color, #ef4444) 45%, transparent);
+}
+
+.cvm-record-btn:active {
+  transform: scale(0.96);
+}
+
+.cvm-record-btn--recording {
+  animation: cvm-pulse 1.2s ease-in-out infinite;
+}
+
+@keyframes cvm-pulse {
+  0%,
+  100% {
+    box-shadow: 0 4px 14px
+      color-mix(in srgb, var(--error-color, #ef4444) 35%, transparent);
+  }
+  50% {
+    box-shadow: 0 4px 28px
+      color-mix(in srgb, var(--error-color, #ef4444) 60%, transparent);
+  }
+}
+
+/* ── 提示条 ─────────────────────────────────────────────── */
+
+.cvm-tip {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 12px 16px;
+  background: var(--warning-soft, #fef3c7);
+  border-radius: var(--radius-sm);
+  font-size: 13px;
+  color: var(--warning-color, #92400e);
+  line-height: 1.5;
+}
+
+.cvm-tip-icon {
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+/* ── 底部按钮 ───────────────────────────────────────────── */
+
+.cvm-footer {
+  display: flex;
+  gap: 12px;
+  margin-top: 4px;
+}
+
+.cvm-footer .xx-btn {
+  flex: 1;
+}
+
+/* ── 上传中状态 ─────────────────────────────────────────── */
+
+.cvm-uploading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 20px;
+  gap: 16px;
+}
+
+.cvm-uploading-spinner {
+  width: 48px;
+  height: 48px;
+  border: 3px solid var(--line, #e4e7ec);
+  border-top-color: var(--primary, #6366f1);
+  border-radius: 50%;
+  animation: cvm-spin 0.8s linear infinite;
+}
+
+@keyframes cvm-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.cvm-uploading-text {
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--text-primary, #101828);
+  margin: 0;
+}
+
+.cvm-uploading-sub {
+  font-size: 13px;
+  color: var(--muted, #98a2b3);
+  margin: 0;
+}
+
+/* ── 成功状态 ───────────────────────────────────────────── */
+
+.cvm-success {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 20px;
+  gap: 12px;
+}
+
+.cvm-success-icon {
+  font-size: 56px;
+  line-height: 1;
+}
+
+.cvm-success-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--text-primary, #101828);
+  margin: 0;
+}
+
+.cvm-success-desc {
+  font-size: 14px;
+  color: var(--muted, #98a2b3);
+  margin: 0;
+}
+
+/* ── 响应式 ─────────────────────────────────────────────── */
+
+@media (max-width: 768px) {
+  .cvm-overlay {
+    padding: var(--space-md);
+  }
+
+  .cvm-modal {
+    width: 100%;
+    max-width: 100%;
+    padding: var(--space-lg);
+  }
+}
+
+@media (max-width: 576px) {
+  .cvm-upload-zone {
+    padding: 20px 14px;
+  }
+
+  .cvm-record-btn {
+    width: 64px;
+    height: 64px;
+    font-size: 26px;
+  }
+
+  .cvm-footer {
+    flex-direction: column;
+  }
+}
+
+@media (max-width: 480px) {
+  .cvm-record-btn {
+    width: 60px;
+    height: 60px;
+  }
+
+  .cvm-tip {
+    font-size: 12px;
+    padding: var(--space-sm);
+  }
+}

apps/web/src/components/ui/Form.tsx

@@ -0,0 +1,37 @@
+/**
+ * V21 Form 表单
+ * 封装 Ant Design Form，应用 V21 设计系统样式
+ */
+import React from "react";
+import { Form as AntForm } from "antd";
+import type { FormProps as AntFormProps } from "antd";
+import classNames from "classnames";
+import "./ui.css";
+
+export interface FormProps extends AntFormProps {
+  /** 紧凑模式（减小表单项间距） */
+  compact?: boolean;
+}
+
+const Form = ({ className, compact, children, ...rest }: FormProps) => {
+  const v21Class = classNames(
+    "xx-form",
+    compact && "xx-form-compact",
+    className,
+  );
+  return (
+    <AntForm
+      className={v21Class}
+      {...(rest as Omit<FormProps, "className" | "compact" | "children">)}
+    >
+      {children as React.ReactNode}
+    </AntForm>
+  );
+};
+
+/** 导出 Form 的子组件（保持 antd API 一致） */
+export const FormItem = AntForm.Item;
+export const FormList = AntForm.List;
+export const FormProvider = AntForm.Provider;
+
+export default Form;

apps/web/src/components/ui/Pagination.tsx

@@ -0,0 +1,25 @@
+/**
+ * V21 Pagination 分页
+ * 封装 Ant Design Pagination，应用 V21 设计系统样式
+ */
+import React from "react";
+import { Pagination as AntPagination } from "antd";
+import type { PaginationProps as AntPaginationProps } from "antd";
+import classNames from "classnames";
+import "./ui.css";
+
+export interface PaginationProps extends AntPaginationProps {
+  /** 使用 V21 样式 */
+  v21?: boolean;
+}
+
+const Pagination: React.FC<PaginationProps> = ({
+  className,
+  v21 = true,
+  ...rest
+}) => {
+  const v21Class = classNames(v21 && "xx-pagination", className);
+  return <AntPagination className={v21Class} {...rest} />;
+};
+
+export default Pagination;

apps/web/src/components/ui/Table.tsx

@@ -0,0 +1,29 @@
+/**
+ * V21 Table 表格
+ * 封装 Ant Design Table，应用 V21 设计系统样式
+ */
+import React from "react";
+import { Table as AntTable } from "antd";
+import type { TableProps as AntTableProps } from "antd";
+import classNames from "classnames";
+import "./ui.css";
+
+export interface TableProps<
+  RecordType = unknown,
+> extends AntTableProps<RecordType> {
+  /** 使用 V21 样式 */
+  v21?: boolean;
+}
+
+function Table<RecordType extends object = Record<string, unknown>>({
+  className,
+  v21 = true,
+  ...rest
+}: TableProps<RecordType>) {
+  const v21Class = classNames(v21 && "xx-table", className);
+  return <AntTable<RecordType> className={v21Class} {...rest} />;
+}
+
+export default Table as <RecordType extends object = Record<string, unknown>>(
+  props: TableProps<RecordType> & React.RefAttributes<HTMLDivElement>,
+) => React.ReactElement;

apps/web/src/components/ui/index.ts

@@ -15,6 +15,9 @@ export type { SelectProps } from "./Select";
 export { default as Modal } from "./Modal";
 export type { ModalProps } from "./Modal";
 
+export { default as Table } from "./Table";
+export type { TableProps } from "./Table";
+
 export { default as Card } from "./Card";
 export type { CardProps } from "./Card";
 
@@ -23,3 +26,9 @@ export type { TagProps, TagVariant } from "./Tag";
 
 export { Tooltip, Popover } from "./Tooltip";
 export type { TooltipProps, PopoverProps } from "./Tooltip";
+
+export { default as Form, FormItem, FormList, FormProvider } from "./Form";
+export type { FormProps } from "./Form";
+
+export { default as Pagination } from "./Pagination";
+export type { PaginationProps } from "./Pagination";

apps/web/src/components/ui/ui.css

@@ -258,6 +258,51 @@
   font-size: 24px !important;
 }
 
+/* ============================================================
+   Table 表格
+   ============================================================ */
+.xx-table .ant-table {
+  background: var(--bg-primary) !important;
+  color: var(--text-primary) !important;
+  border-radius: var(--radius-md) !important;
+  overflow: hidden;
+}
+
+.xx-table .ant-table-thead > tr > th {
+  background: var(--bg-secondary) !important;
+  color: var(--text-secondary) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  border-bottom: 1px solid var(--border-color) !important;
+  font-size: var(--font-size-sm) !important;
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-wide);
+}
+
+.xx-table .ant-table-tbody > tr > td {
+  border-bottom: 1px solid var(--border-light) !important;
+  color: var(--text-primary) !important;
+  transition: var(--transition-fast) !important;
+}
+
+.xx-table .ant-table-tbody > tr:hover > td {
+  background: var(--primary-soft) !important;
+}
+
+.xx-table .ant-table-tbody > tr:last-child > td {
+  border-bottom: none !important;
+}
+
+/* 排序图标 */
+.xx-table .ant-table-column-sorter-up.active,
+.xx-table .ant-table-column-sorter-down.active {
+  color: var(--primary-color) !important;
+}
+
+/* 分页 */
+.xx-table .ant-pagination {
+  padding: var(--space-md) 0 !important;
+}
+
 /* ============================================================
    Card 卡片
    ============================================================ */
@@ -384,6 +429,69 @@
   border-bottom: 1px solid var(--border-light) !important;
 }
 
+/* ============================================================
+   Form 表单
+   ============================================================ */
+.xx-form .ant-form-item-label > label {
+  color: var(--text-primary) !important;
+  font-weight: var(--font-weight-medium) !important;
+  font-size: var(--font-size-base) !important;
+}
+
+.xx-form .ant-form-item-explain-error {
+  color: var(--error-color) !important;
+  font-size: var(--font-size-sm) !important;
+}
+
+.xx-form .ant-form-item {
+  margin-bottom: var(--space-lg) !important;
+}
+
+/* 表单项间距紧凑 */
+.xx-form-compact .ant-form-item {
+  margin-bottom: var(--space-md) !important;
+}
+
+/* ============================================================
+   Pagination 分页
+   ============================================================ */
+.xx-pagination .ant-pagination-item {
+  border-radius: var(--radius-xs) !important;
+  border-color: var(--border-color) !important;
+  transition: var(--transition-fast) !important;
+}
+
+.xx-pagination .ant-pagination-item a {
+  color: var(--text-primary) !important;
+}
+
+.xx-pagination .ant-pagination-item:hover {
+  border-color: var(--primary-color) !important;
+}
+
+.xx-pagination .ant-pagination-item:hover a {
+  color: var(--primary-color) !important;
+}
+
+.xx-pagination .ant-pagination-item-active {
+  background: var(--gradient-primary) !important;
+  border-color: transparent !important;
+}
+
+.xx-pagination .ant-pagination-item-active a {
+  color: var(--text-inverse) !important;
+}
+
+.xx-pagination .ant-pagination-prev .ant-pagination-item-link,
+.xx-pagination .ant-pagination-next .ant-pagination-item-link {
+  border-radius: var(--radius-xs) !important;
+  color: var(--text-secondary) !important;
+}
+
+.xx-pagination .ant-pagination-disabled .ant-pagination-item-link {
+  color: var(--text-disabled) !important;
+}
+
 /* ============================================================
    响应式
    ============================================================ */
@@ -408,6 +516,10 @@
   .xx-modal .ant-modal-header {
     padding: var(--space-md) !important;
   }
+
+  .xx-form .ant-form-item {
+    margin-bottom: var(--space-md) !important;
+  }
 }
 
 @media (max-width: 480px) {
@@ -420,22 +532,3 @@
     padding: 8px 16px !important;
   }
 }
-
-/* ── xx-card antd 子元素覆盖样式（从 Admin.css 迁移） ── */
-/* AdminComingSoon 等页面使用 <Card className="xx-card"> 时需要 */
-/* .xx-card 基础样式和 :hover 已在 global.css 中定义（V21 设计系统） */
-
-.xx-card .ant-card-head {
-  border-bottom: 1px solid var(--border-color);
-  padding: 20px 24px;
-}
-
-.xx-card .ant-card-head-title {
-  font-weight: 800;
-  font-size: 17px;
-  color: var(--text-primary);
-}
-
-.xx-card .ant-card-body {
-  padding: 24px;
-}

apps/web/src/config/navigation.ts

@@ -17,7 +17,6 @@ import {
   ScanOutlined,
   ControlOutlined,
   CrownOutlined,
-  UnorderedListOutlined,
 } from "@ant-design/icons";
 
 /** 导航项类型 */
@@ -81,12 +80,6 @@ export const NAV_ITEMS: NavItem[] = [
     path: "/app/my-templates",
     icon: React.createElement(FolderOutlined),
   },
-  {
-    key: "edit-plans",
-    label: "剪辑计划",
-    path: "/app/edit-plans",
-    icon: React.createElement(UnorderedListOutlined),
-  },
   {
     key: "generate",
     label: "一键生成",
@@ -111,12 +104,6 @@ export const NAV_ITEMS: NavItem[] = [
     path: "/app/duplication",
     icon: React.createElement(ScanOutlined),
   },
-  {
-    key: "tasks",
-    label: "任务中心",
-    path: "/app/tasks",
-    icon: React.createElement(UnorderedListOutlined),
-  },
 ];
 
 /** 侧边栏导航分组（Sidebar 分组列表使用） */
@@ -142,12 +129,6 @@ export const NAV_GROUPS: NavGroup[] = [
         path: "/app/editing-planner",
         icon: React.createElement(EditOutlined),
       },
-      {
-        key: "edit-plans",
-        label: "剪辑计划",
-        path: "/app/edit-plans",
-        icon: React.createElement(UnorderedListOutlined),
-      },
     ],
   },
   {
@@ -200,12 +181,6 @@ export const NAV_GROUPS: NavGroup[] = [
         path: "/app/history",
         icon: React.createElement(HistoryOutlined),
       },
-      {
-        key: "tasks",
-        label: "任务中心",
-        path: "/app/tasks",
-        icon: React.createElement(UnorderedListOutlined),
-      },
       {
         key: "duplication",
         label: "查重",

apps/web/src/pages/accounts/Accounts.tsx

@@ -2,62 +2,194 @@
  * 账号管理页面 — V21 Design System
  *
  * 展示多平台账号绑定状态（抖音/快手/小红书/微信视频号）
- * 后端账号管理 API 尚未就绪，当前展示占位状态
+ * 支持绑定/解绑操作
  *
  * 零 antd 直接导入，全部使用 CSS 变量
  */
-import React from "react";
+import React, { useState, useCallback } from "react";
+import { useQueries, useMutation, useQueryClient } from "@tanstack/react-query";
 import { Button } from "@/components/ui";
 import PageHead from "@/components/layout/PageHead";
+import {
+  PLATFORMS,
+  getAccountsByPlatform,
+  unbindAccount,
+  bindAccount,
+  ACCOUNT_STATUS_CONFIG,
+  type Platform,
+  type Account,
+  type PlatformId,
+} from "@/api/accounts";
 import "./accounts.css";
 
-/* ── 类型定义 ───────────────────────────────────────────── */
+/* ── Toast 系统 ─────────────────────────────────────────── */
 
-export type PlatformId = "douyin" | "kuaishou" | "xiaohongshu" | "wechat";
-
-export interface Platform {
-  id: PlatformId;
-  name: string;
-  subName: string;
-  icon: string;
-  gradient: string;
+interface Toast {
+  id: number;
+  message: string;
+  type: "success" | "error";
 }
 
-/** 支持的平台列表 */
-const PLATFORMS: Platform[] = [
-  {
-    id: "douyin",
-    name: "抖音",
-    subName: "短视频发布",
-    icon: "🎵",
-    gradient: "linear-gradient(135deg, #000 0%, #333 100%)",
-  },
-  {
-    id: "kuaishou",
-    name: "快手",
-    subName: "短视频发布",
-    icon: "📹",
-    gradient: "linear-gradient(135deg, #ff6600 0%, #ff9933 100%)",
-  },
-  {
-    id: "xiaohongshu",
-    name: "小红书",
-    subName: "种草笔记 + 视频",
-    icon: "📕",
-    gradient: "linear-gradient(135deg, #fe2c55 0%, #ff6680 100%)",
-  },
-  {
-    id: "wechat",
-    name: "微信视频号",
-    subName: "视频号发布",
-    icon: "💬",
-    gradient: "linear-gradient(135deg, #07c160 0%, #38d97a 100%)",
-  },
-];
+let toastIdCounter = 0;
+
+/* ── 平台卡片组件 ───────────────────────────────────────── */
+
+interface PlatformCardProps {
+  platform: Platform;
+  accounts: Account[];
+  isLoading: boolean;
+  onBind: (platformId: PlatformId) => void;
+  onUnbind: (accountId: string, accountName: string) => void;
+}
+
+const PlatformCard: React.FC<PlatformCardProps> = ({
+  platform,
+  accounts,
+  isLoading,
+  onBind,
+  onUnbind,
+}) => {
+  return (
+    <div className="acc-card">
+      {/* 平台头部 */}
+      <div className="acc-card-header">
+        <div
+          className="acc-card-icon"
+          style={{ background: platform.gradient }}
+        >
+          {platform.icon}
+        </div>
+        <div>
+          <h3 className="acc-card-title">{platform.name}</h3>
+          <p className="acc-card-subtitle">{platform.subName}</p>
+        </div>
+      </div>
+
+      {/* 账号列表 */}
+      <div className="acc-account-list">
+        {isLoading ? (
+          <div className="acc-empty">
+            <p className="acc-empty-text">加载中…</p>
+          </div>
+        ) : accounts.length > 0 ? (
+          accounts.map((account) => {
+            const statusCfg = ACCOUNT_STATUS_CONFIG[account.status];
+            return (
+              <div key={account.id} className="acc-account-row">
+                <div
+                  className="acc-account-avatar"
+                  style={{ background: platform.gradient }}
+                >
+                  {account.avatar || platform.icon}
+                </div>
+                <div className="acc-account-info">
+                  <div className="acc-account-name">{account.name}</div>
+                  <span className={`acc-status-pill ${statusCfg.className}`}>
+                    {statusCfg.label}
+                  </span>
+                </div>
+                <Button
+                  buttonType="ghost"
+                  buttonSize="sm"
+                  onClick={() => onUnbind(account.id, account.name)}
+                >
+                  解绑
+                </Button>
+              </div>
+            );
+          })
+        ) : (
+          <div className="acc-empty">
+            <div className="acc-empty-icon">🔓</div>
+            <p className="acc-empty-text">暂未绑定账号</p>
+          </div>
+        )}
+      </div>
+
+      {/* 绑定按钮 */}
+      <Button buttonType="ghost" onClick={() => onBind(platform.id)}>
+        + 绑定新账号
+      </Button>
+    </div>
+  );
+};
 
 /* ── 主页面 ─────────────────────────────────────────────── */
 
 const Accounts: React.FC = () => {
+  const queryClient = useQueryClient();
+  const [toasts, setToasts] = useState<Toast[]>([]);
+
+  /** 显示 toast */
+  const showToast = useCallback((message: string, type: Toast["type"]) => {
+    const id = ++toastIdCounter;
+    setToasts((prev) => [...prev, { id, message, type }]);
+    setTimeout(() => {
+      setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, 3000);
+  }, []);
+
+  /** 查询所有平台的账号 */
+  const _queriesResults = useQueries({
+    queries: PLATFORMS.map((platform) => ({
+      queryKey: ["accounts", platform.id] as const,
+      queryFn: () => getAccountsByPlatform(platform.id),
+    })),
+  });
+  const accountQueries = PLATFORMS.map((platform, i) => ({
+    platform,
+    ..._queriesResults[i],
+  }));
+
+  /** 解绑 mutation */
+  const unbindMutation = useMutation({
+    mutationFn: unbindAccount,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["accounts"] });
+      showToast("已解绑账号", "success");
+    },
+    onError: () => {
+      showToast("解绑失败", "error");
+    },
+  });
+
+  /** 绑定 mutation（mock） */
+  const bindMutation = useMutation({
+    mutationFn: bindAccount,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["accounts"] });
+      showToast("账号绑定成功", "success");
+    },
+    onError: () => {
+      showToast("绑定失败", "error");
+    },
+  });
+
+  /** 绑定新账号（mock：直接创建） */
+  const handleBind = (platformId: PlatformId) => {
+    const platform = PLATFORMS.find((p) => p.id === platformId);
+    if (!platform) return;
+
+    const name = window.prompt(`请输入要绑定的${platform.name}账号名称：`);
+    if (name && name.trim()) {
+      bindMutation.mutate({ platform_id: platformId, name: name.trim() });
+    }
+  };
+
+  /** 解绑账号 */
+  const handleUnbind = (accountId: string, accountName: string) => {
+    if (window.confirm(`确定解绑账号「${accountName}」吗？`)) {
+      unbindMutation.mutate(accountId);
+    }
+  };
+
+  /** 统计已绑定账号数 */
+  const totalBound = accountQueries.reduce(
+    (sum, q) => sum + (q.data?.length ?? 0),
+    0,
+  );
+  const totalPlatforms = PLATFORMS.length;
+
   return (
     <div className="acc-page">
       <PageHead
@@ -65,34 +197,17 @@ const Accounts: React.FC = () => {
         description="绑定您的社交平台账号，用于视频一键发布到各平台"
       />
 
-      {/* 平台卡片网格 — 占位状态 */}
+      {/* 平台卡片网格 */}
       <div className="acc-grid">
-        {PLATFORMS.map((platform) => (
-          <div key={platform.id} className="acc-card">
-            <div className="acc-card-header">
-              <div
-                className="acc-card-icon"
-                style={{ background: platform.gradient }}
-              >
-                {platform.icon}
-              </div>
-              <div>
-                <h3 className="acc-card-title">{platform.name}</h3>
-                <p className="acc-card-subtitle">{platform.subName}</p>
-              </div>
-            </div>
-
-            <div className="acc-account-list">
-              <div className="acc-empty">
-                <div className="acc-empty-icon">🔒</div>
-                <p className="acc-empty-text">功能即将上线</p>
-              </div>
-            </div>
-
-            <Button buttonType="ghost" disabled>
-              即将支持绑定
-            </Button>
-          </div>
+        {accountQueries.map(({ platform, data, isLoading }) => (
+          <PlatformCard
+            key={platform.id}
+            platform={platform}
+            accounts={data ?? []}
+            isLoading={isLoading}
+            onBind={handleBind}
+            onUnbind={handleUnbind}
+          />
         ))}
       </div>
 
@@ -100,10 +215,22 @@ const Accounts: React.FC = () => {
       <div className="acc-stats-bar">
         <span className="acc-stats-icon">📊</span>
         <span className="acc-stats-text">
-          支持 <span className="acc-stats-highlight">{PLATFORMS.length}</span>{" "}
-          个平台，功能即将上线
+          已绑定 <span className="acc-stats-highlight">{totalBound}</span>{" "}
+          个账号 / 支持{" "}
+          <span className="acc-stats-highlight">{totalPlatforms}</span> 个平台
         </span>
       </div>
+
+      {/* Toast 提示 */}
+      {toasts.length > 0 && (
+        <div className="vc-toast-container">
+          {toasts.map((t) => (
+            <div key={t.id} className={`vc-toast vc-toast--${t.type}`}>
+              {t.type === "success" ? "✅" : "❌"} {t.message}
+            </div>
+          ))}
+        </div>
+      )}
     </div>
   );
 };

apps/web/src/pages/accounts/accounts.css

@@ -82,6 +82,77 @@
   gap: 10px;
 }
 
+/* ── 账号行 ─────────────────────────────────────────────── */
+
+.acc-account-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px;
+  background: var(--bg-secondary);
+  border-radius: var(--radius-md);
+  transition: var(--transition-fast);
+}
+
+.acc-account-row:hover {
+  background: var(--primary-soft);
+}
+
+.acc-account-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  display: grid;
+  place-items: center;
+  color: var(--text-inverse);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-sm);
+  flex-shrink: 0;
+}
+
+.acc-account-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.acc-account-name {
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* ── 状态标签 ───────────────────────────────────────────── */
+
+.acc-status-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 8px;
+  border-radius: var(--radius-full);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-semibold);
+  line-height: 1.6;
+  margin-top: 2px;
+}
+
+.acc-status--active {
+  background: var(--success-soft);
+  color: var(--secondary-color);
+}
+
+.acc-status--expired {
+  background: var(--error-soft);
+  color: var(--error-color);
+}
+
+.acc-status--limited {
+  background: var(--warning-soft);
+  color: var(--accent-color);
+}
+
 /* ── 空状态 ─────────────────────────────────────────────── */
 
 .acc-empty {
@@ -164,6 +235,17 @@
     font-size: var(--font-size-base);
   }
 
+  .acc-account-row {
+    padding: 10px;
+    gap: 8px;
+  }
+
+  .acc-account-avatar {
+    width: 32px;
+    height: 32px;
+    font-size: var(--font-size-xs);
+  }
+
   .acc-stats-bar {
     padding: var(--space-sm) var(--space-md);
     font-size: var(--font-size-sm);

apps/web/src/pages/admin/Admin.css

@@ -1,20 +1,442 @@
-/* Admin 页面样式（Phase 3 精简）
- *
- * 原始 477 行 → 精简至仅保留实际使用的 class。
- * 已迁移至 global.css / ui.css 的样式不再重复定义：
- *   .xx-page-head       → global.css
- *   .xx-primary-btn     → global.css
- *   .xx-tag / .xx-card  → ui.css / global.css
- *
- * 以下 class 仅被 AdminComingSoon.tsx 使用。
- */
+/* V21 Admin 页面样式 */
 
+/* 页面容器 */
+.dashboard-page,
+.analytics-page,
+.user-management-page,
+.log-viewer-page,
+.system-monitor-page,
 .admin-coming-soon-page {
   padding: 32px;
   max-width: 1400px;
   margin: 0 auto;
 }
 
+/* 页面头部 */
+.xx-page-head {
+  background: rgba(255, 255, 255, 0.94);
+  border: 1px solid rgba(226, 232, 240, 0.95);
+  border-radius: var(--radius-xl);
+  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
+  padding: 32px 40px;
+  margin-bottom: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.xx-page-head-content {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.xx-page-head h2 {
+  font-size: 28px;
+  font-weight: 900;
+  color: var(--slate, #0f172a);
+  margin: 0;
+  letter-spacing: -0.02em;
+}
+
+.xx-page-head p {
+  font-size: 15px;
+  color: var(--muted, #64748b);
+  margin: 0;
+}
+
+.xx-page-head-actions {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
+
+/* 简化页面头部（无操作按钮） */
+.xx-page-head-simple {
+  background: rgba(255, 255, 255, 0.94);
+  border: 1px solid rgba(226, 232, 240, 0.95);
+  border-radius: var(--radius-xl);
+  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
+  padding: 32px 40px;
+  margin-bottom: 32px;
+}
+
+.xx-page-head-simple h2 {
+  font-size: 28px;
+  font-weight: 900;
+  color: var(--slate, #0f172a);
+  margin: 0 0 8px;
+  letter-spacing: -0.02em;
+}
+
+.xx-page-head-simple p {
+  font-size: 15px;
+  color: var(--muted, #64748b);
+  margin: 0;
+}
+
+/* 统计卡片网格 - 4列 */
+.xx-grid-4 {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+  margin-bottom: 32px;
+}
+
+@media (max-width: 1200px) {
+  .xx-grid-4 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 768px) {
+  .xx-grid-4 {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* 统计卡片 */
+.xx-stat-card {
+  background: rgba(255, 255, 255, 0.94);
+  border: 1px solid rgba(226, 232, 240, 0.95);
+  border-radius: var(--radius-lg);
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
+  padding: 24px;
+  transition: all 0.3s;
+}
+
+.xx-stat-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
+}
+
+.xx-stat-card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 16px;
+}
+
+.xx-stat-card-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: var(--radius-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 22px;
+}
+
+.xx-stat-card-icon.primary {
+  background: linear-gradient(135deg, #6366f1, #4f46e5);
+  color: white;
+}
+
+.xx-stat-card-icon.success {
+  background: linear-gradient(135deg, #34d399, #10b981);
+  color: white;
+}
+
+.xx-stat-card-icon.warning {
+  background: linear-gradient(135deg, #fbbf24, #f59e0b);
+  color: white;
+}
+
+.xx-stat-card-icon.purple {
+  background: linear-gradient(135deg, #a78bfa, #8b5cf6);
+  color: white;
+}
+
+.xx-stat-card-icon.info {
+  background: linear-gradient(135deg, #60a5fa, #3b82f6);
+  color: white;
+}
+
+.xx-stat-card-icon.orange {
+  background: linear-gradient(135deg, #fb923c, #f97316);
+  color: white;
+}
+
+.xx-stat-card-label {
+  font-size: 14px;
+  color: var(--muted, #64748b);
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+
+.xx-stat-card-value {
+  font-size: 32px;
+  font-weight: 900;
+  color: var(--slate, #0f172a);
+  line-height: 1.2;
+  letter-spacing: -0.02em;
+}
+
+.xx-stat-card-value.primary {
+  color: var(--indigo, #4f46e5);
+}
+
+.xx-stat-card-value.success {
+  color: var(--green, #10b981);
+}
+
+.xx-stat-card-value.warning {
+  color: var(--amber, #f59e0b);
+}
+
+.xx-stat-card-value.purple {
+  color: #8b5cf6;
+}
+
+.xx-stat-card-growth {
+  font-size: 13px;
+  color: var(--green, #10b981);
+  font-weight: 600;
+  margin-top: 8px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* 数据表格 */
+.xx-table-wrapper {
+  background: rgba(255, 255, 255, 0.94);
+  border: 1px solid rgba(226, 232, 240, 0.95);
+  border-radius: var(--radius-lg);
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
+  overflow: hidden;
+}
+
+.xx-table-wrapper .ant-table {
+  background: transparent;
+}
+
+.xx-table-wrapper .ant-table-thead > tr > th {
+  background: rgba(248, 250, 252, 0.8);
+  font-weight: 800;
+  font-size: 13px;
+  color: var(--slate, #0f172a);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  padding: 16px 20px;
+}
+
+.xx-table-wrapper .ant-table-tbody > tr > td {
+  padding: 16px 20px;
+  font-size: 14px;
+}
+
+.xx-table-wrapper .ant-table-tbody > tr:hover > td {
+  background: rgba(79, 70, 229, 0.03);
+}
+
+/* V21 按钮 */
+.xx-primary-btn {
+  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
+  color: white !important;
+  border: none !important;
+  border-radius: var(--radius-md) !important;
+  font-weight: 700 !important;
+  box-shadow: 0 8px 20px rgba(79, 70, 229, 0.25) !important;
+  transition: all 0.2s !important;
+}
+
+.xx-primary-btn:hover {
+  box-shadow: 0 12px 28px rgba(79, 70, 229, 0.3) !important;
+  transform: translateY(-1px);
+}
+
+.xx-ghost-btn {
+  background: white !important;
+  border: 1px solid rgba(226, 232, 240, 0.95) !important;
+  color: var(--slate, #0f172a) !important;
+  border-radius: var(--radius-md) !important;
+  font-weight: 600 !important;
+  transition: all 0.2s !important;
+}
+
+.xx-ghost-btn:hover {
+  border-color: var(--indigo, #4f46e5) !important;
+  color: var(--indigo, #4f46e5) !important;
+}
+
+/* V21 输入框 */
+.xx-search-input {
+  border-radius: var(--radius-md) !important;
+  border: 1px solid rgba(226, 232, 240, 0.95) !important;
+  padding: 8px 16px !important;
+}
+
+.xx-search-input:hover,
+.xx-search-input:focus {
+  border-color: var(--indigo, #4f46e5) !important;
+  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
+}
+
+/* V21 Tag */
+.xx-tag {
+  border-radius: var(--radius-xs) !important;
+  font-weight: 600 !important;
+  font-size: 12px !important;
+  padding: 4px 10px !important;
+}
+
+.xx-tag.info {
+  background: rgba(59, 130, 246, 0.1) !important;
+  color: #3b82f6 !important;
+  border: 1px solid rgba(59, 130, 246, 0.2) !important;
+}
+
+.xx-tag.success {
+  background: rgba(16, 185, 129, 0.1) !important;
+  color: #10b981 !important;
+  border: 1px solid rgba(16, 185, 129, 0.2) !important;
+}
+
+.xx-tag.warning {
+  background: rgba(245, 158, 11, 0.1) !important;
+  color: #f59e0b !important;
+  border: 1px solid rgba(245, 158, 11, 0.2) !important;
+}
+
+.xx-tag.error {
+  background: rgba(239, 68, 68, 0.1) !important;
+  color: #ef4444 !important;
+  border: 1px solid rgba(239, 68, 68, 0.2) !important;
+}
+
+.xx-tag.debug {
+  background: rgba(100, 116, 139, 0.1) !important;
+  color: #64748b !important;
+  border: 1px solid rgba(100, 116, 139, 0.2) !important;
+}
+
+/* V21 Progress */
+.xx-progress-primary .ant-progress-circle .ant-progress-text {
+  color: var(--indigo, #4f46e5) !important;
+  font-weight: 700 !important;
+}
+
+.xx-progress-success .ant-progress-circle .ant-progress-text {
+  color: var(--green, #10b981) !important;
+  font-weight: 700 !important;
+}
+
+.xx-progress-warning .ant-progress-circle .ant-progress-text {
+  color: var(--amber, #f59e0b) !important;
+  font-weight: 700 !important;
+}
+
+/* 图表容器 */
+.xx-chart-container {
+  background: rgba(255, 255, 255, 0.94);
+  border: 1px solid rgba(226, 232, 240, 0.95);
+  border-radius: var(--radius-lg);
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
+  padding: 24px;
+}
+
+.xx-chart-container .ant-card-head {
+  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
+  padding: 20px 24px;
+}
+
+.xx-chart-container .ant-card-head-title {
+  font-weight: 800;
+  font-size: 17px;
+  color: var(--slate, #0f172a);
+}
+
+/* 筛选器区域 */
+.xx-filter-bar {
+  background: rgba(255, 255, 255, 0.94);
+  border: 1px solid rgba(226, 232, 240, 0.95);
+  border-radius: var(--radius-lg);
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
+  padding: 20px 24px;
+  margin-bottom: 24px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  align-items: center;
+}
+
+/* 资源监控卡片 */
+.xx-resource-card {
+  background: rgba(255, 255, 255, 0.94);
+  border: 1px solid rgba(226, 232, 240, 0.95);
+  border-radius: var(--radius-lg);
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
+  padding: 24px;
+  text-align: center;
+}
+
+.xx-resource-card-icon {
+  width: 64px;
+  height: 64px;
+  border-radius: var(--radius-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 16px;
+  font-size: 28px;
+}
+
+.xx-resource-card-label {
+  font-size: 14px;
+  color: var(--muted, #64748b);
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+
+/* 日期选择器 */
+.xx-date-picker {
+  border-radius: var(--radius-md) !important;
+}
+
+/* Drawer */
+.xx-drawer .ant-drawer-header {
+  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
+  padding: 20px 24px;
+}
+
+.xx-drawer .ant-drawer-title {
+  font-weight: 800;
+  font-size: 18px;
+  color: var(--slate, #0f172a);
+}
+
+/* 日志详情 */
+.xx-log-detail {
+  padding: 4px 0;
+}
+
+.xx-log-detail-label {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--slate, #0f172a);
+  margin-bottom: 4px;
+}
+
+.xx-log-detail-value {
+  font-size: 14px;
+  color: var(--muted, #64748b);
+  background: rgba(248, 250, 252, 0.8);
+  padding: 12px;
+  border-radius: var(--radius-sm);
+  margin-bottom: 16px;
+}
+
+.xx-log-detail-code {
+  font-family: "JetBrains Mono", "Fira Code", monospace;
+  background: rgba(248, 250, 252, 0.8);
+  padding: 12px;
+  border-radius: var(--radius-sm);
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+/* Result 页面居中 */
 .xx-result-center {
   display: flex;
   justify-content: center;
@@ -25,3 +447,31 @@
 .xx-result-center .ant-result {
   padding: 48px;
 }
+
+/* 刷新时间显示 */
+.xx-refresh-time {
+  font-size: 13px;
+  color: var(--muted, #64748b);
+  margin-right: 12px;
+}
+
+/* 图表配色覆盖 */
+.recharts-text {
+  fill: #64748b !important;
+  font-size: 12px !important;
+}
+
+.recharts-cartesian-grid-horizontal line,
+.recharts-cartesian-grid-vertical line {
+  stroke: rgba(226, 232, 240, 0.8) !important;
+}
+
+/* 图表 Legend */
+.recharts-legend-wrapper {
+  padding-top: 16px !important;
+}
+
+.recharts-legend-item-text {
+  color: #64748b !important;
+  font-size: 13px !important;
+}

apps/web/src/pages/assets/AssetLibrary.tsx

@@ -4,17 +4,7 @@
  * 使用 useQuery 对接后端真实 API（api/assets.ts）
  */
 import React, { useMemo, useState } from "react";
-import {
-  Upload,
-  Modal as AntModal,
-  message,
-  Popconfirm,
-  Drawer,
-  Tag,
-  Input as AntInput,
-  Radio,
-  Select as AntSelect,
-} from "antd";
+import { Upload, Modal as AntModal, message, Popconfirm } from "antd";
 import {
   PlusOutlined,
   SearchOutlined,
@@ -27,11 +17,6 @@ import {
   ExperimentOutlined,
   LoadingOutlined,
   ExclamationCircleOutlined,
-  TagsOutlined,
-  FolderOutlined,
-  ThunderboltOutlined,
-  CheckCircleOutlined,
-  CloseCircleOutlined,
 } from "@ant-design/icons";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import {
@@ -42,13 +27,8 @@ import {
   deleteAsset,
   uploadAssetDirect,
   getAssetDiagnosis,
-  batchDeleteAssets,
-  batchTagAssets,
-  batchClassifyAssets,
-  batchMarkAssets,
   type AssetLibraryItem,
   type AssetItem as ApiAssetItem,
-  type BatchOperationResult,
 } from "@/api/assets";
 import { Button, Input, Select } from "@/components/ui";
 import "./assets.css";
@@ -427,33 +407,6 @@ const AssetLibrary: React.FC = () => {
   /* 诊断中状态 — 记录正在诊断的素材 ID */
   const [diagnosingId, setDiagnosingId] = useState<string | null>(null);
 
-  /* ── 批量操作弹窗状态 ── */
-  const [tagModalOpen, setTagModalOpen] = useState(false);
-  const [classifyModalOpen, setClassifyModalOpen] = useState(false);
-  const [markModalOpen, setMarkModalOpen] = useState(false);
-  const [resultDrawerOpen, setResultDrawerOpen] = useState(false);
-
-  /* 批量打标签 */
-  const [batchTagInput, setBatchTagInput] = useState("");
-  const [batchTags, setBatchTags] = useState<string[]>([]);
-  const [tagMode, setTagMode] = useState<"add" | "replace">("add");
-
-  /* 批量改分类 */
-  const [batchCategory, setBatchCategory] = useState("");
-
-  /* 批量智能标记 */
-  const [batchSmartView, setBatchSmartView] = useState<
-    "recommended" | "caution" | "high_risk"
-  >("recommended");
-
-  /* 操作结果 */
-  const [operationResult, setOperationResult] =
-    useState<BatchOperationResult | null>(null);
-  const [operationTitle, setOperationTitle] = useState("");
-
-  /* 批量操作 loading */
-  const [batchLoading, setBatchLoading] = useState(false);
-
   /* 派生数据 */
   const filteredAssets = useMemo(() => {
     let list = assets;
@@ -610,152 +563,19 @@ const AssetLibrary: React.FC = () => {
 
   const handleBatchDelete = async () => {
     const ids = Array.from(selectedIds);
-    setBatchLoading(true);
-    try {
-      const result = await batchDeleteAssets(ids);
-      setOperationResult(result);
-      setOperationTitle("批量删除");
-      setResultDrawerOpen(true);
-      queryClient.invalidateQueries({ queryKey: ["assets"] });
-      queryClient.invalidateQueries({ queryKey: ["asset-libraries"] });
-      setSelectedIds(new Set());
-      if (result.failure_count === 0) {
-        message.success(`成功删除 ${result.success_count} 个素材`);
-      } else {
-        message.warning(
-          `删除完成：成功 ${result.success_count} 个，失败 ${result.failure_count} 个`,
-        );
+    let successCount = 0;
+    for (const id of ids) {
+      try {
+        await deleteAsset(id);
+        successCount++;
+      } catch {
+        // 忽略单个失败
       }
-    } catch {
-      message.error("批量删除失败，请重试");
-    } finally {
-      setBatchLoading(false);
     }
-  };
-
-  /* 批量打标签 */
-  const handleBatchTag = async () => {
-    if (batchTags.length === 0) {
-      message.warning("请至少输入一个标签");
-      return;
-    }
-    const ids = Array.from(selectedIds);
-    setBatchLoading(true);
-    try {
-      const result = await batchTagAssets({
-        asset_ids: ids,
-        tags: batchTags,
-        mode: tagMode,
-      });
-      setOperationResult(result);
-      setOperationTitle("批量打标签");
-      setResultDrawerOpen(true);
-      setTagModalOpen(false);
-      setBatchTags([]);
-      setBatchTagInput("");
-      setTagMode("add");
-      queryClient.invalidateQueries({ queryKey: ["assets"] });
-      setSelectedIds(new Set());
-      if (result.failure_count === 0) {
-        message.success(`成功为 ${result.success_count} 个素材打标签`);
-      } else {
-        message.warning(
-          `打标签完成：成功 ${result.success_count} 个，失败 ${result.failure_count} 个`,
-        );
-      }
-    } catch {
-      message.error("批量打标签失败，请重试");
-    } finally {
-      setBatchLoading(false);
-    }
-  };
-
-  /* 批量改分类 */
-  const handleBatchClassify = async () => {
-    if (!batchCategory) {
-      message.warning("请选择分类");
-      return;
-    }
-    const ids = Array.from(selectedIds);
-    setBatchLoading(true);
-    try {
-      const result = await batchClassifyAssets({
-        asset_ids: ids,
-        category: batchCategory,
-      });
-      setOperationResult(result);
-      setOperationTitle("批量改分类");
-      setResultDrawerOpen(true);
-      setClassifyModalOpen(false);
-      setBatchCategory("");
-      queryClient.invalidateQueries({ queryKey: ["assets"] });
-      setSelectedIds(new Set());
-      if (result.failure_count === 0) {
-        message.success(
-          `成功将 ${result.success_count} 个素材改为「${batchCategory}」`,
-        );
-      } else {
-        message.warning(
-          `改分类完成：成功 ${result.success_count} 个，失败 ${result.failure_count} 个`,
-        );
-      }
-    } catch {
-      message.error("批量改分类失败，请重试");
-    } finally {
-      setBatchLoading(false);
-    }
-  };
-
-  /* 批量智能标记 */
-  const handleBatchMark = async () => {
-    const ids = Array.from(selectedIds);
-    setBatchLoading(true);
-    try {
-      const result = await batchMarkAssets({
-        asset_ids: ids,
-        smart_view: batchSmartView,
-      });
-      setOperationResult(result);
-      setOperationTitle("批量智能标记");
-      setResultDrawerOpen(true);
-      setMarkModalOpen(false);
-      queryClient.invalidateQueries({ queryKey: ["assets"] });
-      setSelectedIds(new Set());
-      const labelMap = {
-        recommended: "推荐",
-        caution: "慎用",
-        high_risk: "高风险",
-      };
-      if (result.failure_count === 0) {
-        message.success(
-          `成功将 ${result.success_count} 个素材标记为「${labelMap[batchSmartView]}」`,
-        );
-      } else {
-        message.warning(
-          `智能标记完成：成功 ${result.success_count} 个，失败 ${result.failure_count} 个`,
-        );
-      }
-    } catch {
-      message.error("批量智能标记失败，请重试");
-    } finally {
-      setBatchLoading(false);
-    }
-  };
-
-  /* 标签输入处理 */
-  const handleTagInputKeyDown = (e: React.KeyboardEvent) => {
-    if (e.key === "Enter" && batchTagInput.trim()) {
-      e.preventDefault();
-      const tag = batchTagInput.trim();
-      if (!batchTags.includes(tag)) {
-        setBatchTags([...batchTags, tag]);
-      }
-      setBatchTagInput("");
-    }
-  };
-
-  const removeBatchTag = (tag: string) => {
-    setBatchTags(batchTags.filter((t) => t !== tag));
+    queryClient.invalidateQueries({ queryKey: ["assets"] });
+    queryClient.invalidateQueries({ queryKey: ["asset-libraries"] });
+    setSelectedIds(new Set());
+    message.success(`已删除 ${successCount}/${ids.length} 个素材`);
   };
 
   // ── Loading 状态 ──
@@ -949,30 +769,6 @@ const AssetLibrary: React.FC = () => {
               <Button buttonType="ghost" buttonSize="sm" onClick={deselectAll}>
                 取消选择
               </Button>
-              <Button
-                buttonType="ghost"
-                buttonSize="sm"
-                icon={<TagsOutlined />}
-                onClick={() => setTagModalOpen(true)}
-              >
-                打标签
-              </Button>
-              <Button
-                buttonType="ghost"
-                buttonSize="sm"
-                icon={<FolderOutlined />}
-                onClick={() => setClassifyModalOpen(true)}
-              >
-                改分类
-              </Button>
-              <Button
-                buttonType="ghost"
-                buttonSize="sm"
-                icon={<ThunderboltOutlined />}
-                onClick={() => setMarkModalOpen(true)}
-              >
-                智能标记
-              </Button>
               <Popconfirm
                 title={`确定删除 ${selectedIds.size} 个素材？`}
                 onConfirm={handleBatchDelete}
@@ -1102,207 +898,6 @@ const AssetLibrary: React.FC = () => {
           </div>
         )}
       </AntModal>
-
-      {/* ─── 批量打标签弹窗 ─── */}
-      <AntModal
-        title={`批量打标签（${selectedIds.size} 个素材）`}
-        open={tagModalOpen}
-        onCancel={() => {
-          setTagModalOpen(false);
-          setBatchTags([]);
-          setBatchTagInput("");
-        }}
-        onOk={handleBatchTag}
-        confirmLoading={batchLoading}
-        okText="确认打标签"
-        cancelText="取消"
-      >
-        <div className="xx-batch-tag-modal">
-          <div className="xx-batch-tag-mode">
-            <span className="xx-batch-tag-mode-label">模式：</span>
-            <Radio.Group
-              value={tagMode}
-              onChange={(e) => setTagMode(e.target.value)}
-            >
-              <Radio value="add">追加标签</Radio>
-              <Radio value="replace">替换全部标签</Radio>
-            </Radio.Group>
-          </div>
-          <div className="xx-batch-tag-input-row">
-            <AntInput
-              placeholder="输入标签后按 Enter 添加"
-              value={batchTagInput}
-              onChange={(e) => setBatchTagInput(e.target.value)}
-              onKeyDown={handleTagInputKeyDown}
-              style={{ flex: 1 }}
-            />
-          </div>
-          {batchTags.length > 0 && (
-            <div className="xx-batch-tag-list">
-              {batchTags.map((tag) => (
-                <Tag
-                  key={tag}
-                  closable
-                  onClose={() => removeBatchTag(tag)}
-                  color="blue"
-                >
-                  {tag}
-                </Tag>
-              ))}
-            </div>
-          )}
-          {tagMode === "replace" && batchTags.length > 0 && (
-            <div className="xx-batch-tag-warning">
-              <ExclamationCircleOutlined /> 替换模式将清除素材原有全部标签
-            </div>
-          )}
-        </div>
-      </AntModal>
-
-      {/* ─── 批量改分类弹窗 ─── */}
-      <AntModal
-        title={`批量改分类（${selectedIds.size} 个素材）`}
-        open={classifyModalOpen}
-        onCancel={() => {
-          setClassifyModalOpen(false);
-          setBatchCategory("");
-        }}
-        onOk={handleBatchClassify}
-        confirmLoading={batchLoading}
-        okText="确认修改"
-        cancelText="取消"
-      >
-        <div className="xx-batch-classify-modal">
-          <p className="xx-batch-classify-hint">
-            将选中的 {selectedIds.size} 个素材统一修改为以下分类：
-          </p>
-          <AntSelect
-            value={batchCategory || undefined}
-            onChange={(v) => setBatchCategory(v)}
-            placeholder="请选择分类"
-            style={{ width: "100%" }}
-            options={[
-              { value: "person", label: "人物" },
-              { value: "scenic", label: "风景" },
-              { value: "product", label: "产品" },
-              { value: "food", label: "美食" },
-              { value: "animal", label: "动物" },
-              { value: "architecture", label: "建筑" },
-              { value: "other", label: "其他" },
-            ]}
-          />
-        </div>
-      </AntModal>
-
-      {/* ─── 批量智能标记弹窗 ─── */}
-      <AntModal
-        title={`批量智能标记（${selectedIds.size} 个素材）`}
-        open={markModalOpen}
-        onCancel={() => setMarkModalOpen(false)}
-        onOk={handleBatchMark}
-        confirmLoading={batchLoading}
-        okText="确认标记"
-        cancelText="取消"
-      >
-        <div className="xx-batch-mark-modal">
-          <p className="xx-batch-mark-hint">
-            将选中的 {selectedIds.size} 个素材标记为：
-          </p>
-          <Radio.Group
-            value={batchSmartView}
-            onChange={(e) => setBatchSmartView(e.target.value)}
-            className="xx-batch-mark-options"
-          >
-            <div className="xx-batch-mark-option">
-              <Radio value="recommended">
-                <Tag color="success">推荐</Tag>
-                <span className="xx-batch-mark-desc">
-                  质量优良，可直接用于生产
-                </span>
-              </Radio>
-            </div>
-            <div className="xx-batch-mark-option">
-              <Radio value="caution">
-                <Tag color="warning">慎用</Tag>
-                <span className="xx-batch-mark-desc">
-                  存在一定问题，需人工审核后再使用
-                </span>
-              </Radio>
-            </div>
-            <div className="xx-batch-mark-option">
-              <Radio value="high_risk">
-                <Tag color="error">高风险</Tag>
-                <span className="xx-batch-mark-desc">
-                  存在严重问题，不建议使用
-                </span>
-              </Radio>
-            </div>
-          </Radio.Group>
-        </div>
-      </AntModal>
-
-      {/* ─── 操作结果 Drawer ─── */}
-      <Drawer
-        title={`${operationTitle} — 操作结果`}
-        open={resultDrawerOpen}
-        onClose={() => {
-          setResultDrawerOpen(false);
-          setOperationResult(null);
-        }}
-        width={420}
-      >
-        {operationResult && (
-          <div className="xx-batch-result">
-            <div className="xx-batch-result-summary">
-              <div className="xx-batch-result-stat">
-                <span className="xx-batch-result-total">
-                  总计 {operationResult.total} 个
-                </span>
-              </div>
-              <div className="xx-batch-result-stat success">
-                <CheckCircleOutlined />
-                <span>成功 {operationResult.success_count} 个</span>
-              </div>
-              {operationResult.failure_count > 0 && (
-                <div className="xx-batch-result-stat fail">
-                  <CloseCircleOutlined />
-                  <span>失败 {operationResult.failure_count} 个</span>
-                </div>
-              )}
-            </div>
-
-            {operationResult.succeeded.length > 0 && (
-              <div className="xx-batch-result-section">
-                <h4 className="xx-batch-result-section-title success">
-                  <CheckCircleOutlined /> 成功列表
-                </h4>
-                <div className="xx-batch-result-ids">
-                  {operationResult.succeeded.map((id) => (
-                    <div key={id} className="xx-batch-result-id">
-                      {id}
-                    </div>
-                  ))}
-                </div>
-              </div>
-            )}
-
-            {operationResult.failed.length > 0 && (
-              <div className="xx-batch-result-section">
-                <h4 className="xx-batch-result-section-title fail">
-                  <CloseCircleOutlined /> 失败列表
-                </h4>
-                <div className="xx-batch-result-ids">
-                  {operationResult.failed.map((id) => (
-                    <div key={id} className="xx-batch-result-id fail">
-                      {id}
-                    </div>
-                  ))}
-                </div>
-              </div>
-            )}
-          </div>
-        )}
-      </Drawer>
     </div>
   );
 };

apps/web/src/pages/assets/assets.css

@@ -653,175 +653,3 @@
   font-size: 13px;
   color: var(--text-secondary, #6b7280);
 }
-
-/* ─── 批量打标签弹窗 ─── */
-
-.xx-batch-tag-modal {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.xx-batch-tag-mode {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.xx-batch-tag-mode-label {
-  font-size: 14px;
-  color: var(--text-primary, #111827);
-  font-weight: 500;
-}
-
-.xx-batch-tag-input-row {
-  display: flex;
-  gap: 8px;
-}
-
-.xx-batch-tag-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.xx-batch-tag-warning {
-  padding: 10px 12px;
-  background: #fff7ed;
-  border: 1px solid #fed7aa;
-  border-radius: var(--radius-md, 8px);
-  color: #c2410c;
-  font-size: 13px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-/* ─── 批量改分类弹窗 ─── */
-
-.xx-batch-classify-modal {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.xx-batch-classify-hint {
-  font-size: 14px;
-  color: var(--text-secondary, #6b7280);
-  margin: 0;
-}
-
-/* ─── 批量智能标记弹窗 ─── */
-
-.xx-batch-mark-modal {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.xx-batch-mark-hint {
-  font-size: 14px;
-  color: var(--text-secondary, #6b7280);
-  margin: 0;
-}
-
-.xx-batch-mark-options {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.xx-batch-mark-option {
-  display: flex;
-  flex-direction: column;
-}
-
-.xx-batch-mark-desc {
-  margin-left: 8px;
-  font-size: 13px;
-  color: var(--text-secondary, #6b7280);
-}
-
-/* ─── 操作结果 Drawer ─── */
-
-.xx-batch-result {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-
-.xx-batch-result-summary {
-  display: flex;
-  gap: 16px;
-  padding: 16px;
-  background: var(--bg-secondary, #f9fafb);
-  border-radius: var(--radius-md, 8px);
-}
-
-.xx-batch-result-stat {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 14px;
-  color: var(--text-primary, #111827);
-}
-
-.xx-batch-result-stat.success {
-  color: #059669;
-}
-
-.xx-batch-result-stat.fail {
-  color: #dc2626;
-}
-
-.xx-batch-result-total {
-  font-weight: 600;
-}
-
-.xx-batch-result-section {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.xx-batch-result-section-title {
-  font-size: 14px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin: 0;
-}
-
-.xx-batch-result-section-title.success {
-  color: #059669;
-}
-
-.xx-batch-result-section-title.fail {
-  color: #dc2626;
-}
-
-.xx-batch-result-ids {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  max-height: 300px;
-  overflow-y: auto;
-}
-
-.xx-batch-result-id {
-  padding: 6px 10px;
-  background: var(--bg-surface, #fff);
-  border: 1px solid var(--border-primary, #e5e7eb);
-  border-radius: var(--radius-sm, 4px);
-  font-size: 12px;
-  font-family: monospace;
-  color: var(--text-secondary, #6b7280);
-  word-break: break-all;
-}
-
-.xx-batch-result-id.fail {
-  border-color: #fecaca;
-  background: #fef2f2;
-  color: #dc2626;
-}

apps/web/src/pages/dashboard/Dashboard.tsx

@@ -1,97 +1,451 @@
 /**
  * 控制台页面 — V21 设计系统
  * KPI 卡片网格 + 快速入口 + 最近任务卡片列表 + 使用统计图表 + 公告
- * CSS 变量，V21 组件
+ * 使用 mock 数据，CSS 变量，V21 组件
  */
 import React from "react";
 import { useNavigate } from "react-router-dom";
-import { Button } from "@/components/ui";
-import { DatabaseOutlined } from "@ant-design/icons";
+import { Button, Tag } from "@/components/ui";
+import {
+  VideoCameraOutlined,
+  AppstoreOutlined,
+  ThunderboltOutlined,
+  DatabaseOutlined,
+  FileTextOutlined,
+} from "@ant-design/icons";
 import "./dashboard.css";
 
-/* ── 主组件 ─────────────────────────────────────────────── */
+/* ============================================================
+ * Mock 数据
+ * ============================================================ */
+interface KpiItem {
+  key: string;
+  icon: string;
+  iconGradient: string;
+  value: string;
+  label: string;
+  trend: string;
+  trendDirection: "up" | "down" | "neutral";
+  accent: string;
+}
 
+const kpiData: KpiItem[] = [
+  {
+    key: "projects",
+    icon: "video",
+    iconGradient: "linear-gradient(135deg, #6366f1, #4f46e5)",
+    value: "12",
+    label: "项目总数",
+    trend: "↑ 2 本月新增",
+    trendDirection: "up",
+    accent: "#6366f1",
+  },
+  {
+    key: "assets",
+    icon: "appstore",
+    iconGradient: "linear-gradient(135deg, #0ea5e9, #0284c7)",
+    value: "486",
+    label: "素材总数",
+    trend: "↑ 38 本月上传",
+    trendDirection: "up",
+    accent: "#0ea5e9",
+  },
+  {
+    key: "generations",
+    icon: "thunderbolt",
+    iconGradient: "linear-gradient(135deg, #10b981, #059669)",
+    value: "156",
+    label: "本月生成数",
+    trend: "↑ 23% 较上月",
+    trendDirection: "up",
+    accent: "#10b981",
+  },
+  {
+    key: "storage",
+    icon: "database",
+    iconGradient: "linear-gradient(135deg, #f59e0b, #d97706)",
+    value: "2.4GB",
+    label: "存储空间",
+    trend: "已用 24%",
+    trendDirection: "neutral",
+    accent: "#f59e0b",
+  },
+];
+
+interface QuickEntry {
+  id: string;
+  icon: string;
+  iconGradient: string;
+  title: string;
+  description: string;
+  path: string;
+}
+
+const quickEntries: QuickEntry[] = [
+  {
+    id: "titles",
+    icon: "filetext",
+    iconGradient: "linear-gradient(135deg, #6366f1, #4f46e5)",
+    title: "标题库",
+    description: "24条标题 · 5个分类",
+    path: "/app/titles",
+  },
+  {
+    id: "assets",
+    icon: "appstore",
+    iconGradient: "linear-gradient(135deg, #0ea5e9, #0284c7)",
+    title: "素材库",
+    description: "486个素材 · 3个素材库",
+    path: "/app/assets",
+  },
+  {
+    id: "generate",
+    icon: "thunderbolt",
+    iconGradient: "linear-gradient(135deg, #10b981, #059669)",
+    title: "一键生成",
+    description: "开始创作新视频",
+    path: "/app/generate",
+  },
+  {
+    id: "products",
+    icon: "video",
+    iconGradient: "linear-gradient(135deg, #f59e0b, #d97706)",
+    title: "成片库",
+    description: "89个成片 · 3个待复核",
+    path: "/app/products",
+  },
+];
+
+type TaskStatus = "completed" | "processing" | "pending" | "failed";
+
+interface RecentTask {
+  id: string;
+  name: string;
+  type: string;
+  template: string;
+  status: TaskStatus;
+  date: string;
+  duration?: string;
+}
+
+const statusLabel: Record<TaskStatus, string> = {
+  completed: "已完成",
+  processing: "进行中",
+  pending: "排队中",
+  failed: "失败",
+};
+
+const recentTasks: RecentTask[] = [
+  {
+    id: "t-1",
+    name: "产品介绍视频_春季促销",
+    type: "视频生成",
+    template: "商品展示模板",
+    status: "completed",
+    date: "2026-07-01 09:30",
+    duration: "2分18秒",
+  },
+  {
+    id: "t-2",
+    name: "品牌宣传片_终版",
+    type: "视频生成",
+    template: "品牌宣传模板",
+    status: "processing",
+    date: "2026-07-01 10:15",
+  },
+  {
+    id: "t-3",
+    name: "用户评价合集",
+    type: "视频生成",
+    template: "评价展示模板",
+    status: "completed",
+    date: "2026-06-30 16:42",
+    duration: "1分45秒",
+  },
+  {
+    id: "t-4",
+    name: "新品发布预告",
+    type: "视频生成",
+    template: "新品预告模板",
+    status: "pending",
+    date: "2026-06-30 14:20",
+  },
+  {
+    id: "t-5",
+    name: "活动回顾_618大促",
+    type: "视频生成",
+    template: "活动回顾模板",
+    status: "failed",
+    date: "2026-06-29 11:05",
+  },
+];
+
+interface ChartItem {
+  label: string;
+  value: number;
+}
+
+const weeklyData: ChartItem[] = [
+  { label: "周一", value: 18 },
+  { label: "周二", value: 25 },
+  { label: "周三", value: 32 },
+  { label: "周四", value: 28 },
+  { label: "周五", value: 42 },
+  { label: "周六", value: 15 },
+  { label: "周日", value: 8 },
+];
+
+interface Announcement {
+  id: string;
+  tag: "update" | "notice" | "activity";
+  tagLabel: string;
+  title: string;
+  date: string;
+}
+
+const announcements: Announcement[] = [
+  {
+    id: "a-1",
+    tag: "update",
+    tagLabel: "更新",
+    title: "系统已升级至 v2.0，新增批量生成功能",
+    date: "2026-07-01",
+  },
+  {
+    id: "a-2",
+    tag: "activity",
+    tagLabel: "活动",
+    title: "7月创作挑战赛已开启，参与赢积分奖励",
+    date: "2026-06-28",
+  },
+  {
+    id: "a-3",
+    tag: "notice",
+    tagLabel: "公告",
+    title: "7月3日凌晨 2:00-4:00 系统维护通知",
+    date: "2026-06-25",
+  },
+];
+
+/* ============================================================
+ * 工具函数
+ * ============================================================ */
+const getGreeting = () => {
+  const hour = new Date().getHours();
+  if (hour < 6) return "夜深了";
+  if (hour < 12) return "早上好";
+  if (hour < 14) return "中午好";
+  if (hour < 18) return "下午好";
+  return "晚上好";
+};
+
+const formatDate = () => {
+  const d = new Date();
+  const weekDays = ["日", "一", "二", "三", "四", "五", "六"];
+  return `${d.getFullYear()}年${d.getMonth() + 1}月${d.getDate()}日 星期${weekDays[d.getDay()]}`;
+};
+
+/** 图标名称 → Ant Design 组件映射 */
+const iconMap: Record<string, React.ReactNode> = {
+  video: <VideoCameraOutlined />,
+  appstore: <AppstoreOutlined />,
+  thunderbolt: <ThunderboltOutlined />,
+  database: <DatabaseOutlined />,
+  filetext: <FileTextOutlined />,
+};
+
+/* ============================================================
+ * 组件
+ * ============================================================ */
 const Dashboard: React.FC = () => {
   const navigate = useNavigate();
 
+  const maxChart = Math.max(...weeklyData.map((d) => d.value));
+
   return (
     <div className="xx-dashboard-page">
-      {/* KPI 卡片网格 */}
+      {/* ── 欢迎头部 ─────────────────────────────────────────── */}
+      <div className="xx-dashboard-welcome">
+        <h2>{getGreeting()}，创作者</h2>
+        <p>{formatDate()} — 欢迎回到小小剪辑控制台</p>
+      </div>
+
+      {/* ── KPI 卡片网格 ─────────────────────────────────────── */}
       <div className="xx-kpi-grid">
-        <div className="xx-dashboard-empty">
-          <p>暂无统计数据</p>
+        {kpiData.map((item) => (
+          <div
+            key={item.key}
+            className="xx-kpi-card"
+            style={{ "--kpi-accent": item.accent } as React.CSSProperties}
+          >
+            <div
+              className="xx-kpi-icon"
+              style={{ background: item.iconGradient }}
+            >
+              {iconMap[item.icon] ?? item.icon}
+            </div>
+            <div className="xx-kpi-value">{item.value}</div>
+            <div className="xx-kpi-label">{item.label}</div>
+            <span
+              className={`xx-kpi-trend xx-kpi-trend--${item.trendDirection}`}
+            >
+              {item.trend}
+            </span>
+          </div>
+        ))}
+      </div>
+
+      {/* ── 主内容区：左侧任务+图表 / 右侧公告 ──────────────── */}
+      <div className="xx-dashboard-main">
+        {/* 左列 */}
+        <div className="xx-dashboard-left-col">
+          {/* 最近任务 */}
+          <div className="xx-dashboard-section">
+            <div className="xx-dashboard-section-header">
+              <h3>最近任务</h3>
+              <button onClick={() => navigate("/app/history")}>查看全部</button>
+            </div>
+            <div className="xx-task-list">
+              {recentTasks.map((task) => (
+                <div key={task.id} className="xx-task-item">
+                  <div className="xx-task-info">
+                    <h4>{task.name}</h4>
+                    <span>
+                      {task.type} · 模板：{task.template}
+                    </span>
+                  </div>
+                  <Tag
+                    variant={
+                      task.status === "completed"
+                        ? "success"
+                        : task.status === "processing"
+                          ? "info"
+                          : task.status === "failed"
+                            ? "error"
+                            : "warning"
+                    }
+                  >
+                    {statusLabel[task.status]}
+                  </Tag>
+                  <div className="xx-task-time">
+                    <span>{task.date}</span>
+                    {task.status === "completed"
+                      ? `耗时 ${task.duration}`
+                      : task.status === "processing"
+                        ? "生成中..."
+                        : task.status === "failed"
+                          ? "请重试"
+                          : "等待中"}
+                  </div>
+                  <div className="xx-task-action">
+                    <Button
+                      buttonType="ghost"
+                      buttonSize="sm"
+                      onClick={() => navigate("/app/history")}
+                    >
+                      查看
+                    </Button>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          {/* 使用统计图表 */}
+          <div className="xx-dashboard-section">
+            <div className="xx-dashboard-section-header">
+              <h3>本周生成趋势</h3>
+              <span className="xx-chart-total">
+                共 {weeklyData.reduce((s, d) => s + d.value, 0)} 次
+              </span>
+            </div>
+            <div className="xx-chart-container">
+              <div className="xx-chart-bars">
+                {weeklyData.map((d, i) => (
+                  <div key={i} className="xx-chart-bar-wrapper">
+                    <div
+                      className="xx-chart-bar"
+                      style={{
+                        height: `${(d.value / maxChart) * 100}%`,
+                      }}
+                    >
+                      <span className="xx-chart-bar-value">{d.value}</span>
+                    </div>
+                  </div>
+                ))}
+              </div>
+              <div className="xx-chart-labels">
+                {weeklyData.map((d, i) => (
+                  <div key={i} className="xx-chart-label">
+                    {d.label}
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* 右列 — 公告 + 存储用量 */}
+        <div className="xx-dashboard-section xx-dashboard-section--start">
+          <div className="xx-dashboard-section-header">
+            <h3>系统公告</h3>
+          </div>
+          <div className="xx-announcement-list">
+            {announcements.map((a) => (
+              <div key={a.id} className="xx-announcement-item">
+                <span
+                  className={`xx-announcement-tag xx-announcement-tag--${a.tag}`}
+                >
+                  {a.tagLabel}
+                </span>
+                <div className="xx-announcement-content">
+                  <h4>{a.title}</h4>
+                  <time>{a.date}</time>
+                </div>
+              </div>
+            ))}
+          </div>
+
+          {/* 存储用量 */}
+          <div className="xx-storage-section">
+            <div className="xx-storage-section-title">存储用量</div>
+            <div className="xx-storage-bar">
+              <div className="xx-storage-bar-track">
+                <div className="xx-storage-bar-fill" style={{ width: "24%" }} />
+              </div>
+              <div className="xx-storage-bar-label">
+                <span>2.4 GB 已用</span>
+                <span>10 GB 总量</span>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
 
-      {/* 快速入口 */}
+      {/* ── 快速入口 ─────────────────────────────────────────── */}
       <div className="xx-quick-entry-section">
         <div className="xx-quick-entry-header">
           <h3 className="xx-quick-entry-title">快速入口</h3>
         </div>
         <div className="xx-quick-grid">
-          <div className="xx-dashboard-empty">
-            <p>暂无快速入口</p>
-          </div>
+          {quickEntries.map((entry) => (
+            <div
+              key={entry.id}
+              className="xx-quick-card"
+              onClick={() => navigate(entry.path)}
+            >
+              <div
+                className="xx-quick-card-icon"
+                style={{ background: entry.iconGradient }}
+              >
+                {iconMap[entry.icon] ?? entry.icon}
+              </div>
+              <h3>{entry.title}</h3>
+              <p>{entry.description}</p>
+            </div>
+          ))}
         </div>
       </div>
-
-      {/* 最近任务 */}
-      <section className="xx-dashboard-section">
-        <div className="xx-dashboard-section-header">
-          <h3>最近任务</h3>
-          <Button
-            buttonType="ghost"
-            buttonSize="sm"
-            onClick={() => navigate("/app/history")}
-          >
-            查看全部
-          </Button>
-        </div>
-        <div className="xx-task-list">
-          <div className="xx-dashboard-empty">
-            <p>暂无最近任务</p>
-          </div>
-        </div>
-      </section>
-
-      {/* 使用统计 */}
-      <section
-        className="xx-dashboard-section"
-        style={{ marginTop: "var(--space-md)" }}
-      >
-        <div className="xx-dashboard-section-header">
-          <h3>使用统计</h3>
-        </div>
-        <div className="xx-chart-container">
-          <div className="xx-chart-bars">
-            <div className="xx-dashboard-empty" style={{ width: "100%" }}>
-              <DatabaseOutlined style={{ fontSize: 24, marginBottom: 8 }} />
-              <p>暂无统计数据</p>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      {/* 公告 */}
-      <section
-        className="xx-dashboard-section"
-        style={{ marginTop: "var(--space-md)" }}
-      >
-        <div className="xx-dashboard-section-header">
-          <h3>公告</h3>
-        </div>
-        <div className="xx-announcement-list">
-          <div className="xx-announcement-item">
-            <span className="xx-announcement-tag xx-announcement-tag--notice">
-              官方
-            </span>
-            <div className="xx-announcement-content">
-              <h4>欢迎使用小应 SaaS 平台</h4>
-              <time>当前为演示版本，部分功能正在开发中。</time>
-            </div>
-          </div>
-        </div>
-      </section>
     </div>
   );
 };

apps/web/src/pages/dashboard/dashboard.css

@@ -1,6 +1,6 @@
 /**
  * 控制台页面 - V21 设计系统样式
- * KPI 卡片网格 + 快速入口 + 最近任务 + 使用统计图表 + 公告
+ * KPI 卡片网格 + 快速入口 + 最近任务卡片列表 + 使用统计图表 + 公告
  * 统一使用 CSS 变量，支持深色/浅色主题
  */
 @import "../../styles/global.css";
@@ -13,6 +13,26 @@
   padding: var(--space-xl);
 }
 
+/* ============================================================
+   欢迎头部
+   ============================================================ */
+.xx-dashboard-welcome {
+  margin-bottom: var(--space-lg);
+}
+
+.xx-dashboard-welcome h2 {
+  margin: 0 0 var(--space-xs);
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-bold);
+  color: var(--text-primary);
+}
+
+.xx-dashboard-welcome p {
+  margin: 0;
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+}
+
 /* ============================================================
    KPI 卡片网格
    ============================================================ */
@@ -23,6 +43,76 @@
   margin-bottom: var(--space-lg);
 }
 
+.xx-kpi-card {
+  background: linear-gradient(180deg, var(--bg-primary), var(--bg-secondary));
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-lg);
+  padding: 20px;
+  transition: 0.18s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.xx-kpi-card:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-sm);
+}
+
+.xx-kpi-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: var(--radius-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--font-size-lg);
+  margin-bottom: var(--space-sm);
+}
+
+.xx-kpi-value {
+  font-size: 30px;
+  font-weight: 800;
+  color: var(--text-primary);
+  line-height: 1.2;
+  margin-bottom: var(--space-xs);
+}
+
+.xx-kpi-label {
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+  margin-bottom: var(--space-sm);
+}
+
+.xx-kpi-trend {
+  font-size: 12px;
+  margin-top: 8px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.xx-kpi-trend--up {
+  color: var(--success-color);
+}
+
+.xx-kpi-trend--down {
+  color: var(--error-color);
+}
+
+.xx-kpi-trend--neutral {
+  color: var(--text-tertiary);
+}
+
+/* ============================================================
+   主内容区两栏布局
+   ============================================================ */
+.xx-dashboard-main {
+  display: grid;
+  grid-template-columns: 1fr 320px;
+  gap: var(--space-md);
+  margin-bottom: var(--space-lg);
+}
+
 /* ============================================================
    区块卡片
    ============================================================ */
@@ -71,25 +161,7 @@
 }
 
 /* ============================================================
-   空状态
-   ============================================================ */
-.xx-dashboard-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: var(--space-xl) var(--space-md);
-  text-align: center;
-  color: var(--text-tertiary);
-}
-
-.xx-dashboard-empty p {
-  margin: 0;
-  font-size: var(--font-size-sm);
-}
-
-/* ============================================================
-   最近任务列表
+   最近任务卡片列表
    ============================================================ */
 .xx-task-list {
   display: flex;
@@ -97,6 +169,86 @@
   gap: var(--space-sm);
 }
 
+.xx-task-item {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-md);
+  padding: var(--space-sm) var(--space-md);
+  display: grid;
+  grid-template-columns: 1fr auto auto auto;
+  gap: var(--space-md);
+  align-items: center;
+  transition: var(--transition-all);
+}
+
+.xx-task-item:hover {
+  border-color: var(--primary-color);
+  box-shadow: var(--shadow-sm);
+}
+
+.xx-task-info h4 {
+  margin: 0 0 var(--space-xs);
+  font-size: var(--font-size-sm);
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.xx-task-info span {
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+}
+
+.xx-task-status {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-xs);
+  padding: 3px 10px;
+  border-radius: var(--radius-sm);
+  font-size: var(--font-size-xs);
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.xx-task-status--completed {
+  color: var(--success-color);
+  background: var(--success-soft);
+  border: 1px solid var(--success-border);
+}
+
+.xx-task-status--processing {
+  color: var(--info-color);
+  background: var(--primary-soft);
+  border: 1px solid var(--color-primary-200);
+}
+
+.xx-task-status--pending {
+  color: var(--text-secondary);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+}
+
+.xx-task-status--failed {
+  color: var(--error-color);
+  background: var(--error-soft);
+  border: 1px solid var(--error-border);
+}
+
+.xx-task-time {
+  text-align: right;
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+  min-width: 100px;
+}
+
+.xx-task-time span {
+  display: block;
+  margin-bottom: var(--space-xxs);
+}
+
+.xx-task-action {
+  font-size: var(--font-size-xs);
+}
+
 /* ============================================================
    使用统计图表（纯 CSS 柱状图）
    ============================================================ */
@@ -112,27 +264,69 @@
   padding-top: var(--space-sm);
 }
 
-/* ============================================================
-   快速入口
-   ============================================================ */
-.xx-quick-entry-section {
-  margin-bottom: var(--space-md);
-}
-
-.xx-quick-entry-header {
+.xx-chart-bar-wrapper {
+  flex: 1;
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: space-between;
-  margin-bottom: var(--space-md);
+  height: 100%;
+  justify-content: flex-end;
 }
 
-.xx-quick-entry-title {
-  margin: 0;
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-semibold);
+.xx-chart-bar {
+  width: 100%;
+  max-width: 36px;
+  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
+  background: var(--gradient-primary);
+  transition: height 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
+  position: relative;
+  min-height: 4px;
+  cursor: pointer;
+}
+
+.xx-chart-bar:hover {
+  opacity: 0.85;
+}
+
+.xx-chart-bar:active {
+  opacity: 0.7;
+  transform: scaleY(0.97);
+  transform-origin: bottom;
+}
+
+.xx-chart-bar-value {
+  position: absolute;
+  top: -20px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: var(--font-size-xs);
+  font-weight: 600;
   color: var(--text-primary);
+  white-space: nowrap;
+  opacity: 0;
+  transition: var(--transition-opacity);
 }
 
+.xx-chart-bar:hover .xx-chart-bar-value {
+  opacity: 1;
+}
+
+.xx-chart-labels {
+  display: flex;
+  gap: var(--space-sm);
+  margin-top: var(--space-sm);
+}
+
+.xx-chart-label {
+  flex: 1;
+  text-align: center;
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+}
+
+/* ============================================================
+   快速入口卡片网格
+   ============================================================ */
 .xx-quick-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -140,6 +334,53 @@
   margin-bottom: var(--space-lg);
 }
 
+.xx-quick-card {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-lg);
+  padding: var(--space-lg);
+  cursor: pointer;
+  transition: var(--transition-all);
+  text-align: center;
+}
+
+.xx-quick-card:hover {
+  border-color: var(--primary-color);
+  box-shadow: var(--shadow-md);
+  transform: translateY(-2px);
+}
+
+.xx-quick-card:active {
+  transform: translateY(0) scale(0.98);
+  box-shadow: var(--shadow-sm);
+  transition-duration: 0.1s;
+}
+
+.xx-quick-card-icon {
+  width: 52px;
+  height: 52px;
+  border-radius: var(--radius-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--font-size-xl);
+  margin: 0 auto var(--space-md);
+  color: var(--text-inverse);
+}
+
+.xx-quick-card h3 {
+  margin: 0 0 var(--space-sm);
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-primary);
+}
+
+.xx-quick-card p {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: var(--font-size-sm);
+}
+
 /* ============================================================
    公告区域
    ============================================================ */
@@ -210,10 +451,90 @@
   color: var(--text-secondary);
 }
 
+/* ============================================================
+   存储用量条
+   ============================================================ */
+.xx-storage-bar {
+  margin-top: var(--space-sm);
+}
+
+.xx-storage-bar-track {
+  height: var(--space-sm);
+  background: var(--bg-secondary);
+  border-radius: var(--space-xs);
+  overflow: hidden;
+}
+
+.xx-storage-bar-fill {
+  height: 100%;
+  border-radius: var(--space-xs);
+  background: var(--gradient-primary);
+  transition: width 0.6s ease;
+}
+
+.xx-storage-bar-label {
+  display: flex;
+  justify-content: space-between;
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+  margin-top: var(--space-xs);
+}
+
+/* ============================================================
+   迁移自内联样式的工具类
+   ============================================================ */
+.xx-dashboard-left-col {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-md);
+}
+
+.xx-chart-total {
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+}
+
+.xx-dashboard-section--start {
+  align-self: start;
+}
+
+.xx-storage-section {
+  margin-top: var(--space-md);
+}
+
+.xx-storage-section-title {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-primary);
+  margin-bottom: 4px;
+}
+
+.xx-quick-entry-section {
+  margin-bottom: var(--space-md);
+}
+
+.xx-quick-entry-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--space-md);
+}
+
+.xx-quick-entry-title {
+  margin: 0;
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-primary);
+}
+
 /* ============================================================
    响应式
    ============================================================ */
 @media (max-width: 1200px) {
+  .xx-dashboard-main {
+    grid-template-columns: 1fr;
+  }
+
   .xx-kpi-grid {
     grid-template-columns: repeat(2, 1fr);
   }
@@ -236,6 +557,15 @@
     grid-template-columns: 1fr;
   }
 
+  .xx-task-item {
+    grid-template-columns: 1fr;
+    gap: var(--space-sm);
+  }
+
+  .xx-task-time {
+    text-align: left;
+  }
+
   .xx-chart-bars {
     height: 120px;
   }

apps/web/src/pages/edit-plans/EditPlans.tsx

@@ -1,433 +0,0 @@
-/**
- * 剪辑计划管理页面
- * 展示用户的所有剪辑计划，支持状态筛选、模板筛选、分页、一键重新生成
- */
-import { useState, useCallback } from "react";
-import { useNavigate } from "react-router-dom";
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import {
-  Table,
-  Tabs,
-  Select,
-  Tag,
-  Button,
-  message,
-  Popconfirm,
-  Tooltip,
-} from "antd";
-import {
-  CheckCircleOutlined,
-  ClockCircleOutlined,
-  SyncOutlined,
-  CloseCircleOutlined,
-  EditOutlined,
-  DeleteOutlined,
-  FileTextOutlined,
-  ThunderboltOutlined,
-} from "@ant-design/icons";
-import type { ColumnsType } from "antd/es/table";
-import {
-  getEditPlans,
-  deleteEditPlan,
-  generateEditPlan,
-  type EditPlan,
-  type EditPlanStatus,
-  type EditPlanListParams,
-} from "@/api/editPlans";
-import { getTemplatesList, type TemplateItem } from "@/api/templates";
-import "./edit-plans.css";
-
-/* ──────────── 常量 ──────────── */
-
-/** 状态 Tab 配置 */
-const STATUS_TABS: { key: EditPlanStatus | "all"; label: string }[] = [
-  { key: "all", label: "全部" },
-  { key: "draft", label: "草稿" },
-  { key: "editing", label: "编辑中" },
-  { key: "rendering", label: "渲染中" },
-  { key: "completed", label: "已完成" },
-  { key: "failed", label: "失败" },
-];
-
-/** 状态标签配置 */
-const STATUS_CONFIG: Record<
-  EditPlanStatus,
-  { label: string; color: string; icon: React.ReactNode }
-> = {
-  draft: {
-    label: "草稿",
-    color: "default",
-    icon: <FileTextOutlined />,
-  },
-  editing: {
-    label: "编辑中",
-    color: "processing",
-    icon: <EditOutlined />,
-  },
-  rendering: {
-    label: "渲染中",
-    color: "warning",
-    icon: <SyncOutlined spin />,
-  },
-  completed: {
-    label: "已完成",
-    color: "success",
-    icon: <CheckCircleOutlined />,
-  },
-  failed: {
-    label: "失败",
-    color: "error",
-    icon: <CloseCircleOutlined />,
-  },
-};
-
-/* ──────────── 工具函数 ──────────── */
-
-/** 格式化时长 */
-const formatDuration = (seconds: number): string => {
-  if (seconds <= 0) return "-";
-  const m = Math.floor(seconds / 60);
-  const s = seconds % 60;
-  if (m === 0) return `${s}秒`;
-  return `${m}分${s > 0 ? `${s}秒` : ""}`;
-};
-
-/** 格式化时间 */
-const formatTime = (dateStr?: string | null): string => {
-  if (!dateStr) return "-";
-  const date = new Date(dateStr);
-  return date.toLocaleString("zh-CN", {
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-  });
-};
-
-/* ──────────── 主组件 ──────────── */
-
-export default function EditPlans() {
-  const navigate = useNavigate();
-  const queryClient = useQueryClient();
-
-  // 筛选状态
-  const [statusFilter, setStatusFilter] = useState<EditPlanStatus | "all">(
-    "all",
-  );
-  const [templateFilter, setTemplateFilter] = useState<string>("all");
-  const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(20);
-
-  // 查询参数
-  const queryParams: EditPlanListParams = {
-    page,
-    page_size: pageSize,
-    ...(statusFilter !== "all" && { status: statusFilter }),
-    ...(templateFilter !== "all" && { template_id: templateFilter }),
-  };
-
-  // 获取剪辑计划列表
-  const {
-    data: planData,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ["edit-plans", queryParams],
-    queryFn: () => getEditPlans(queryParams),
-    refetchInterval: (query) => {
-      // 有进行中的计划时自动刷新
-      const plans = query.state.data?.items ?? [];
-      const hasRunning = plans.some(
-        (p) => p.status === "rendering" || p.status === "editing",
-      );
-      return hasRunning ? 5000 : false;
-    },
-  });
-
-  // 获取模板列表（用于筛选下拉）
-  const { data: templates } = useQuery({
-    queryKey: ["templates-list-simple"],
-    queryFn: getTemplatesList,
-  });
-
-  const plans = planData?.items ?? [];
-  const total = planData?.total ?? 0;
-
-  // 模板名称映射
-  const templateNameMap = new Map<string, string>();
-  (templates ?? []).forEach((t: TemplateItem) => {
-    templateNameMap.set(t.id, t.name);
-  });
-
-  // 删除计划
-  const deleteMutation = useMutation({
-    mutationFn: deleteEditPlan,
-    onSuccess: () => {
-      message.success("剪辑计划已删除");
-      queryClient.invalidateQueries({ queryKey: ["edit-plans"] });
-    },
-    onError: () => {
-      message.error("删除失败，请稍后重试");
-    },
-  });
-
-  // 重新生成
-  const regenerateMutation = useMutation({
-    mutationFn: generateEditPlan,
-    onSuccess: () => {
-      message.success("已重新提交生成");
-      queryClient.invalidateQueries({ queryKey: ["edit-plans"] });
-    },
-    onError: () => {
-      message.error("重新生成失败，请稍后重试");
-    },
-  });
-
-  // 跳转到剪辑编辑器
-  const handleEdit = useCallback(
-    (plan: EditPlan) => {
-      navigate(`/app/editing-planner?planId=${plan.id}`);
-    },
-    [navigate],
-  );
-
-  // 表格列定义
-  const columns: ColumnsType<EditPlan> = [
-    {
-      title: "计划名称",
-      dataIndex: "name",
-      key: "name",
-      width: 240,
-      ellipsis: true,
-      render: (name: string, record: EditPlan) => (
-        <Tooltip title={name}>
-          <span className="plan-name" onClick={() => handleEdit(record)}>
-            {name}
-          </span>
-        </Tooltip>
-      ),
-    },
-    {
-      title: "模板",
-      dataIndex: "template_id",
-      key: "template_id",
-      width: 140,
-      ellipsis: true,
-      render: (templateId: string) => {
-        const name = templateNameMap.get(templateId);
-        return (
-          <Tag color="blue" className="plan-template-tag">
-            {name || templateId.slice(0, 8)}
-          </Tag>
-        );
-      },
-    },
-    {
-      title: "状态",
-      dataIndex: "status",
-      key: "status",
-      width: 120,
-      render: (status: EditPlanStatus) => {
-        const config = STATUS_CONFIG[status] || {
-          label: status,
-          color: "default",
-          icon: null,
-        };
-        return (
-          <Tag
-            color={config.color}
-            icon={config.icon}
-            className="plan-status-tag"
-          >
-            {config.label}
-          </Tag>
-        );
-      },
-    },
-    {
-      title: "时长",
-      dataIndex: "total_duration",
-      key: "total_duration",
-      width: 100,
-      render: (seconds: number) => (
-        <span className="plan-duration">{formatDuration(seconds)}</span>
-      ),
-    },
-    {
-      title: "创建时间",
-      dataIndex: "created_at",
-      key: "created_at",
-      width: 130,
-      render: (time: string) => (
-        <span className="plan-time">{formatTime(time)}</span>
-      ),
-    },
-    {
-      title: "更新时间",
-      dataIndex: "updated_at",
-      key: "updated_at",
-      width: 130,
-      render: (time: string) => (
-        <span className="plan-time">{formatTime(time)}</span>
-      ),
-    },
-    {
-      title: "操作",
-      key: "action",
-      width: 180,
-      fixed: "right",
-      render: (_: unknown, record: EditPlan) => (
-        <div className="plan-actions">
-          <Button
-            type="link"
-            size="small"
-            icon={<EditOutlined />}
-            onClick={() => handleEdit(record)}
-            className="plan-action-btn"
-          >
-            编辑
-          </Button>
-          {(record.status === "failed" || record.status === "completed") && (
-            <Popconfirm
-              title="确认重新生成"
-              description="确定要重新生成这个剪辑计划吗？"
-              onConfirm={() => regenerateMutation.mutate(record.id)}
-              okText="确定"
-              cancelText="取消"
-            >
-              <Button
-                type="link"
-                size="small"
-                icon={<ThunderboltOutlined />}
-                loading={regenerateMutation.isPending}
-                className="plan-action-btn plan-regenerate-btn"
-              >
-                重新生成
-              </Button>
-            </Popconfirm>
-          )}
-          <Popconfirm
-            title="确认删除"
-            description="确定要删除这个剪辑计划吗？此操作不可恢复。"
-            onConfirm={() => deleteMutation.mutate(record.id)}
-            okText="确定"
-            cancelText="取消"
-            okButtonProps={{ danger: true }}
-          >
-            <Button
-              type="link"
-              size="small"
-              danger
-              icon={<DeleteOutlined />}
-              loading={deleteMutation.isPending}
-              className="plan-action-btn"
-            >
-              删除
-            </Button>
-          </Popconfirm>
-        </div>
-      ),
-    },
-  ];
-
-  // 错误处理
-  if (error) {
-    return (
-      <div className="edit-plans-page">
-        <div className="edit-plans-error">
-          <CloseCircleOutlined />
-          <p>加载剪辑计划失败</p>
-          <Button onClick={() => window.location.reload()}>刷新页面</Button>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="edit-plans-page">
-      {/* 页面标题 */}
-      <div className="edit-plans-header">
-        <div className="edit-plans-header-text">
-          <h2>剪辑计划</h2>
-          <p>管理所有剪辑计划，支持重新生成和编辑</p>
-        </div>
-        <Button type="primary" onClick={() => navigate("/app/templates")}>
-          从模板创建
-        </Button>
-      </div>
-
-      {/* 筛选栏 */}
-      <div className="edit-plans-filters">
-        {/* 状态 Tab */}
-        <Tabs
-          activeKey={statusFilter}
-          onChange={(key) => {
-            setStatusFilter(key as EditPlanStatus | "all");
-            setPage(1);
-          }}
-          items={STATUS_TABS.map((tab) => ({
-            key: tab.key,
-            label: tab.label,
-          }))}
-          className="edit-plans-status-tabs"
-        />
-
-        {/* 模板筛选 */}
-        <Select
-          value={templateFilter}
-          onChange={(value) => {
-            setTemplateFilter(value);
-            setPage(1);
-          }}
-          options={[
-            { value: "all", label: "全部模板" },
-            ...(templates ?? []).map((t: TemplateItem) => ({
-              value: t.id,
-              label: t.name,
-            })),
-          ]}
-          style={{ minWidth: 180 }}
-          placeholder="选择模板"
-          className="edit-plans-template-filter"
-        />
-      </div>
-
-      {/* 计划表格 */}
-      <Table
-        columns={columns}
-        dataSource={plans}
-        rowKey="id"
-        loading={isLoading}
-        pagination={{
-          current: page,
-          pageSize,
-          total,
-          showSizeChanger: true,
-          showQuickJumper: true,
-          showTotal: (t) => `共 ${t} 条`,
-          onChange: (p, ps) => {
-            setPage(p);
-            setPageSize(ps);
-          },
-        }}
-        scroll={{ x: 900 }}
-        className="edit-plans-table"
-        locale={{
-          emptyText: (
-            <div className="edit-plans-empty">
-              <ClockCircleOutlined />
-              <p>暂无剪辑计划</p>
-              <Button
-                type="primary"
-                style={{ marginTop: 12 }}
-                onClick={() => navigate("/app/templates")}
-              >
-                从模板创建
-              </Button>
-            </div>
-          ),
-        }}
-      />
-    </div>
-  );
-}

apps/web/src/pages/edit-plans/edit-plans.css

@@ -1,260 +0,0 @@
-/**
- * 剪辑计划管理页面样式
- */
-
-/* ── 页面容器 ──────────────────────────────────────────── */
-.edit-plans-page {
-  padding: 24px;
-  max-width: 1400px;
-  margin: 0 auto;
-}
-
-/* ── 页面头部 ──────────────────────────────────────────── */
-.edit-plans-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  margin-bottom: 24px;
-}
-
-.edit-plans-header-text h2 {
-  margin: 0 0 4px;
-  font-size: 22px;
-  font-weight: 600;
-  color: var(--text-primary, #1e293b);
-}
-
-.edit-plans-header-text p {
-  margin: 0;
-  font-size: 14px;
-  color: var(--text-secondary, #64748b);
-}
-
-/* ── 筛选栏 ────────────────────────────────────────────── */
-.edit-plans-filters {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-}
-
-.edit-plans-status-tabs {
-  flex: 1;
-}
-
-.edit-plans-status-tabs .ant-tabs-nav {
-  margin-bottom: 0 !important;
-}
-
-.edit-plans-status-tabs .ant-tabs-tab {
-  padding: 8px 16px !important;
-  font-size: 14px;
-}
-
-.edit-plans-status-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
-  color: var(--primary-500, #6366f1) !important;
-  font-weight: 500;
-}
-
-.edit-plans-status-tabs .ant-tabs-ink-bar {
-  background: var(--primary-500, #6366f1) !important;
-}
-
-.edit-plans-template-filter {
-  min-width: 180px;
-}
-
-/* ── 表格 ──────────────────────────────────────────────── */
-.edit-plans-table {
-  background: var(--bg-surface, #fff);
-  border-radius: var(--radius-lg, 12px);
-  overflow: hidden;
-  border: 1px solid var(--border-primary, #e2e8f0);
-}
-
-.edit-plans-table .ant-table {
-  font-size: 14px;
-}
-
-.edit-plans-table .ant-table-thead > tr > th {
-  background: var(--bg-tertiary, #f8fafc) !important;
-  border-bottom: 1px solid var(--border-primary, #e2e8f0);
-  font-weight: 500;
-  color: var(--text-secondary, #64748b);
-  font-size: 13px;
-  padding: 12px 16px;
-}
-
-.edit-plans-table .ant-table-tbody > tr > td {
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--border-light, #f1f5f9);
-}
-
-.edit-plans-table .ant-table-tbody > tr:hover > td {
-  background: var(--bg-hover, #f8fafc) !important;
-}
-
-/* ── 计划名称 ──────────────────────────────────────────── */
-.plan-name {
-  font-weight: 500;
-  color: var(--text-primary, #1e293b);
-  cursor: pointer;
-  transition: color 0.2s;
-}
-
-.plan-name:hover {
-  color: var(--primary-500, #6366f1);
-}
-
-/* ── 状态标签 ──────────────────────────────────────────── */
-.plan-status-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 10px;
-  border-radius: 16px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.plan-status-tag.ant-tag-default {
-  background: #f1f5f9;
-  color: #64748b;
-  border-color: transparent;
-}
-
-.plan-status-tag.ant-tag-processing {
-  background: #eff6ff;
-  color: #2563eb;
-  border-color: transparent;
-}
-
-.plan-status-tag.ant-tag-success {
-  background: #f0fdf4;
-  color: #16a34a;
-  border-color: transparent;
-}
-
-.plan-status-tag.ant-tag-error {
-  background: #fef2f2;
-  color: #dc2626;
-  border-color: transparent;
-}
-
-.plan-status-tag.ant-tag-warning {
-  background: #fffbeb;
-  color: #d97706;
-  border-color: transparent;
-}
-
-/* ── 时长 ──────────────────────────────────────────────── */
-.plan-duration {
-  font-variant-numeric: tabular-nums;
-  color: var(--text-secondary, #64748b);
-}
-
-/* ── 时间 ──────────────────────────────────────────────── */
-.plan-time {
-  color: var(--text-secondary, #64748b);
-  font-size: 13px;
-}
-
-/* ── 操作按钮 ──────────────────────────────────────────── */
-.plan-actions {
-  display: flex;
-  gap: 4px;
-}
-
-.plan-action-btn {
-  padding: 4px 8px !important;
-  font-size: 13px !important;
-}
-
-.plan-action-btn.ant-btn-link {
-  color: var(--primary-500, #6366f1);
-}
-
-.plan-action-btn.ant-btn-link:hover {
-  color: var(--primary-600, #4f46e5);
-}
-
-.plan-regenerate-btn {
-  color: var(--primary-500, #6366f1) !important;
-}
-
-.plan-regenerate-btn:hover {
-  color: var(--primary-600, #4f46e5) !important;
-}
-
-/* ── 空状态 ────────────────────────────────────────────── */
-.edit-plans-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 60px 20px;
-  text-align: center;
-}
-
-.edit-plans-empty .anticon {
-  font-size: 48px;
-  color: var(--text-disabled, #cbd5e1);
-  margin-bottom: 16px;
-}
-
-.edit-plans-empty p {
-  margin: 0;
-  font-size: 14px;
-  color: var(--text-secondary, #64748b);
-}
-
-/* ── 错误状态 ──────────────────────────────────────────── */
-.edit-plans-error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 60px 20px;
-  text-align: center;
-  background: var(--bg-surface, #fff);
-  border-radius: var(--radius-lg, 12px);
-  border: 1px solid var(--border-primary, #e2e8f0);
-}
-
-.edit-plans-error .anticon {
-  font-size: 48px;
-  color: #ef4444;
-  margin-bottom: 16px;
-}
-
-.edit-plans-error p {
-  margin: 0 0 16px;
-  font-size: 14px;
-  color: var(--text-secondary, #64748b);
-}
-
-/* ── 响应式 ────────────────────────────────────────────── */
-@media (max-width: 768px) {
-  .edit-plans-page {
-    padding: 16px;
-  }
-
-  .edit-plans-header {
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .edit-plans-filters {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .edit-plans-status-tabs {
-    width: 100%;
-  }
-
-  .edit-plans-template-filter {
-    width: 100%;
-  }
-}

apps/web/src/pages/editing-planner/EditingPlanner.tsx

@@ -2,7 +2,7 @@
  * 剪辑计划编辑器 — V8 原型 1:1 还原
  * 四行布局：顶栏(42px) → 模式栏(48px) → 三栏主体 → 底栏(40px)
  */
-import React, { useState, useCallback, useEffect, useRef } from "react";
+import React, { useState, useCallback, useEffect } from "react";
 import { useSearchParams, useNavigate } from "react-router-dom";
 import { message } from "antd";
 import { useQuery } from "@tanstack/react-query";
@@ -18,6 +18,7 @@ import {
   createEditingTemplate,
   updateEditingTemplate,
   getTemplateCategories,
+  generateFromTemplate,
   MODE_LABELS,
 } from "@/api/editingPlanner";
 import type { EditPlanGeneration, MediaAsset } from "@/api/editPlans";
@@ -27,34 +28,9 @@ import {
   generateCover,
 } from "@/api/editPlans";
 import { useUndoRedo } from "./hooks/useUndoRedo";
-import type {
-  ClipData,
-  ClipType,
-  TransitionConfig,
-  SpeedConfig,
-  TtsConfig,
-  TrimConfig,
-  WatermarkConfig,
-  IntroOutroConfig,
-  PipConfig,
-  FilterConfig,
-  ChromaKeyConfig,
-  StickerConfig,
-  CoverConfig,
-  TitleSettings,
-} from "./types";
-import {
-  DEFAULT_TRANSITION,
-  DEFAULT_SPEED,
-  DEFAULT_TTS_CONFIG,
-  DEFAULT_WATERMARK,
-  DEFAULT_INTRO_OUTRO,
-  DEFAULT_PIP_CONFIG,
-  DEFAULT_FILTER_CONFIG,
-  DEFAULT_CHROMA_KEY_CONFIG,
-  DEFAULT_STICKER_CONFIG,
-  DEFAULT_COVER_CONFIG,
-} from "./types";
+import type { TaskItem } from "@/api/tasks";
+import { createGenerationTask, getTask, retryTask } from "@/api/tasks";
+import type { ClipData, ClipType } from "./types";
 import {
   ensureDefaultLibrary,
   getAssetsByKind,
@@ -66,23 +42,10 @@ import MediaPanel from "./components/MediaPanel";
 import PreviewPlayer from "./components/PreviewPlayer";
 import TimelinePanel from "./components/TimelinePanel";
 import ClipPropertiesPanel from "./components/ClipPropertiesPanel";
-import BgmSelector from "./components/BgmSelector";
-import SubtitleStylePanel from "./components/SubtitleStylePanel";
-import type { SubtitleStyleConfig } from "./components/SubtitleStylePanel";
-import { DEFAULT_SUBTITLE_STYLE } from "./components/SubtitleStylePanel";
-import TransitionSelector from "./components/TransitionSelector";
-import SpeedPanel from "./components/SpeedPanel";
-import TtsPanel from "./components/TtsPanel";
-import WatermarkPanel from "./components/WatermarkPanel";
-import IntroOutroPanel from "./components/IntroOutroPanel";
-import PipConfigPanel from "./components/PipConfigPanel";
-import FilterPanel from "./components/FilterPanel";
-import GreenScreenPanel from "./components/GreenScreenPanel";
-import StickerPanel from "./components/StickerPanel";
-import CoverSelector from "./components/CoverSelector";
 import SaveModal from "./components/SaveModal";
+import GenerationProgressModal from "./components/GenerationProgressModal";
+import type { GenPhase } from "./components/GenerationProgressModal";
 import GenerationHistoryModal from "./components/GenerationHistoryModal";
-import { DEFAULT_BGM_MIX_CONFIG, type BgmMixConfig } from "@/api/bgm";
 import "./EditingPlanner.css";
 
 /* ──────────── 常量 ──────────── */
@@ -144,7 +107,7 @@ const EditingPlanner: React.FC = () => {
   const [searchQuery, setSearchQuery] = useState("");
 
   /* ── 标题/字幕/BGM 设置 ── */
-  const [titleSettings, setTitleSettings] = useState<TitleSettings>({
+  const [titleSettings, setTitleSettings] = useState({
     aiAutoSelect: false,
     title: "",
     position: "top",
@@ -157,72 +120,17 @@ const EditingPlanner: React.FC = () => {
     color: "#ffffff",
   });
 
-  const [subtitleSettings, setSubtitleSettings] = useState<SubtitleStyleConfig>(
-    {
-      ...DEFAULT_SUBTITLE_STYLE,
-    },
-  );
-
-  const [bgmSettings, setBgmSettings] = useState<BgmMixConfig>({
-    ...DEFAULT_BGM_MIX_CONFIG,
+  const [subtitleSettings, setSubtitleSettings] = useState({
+    enabled: true,
+    position: "bottom",
+    font: "思源黑体",
+    size: 16,
+    animation: "none",
   });
 
-  /* ── Drawer 开关 ── */
-  const [bgmDrawerOpen, setBgmDrawerOpen] = useState(false);
-  const [subtitleDrawerOpen, setSubtitleDrawerOpen] = useState(false);
-  const [transitionDrawerOpen, setTransitionDrawerOpen] = useState(false);
-  const [speedDrawerOpen, setSpeedDrawerOpen] = useState(false);
-  /** 当前正在编辑转场的片段 ID（null = 全局默认转场） */
-  const [transitionTargetClipId, setTransitionTargetClipId] = useState<
-    string | null
-  >(null);
-  /** 当前正在调速的片段 ID */
-  const [speedTargetClipId, setSpeedTargetClipId] = useState<string | null>(
-    null,
-  );
-  /** TTS 配音面板是否打开 */
-  const [ttsDrawerOpen, setTtsDrawerOpen] = useState(false);
-  /** 当前正在配置 TTS 的片段 ID */
-  const [ttsTargetClipId, setTtsTargetClipId] = useState<string | null>(null);
-
-  /* ── 水印 / 片头片尾 ── */
-  const [watermarkSettings, setWatermarkSettings] = useState<WatermarkConfig>({
-    ...DEFAULT_WATERMARK,
+  const [bgmSettings, setBgmSettings] = useState({
+    music: "none",
   });
-  const [introOutroSettings, setIntroOutroSettings] =
-    useState<IntroOutroConfig>({ ...DEFAULT_INTRO_OUTRO });
-  const [watermarkDrawerOpen, setWatermarkDrawerOpen] = useState(false);
-  const [introOutroDrawerOpen, setIntroOutroDrawerOpen] = useState(false);
-
-  /* ── 画中画 ── */
-  const [pipSettings, setPipSettings] = useState<PipConfig>({
-    ...DEFAULT_PIP_CONFIG,
-  });
-  const [pipDrawerOpen, setPipDrawerOpen] = useState(false);
-
-  /* ── 滤镜调色 ── */
-  const [filterSettings, setFilterSettings] = useState<FilterConfig>({
-    ...DEFAULT_FILTER_CONFIG,
-  });
-  const [filterDrawerOpen, setFilterDrawerOpen] = useState(false);
-
-  /* ── 绿幕抠像 ── */
-  const [chromaKeySettings, setChromaKeySettings] = useState<ChromaKeyConfig>({
-    ...DEFAULT_CHROMA_KEY_CONFIG,
-  });
-  const [chromaKeyDrawerOpen, setChromaKeyDrawerOpen] = useState(false);
-
-  /* ── 贴纸 ── */
-  const [stickerSettings, setStickerSettings] = useState<StickerConfig>({
-    ...DEFAULT_STICKER_CONFIG,
-  });
-  const [stickerDrawerOpen, setStickerDrawerOpen] = useState(false);
-
-  /* ── 封面 ── */
-  const [coverSettings, setCoverSettings] = useState<CoverConfig>({
-    ...DEFAULT_COVER_CONFIG,
-  });
-  const [coverDrawerOpen, setCoverDrawerOpen] = useState(false);
 
   /* ── 保存弹窗 ── */
   const [saveModalOpen, setSaveModalOpen] = useState(false);
@@ -231,6 +139,15 @@ const EditingPlanner: React.FC = () => {
   const [draftTags, setDraftTags] = useState("");
   const [saveLoading, setSaveLoading] = useState(false);
 
+  /* ── 生成弹窗 ── */
+  const [genModalOpen, setGenModalOpen] = useState(false);
+  const [genPhase, setGenPhase] = useState<GenPhase>("setup");
+  const [genTask, setGenTask] = useState<TaskItem | null>(null);
+  const [genSubmitting, setGenSubmitting] = useState(false);
+  const [voiceoverDuration, setVoiceoverDuration] = useState<number | null>(
+    null,
+  );
+
   /* ── 素材库 ── */
   const [mediaAssets, setMediaAssets] = useState<MediaAsset[]>([]);
   const [selectedAssetIds, setSelectedAssetIds] = useState<string[]>([]);
@@ -246,19 +163,6 @@ const EditingPlanner: React.FC = () => {
 
   /* ── 播放 ── */
   const [isPlaying, setIsPlaying] = useState(false);
-  const [currentTime, setCurrentTime] = useState(0);
-  const [pixelsPerSecond, setPixelsPerSecond] = useState(40);
-  const prevFrameTimeRef = useRef<number | null>(null);
-
-  /** 播放头跳转 */
-  const handleSeek = useCallback((time: number) => {
-    setCurrentTime(Math.max(0, time));
-  }, []);
-
-  /** 轨道缩放 */
-  const handleZoomChange = useCallback((pps: number) => {
-    setPixelsPerSecond(pps);
-  }, []);
 
   /* ── 配音素材（queryKey 与 VoiceMaterialLibrary 共享缓存） ── */
   const voiceMaterialsQuery = useQuery({
@@ -352,21 +256,16 @@ const EditingPlanner: React.FC = () => {
           size: tpl.title_config.font_size,
           color: tpl.title_config.font_color || "#ffffff",
         }));
-        setSubtitleSettings((prev) => ({
-          ...prev,
+        setSubtitleSettings({
           enabled: tpl.subtitle_config.enabled,
-          position: (tpl.subtitle_config.position ||
-            "bottom") as SubtitleStyleConfig["position"],
+          position: tpl.subtitle_config.position,
           font: tpl.subtitle_config.font,
-          fontSize: tpl.subtitle_config.size,
-          fontColor: tpl.subtitle_config.color || "#ffffff",
+          size: tpl.subtitle_config.size,
           animation: tpl.subtitle_config.animation,
-        }));
-        setBgmSettings((prev) => ({
-          ...prev,
-          enabled: tpl.bgm_config.enabled,
-          music_id: tpl.bgm_config.music_id || "",
-        }));
+        });
+        setBgmSettings({
+          music: tpl.bgm_config.music_id || "none",
+        });
         setDraftName(tpl.name);
         setDraftCategory(tpl.category);
         setDraftTags(tpl.tags.join(", "));
@@ -380,31 +279,6 @@ const EditingPlanner: React.FC = () => {
   const totalDuration = clips.reduce((sum, c) => sum + c.duration, 0);
   const selectedClip = clips.find((c) => c.id === selectedClipId) || null;
 
-  /* rAF 帧推进 — 播放时平滑更新播放头位置 */
-  useEffect(() => {
-    if (!isPlaying) {
-      prevFrameTimeRef.current = null;
-      return;
-    }
-    let rafId: number;
-    const tick = (timestamp: number) => {
-      if (prevFrameTimeRef.current !== null) {
-        const delta = (timestamp - prevFrameTimeRef.current) / 1000;
-        setCurrentTime((prev) => {
-          const next = prev + delta;
-          return next >= totalDuration ? totalDuration : next;
-        });
-      }
-      prevFrameTimeRef.current = timestamp;
-      rafId = requestAnimationFrame(tick);
-    };
-    rafId = requestAnimationFrame(tick);
-    return () => {
-      cancelAnimationFrame(rafId);
-      prevFrameTimeRef.current = null;
-    };
-  }, [isPlaying, totalDuration]);
-
   const filteredTemplates = templates.filter((t) => {
     if (currentFilter !== "全部" && t.category !== currentFilter) return false;
     if (
@@ -475,175 +349,6 @@ const EditingPlanner: React.FC = () => {
     [clips.length, setClips],
   );
 
-  /* ── 裁剪更新：调整片段的 trim_config 和 duration ── */
-  const handleClipTrim = useCallback(
-    (clipId: string, trimConfig: TrimConfig, newDuration: number) => {
-      setClips((prev) =>
-        prev.map((c) =>
-          c.id === clipId
-            ? { ...c, trim_config: trimConfig, duration: newDuration }
-            : c,
-        ),
-      );
-    },
-    [setClips],
-  );
-
-  /* ── 片段分割：在指定比例位置将片段一分为二 ── */
-  const handleClipSplit = useCallback(
-    (clipId: string, splitRatio: number) => {
-      setClips((prev) => {
-        const idx = prev.findIndex((c) => c.id === clipId);
-        if (idx === -1) return prev;
-        const clip = prev[idx];
-        const splitPoint = Math.round(clip.duration * splitRatio * 10) / 10;
-        if (splitPoint < 0.5 || splitPoint >= clip.duration - 0.5) return prev;
-
-        // 前半段
-        const firstHalf: ClipData = {
-          ...clip,
-          duration: splitPoint,
-          trim_config: clip.trim_config
-            ? {
-                ...clip.trim_config,
-                end_time: clip.trim_config.start_time + splitPoint,
-              }
-            : undefined,
-        };
-
-        // 后半段
-        const secondHalf: ClipData = {
-          ...clip,
-          id: `clip-${Date.now()}`,
-          duration: clip.duration - splitPoint,
-          startOffset: clip.startOffset + splitPoint,
-          trim_config: clip.trim_config
-            ? {
-                ...clip.trim_config,
-                start_time: clip.trim_config.start_time + splitPoint,
-              }
-            : undefined,
-          order: (clip.order ?? idx) + 1,
-        };
-
-        const updated = [...prev];
-        updated[idx] = firstHalf;
-        updated.splice(idx + 1, 0, secondHalf);
-        return updated.map((c, i) => ({ ...c, order: i }));
-      });
-    },
-    [setClips],
-  );
-
-  /* ── 恢复片段原始长度 ── */
-  const handleClipResetTrim = useCallback(
-    (clipId: string) => {
-      setClips((prev) =>
-        prev.map((c) => {
-          if (c.id !== clipId || !c.trim_config) return c;
-          const originalDuration =
-            c.trim_config.original_duration ?? c.duration;
-          return {
-            ...c,
-            duration: originalDuration,
-            trim_config: undefined,
-          };
-        }),
-      );
-    },
-    [setClips],
-  );
-
-  /* ── 转场特效变更 ── */
-  const handleTransitionChange = useCallback(
-    (config: TransitionConfig) => {
-      if (transitionTargetClipId) {
-        // 更新指定片段的转场
-        handleClipUpdate(transitionTargetClipId, { transition: config });
-      }
-      // 同时更新全局默认转场（供新片段使用）
-    },
-    [transitionTargetClipId],
-  );
-
-  /* ── 打开转场选择器 ── */
-  const handleOpenTransitionDrawer = useCallback((clipId?: string) => {
-    setTransitionTargetClipId(clipId ?? null);
-    setTransitionDrawerOpen(true);
-  }, []);
-
-  /* ── 调速变更 ── */
-  const handleSpeedChange = useCallback(
-    (config: SpeedConfig) => {
-      if (speedTargetClipId) {
-        handleClipUpdate(speedTargetClipId, { speed: config });
-      }
-    },
-    [speedTargetClipId],
-  );
-
-  /* ── 打开调速面板 ── */
-  const handleOpenSpeedDrawer = useCallback((clipId: string) => {
-    setSpeedTargetClipId(clipId);
-    setSpeedDrawerOpen(true);
-  }, []);
-
-  /* ── TTS 配音变更 ── */
-  const handleTtsChange = useCallback(
-    (ttsConfig: TtsConfig) => {
-      if (!ttsTargetClipId) return;
-      handleClipUpdate(ttsTargetClipId, { tts_config: ttsConfig });
-    },
-    [ttsTargetClipId],
-  );
-
-  /* ── 打开 TTS 配音面板 ── */
-  const handleOpenTtsDrawer = useCallback((clipId: string) => {
-    setTtsTargetClipId(clipId);
-    setTtsDrawerOpen(true);
-  }, []);
-
-  /* ── 调速应用到所有片段 ── */
-  const handleApplySpeedAll = useCallback((config: SpeedConfig) => {
-    setClips((prev) => prev.map((c) => ({ ...c, speed: { ...config } })));
-    message.success("已应用到所有片段");
-  }, []);
-
-  /* ── 水印配置变更 ── */
-  const handleWatermarkChange = useCallback((config: WatermarkConfig) => {
-    setWatermarkSettings(config);
-  }, []);
-
-  /* ── 片头片尾配置变更 ── */
-  const handleIntroOutroChange = useCallback((config: IntroOutroConfig) => {
-    setIntroOutroSettings(config);
-  }, []);
-
-  /* ── 画中画配置变更 ── */
-  const handlePipChange = useCallback((config: PipConfig) => {
-    setPipSettings(config);
-  }, []);
-
-  /* ── 滤镜调色配置变更 ── */
-  const handleFilterChange = useCallback((config: FilterConfig) => {
-    setFilterSettings(config);
-  }, []);
-
-  /* ── 绿幕抠像配置变更 ── */
-  const handleChromaKeyChange = useCallback((config: ChromaKeyConfig) => {
-    setChromaKeySettings(config);
-  }, []);
-
-  /* ── 贴纸配置变更 ── */
-  const handleStickerChange = useCallback((config: StickerConfig) => {
-    setStickerSettings(config);
-  }, []);
-
-  /* ── 封面配置变更 ── */
-  const handleCoverChange = useCallback((config: CoverConfig) => {
-    setCoverSettings(config);
-  }, []);
-
   /* AI 封面生成 */
   const handleAiGenerateCover = async (
     coverType: "ai_frame" | "ai_regenerate",
@@ -703,13 +408,13 @@ const EditingPlanner: React.FC = () => {
           enabled: subtitleSettings.enabled,
           position: subtitleSettings.position,
           font: subtitleSettings.font,
-          color: subtitleSettings.fontColor,
-          size: subtitleSettings.fontSize,
+          color: "#ffffff",
+          size: subtitleSettings.size,
           animation: subtitleSettings.animation,
         },
         bgm_config: {
-          enabled: bgmSettings.enabled,
-          music_id: bgmSettings.music_id,
+          enabled: bgmSettings.music !== "none",
+          music_id: bgmSettings.music,
         },
         estimated_duration: totalDuration,
         segments: clips.map((c, i) => ({
@@ -717,35 +422,7 @@ const EditingPlanner: React.FC = () => {
           duration_min: Math.max(1, c.duration - 2),
           duration_max: c.duration + 2,
           material_type: c.type === "voice" ? "voiceover" : "video",
-          transition: c.transition
-            ? { type: c.transition.type, duration: c.transition.duration }
-            : undefined,
-          playback_speed: c.speed ? c.speed.rate : undefined,
-          tts_config: c.tts_config
-            ? {
-                mode: c.tts_config.mode,
-                text: c.tts_config.text,
-                voice_id: c.tts_config.voice_id,
-                speed: c.tts_config.speed,
-                pitch: c.tts_config.pitch,
-                volume: c.tts_config.volume,
-                subtitle_sync: c.tts_config.subtitle_sync,
-              }
-            : undefined,
-          trim_config: c.trim_config
-            ? {
-                start_time: c.trim_config.start_time,
-                end_time: c.trim_config.end_time,
-              }
-            : undefined,
         })),
-        watermark_config: { ...watermarkSettings },
-        intro_outro_config: { ...introOutroSettings },
-        pip_config: { ...pipSettings },
-        filter_config: { ...filterSettings },
-        green_screen_config: { ...chromaKeySettings },
-        sticker_config: { ...stickerSettings },
-        cover_config: { ...coverSettings },
       };
       if (loadedTemplateId) {
         await updateEditingTemplate(loadedTemplateId, payload);
@@ -785,13 +462,12 @@ const EditingPlanner: React.FC = () => {
         enabled: subtitleSettings.enabled,
         position: subtitleSettings.position,
         font: subtitleSettings.font,
-        color: subtitleSettings.fontColor,
-        size: subtitleSettings.fontSize,
+        size: subtitleSettings.size,
         animation: subtitleSettings.animation,
       },
       bgm_config: {
-        enabled: bgmSettings.enabled,
-        music_id: bgmSettings.music_id,
+        enabled: bgmSettings.music !== "none",
+        music_id: bgmSettings.music,
       },
       mode: currentMode,
       total_duration: totalDuration,
@@ -803,35 +479,7 @@ const EditingPlanner: React.FC = () => {
         script_text: c.script_text,
         voice_asset_id: c.voice_asset_id,
         voice_file_url: c.voice_file_url,
-        transition: c.transition
-          ? { type: c.transition.type, duration: c.transition.duration }
-          : undefined,
-        playback_speed: c.speed ? c.speed.rate : undefined,
-        tts_config: c.tts_config
-          ? {
-              mode: c.tts_config.mode,
-              text: c.tts_config.text,
-              voice_id: c.tts_config.voice_id,
-              speed: c.tts_config.speed,
-              pitch: c.tts_config.pitch,
-              volume: c.tts_config.volume,
-              subtitle_sync: c.tts_config.subtitle_sync,
-            }
-          : undefined,
-        trim_config: c.trim_config
-          ? {
-              start_time: c.trim_config.start_time,
-              end_time: c.trim_config.end_time,
-            }
-          : undefined,
       })),
-      watermark_config: { ...watermarkSettings },
-      intro_outro_config: { ...introOutroSettings },
-      pip_config: { ...pipSettings },
-      filter_config: { ...filterSettings },
-      green_screen_config: { ...chromaKeySettings },
-      sticker_config: { ...stickerSettings },
-      cover_config: { ...coverSettings },
     };
     const params = new URLSearchParams();
     if (loadedTemplateId) {
@@ -841,6 +489,87 @@ const EditingPlanner: React.FC = () => {
     navigate(`/app/generate?${params.toString()}`);
   };
 
+  /**
+   * 创建生成任务（两步）
+   * 1. generateFromTemplate — 通知后端基于模板生成视频
+   * 2. createGenerationTask — 创建任务记录，返回精简响应
+   *    再用 getTask 查询完整 TaskItem 供轮询使用
+   */
+  const handleGenerate = async () => {
+    if (!loadedTemplateId) return;
+    setGenSubmitting(true);
+    try {
+      await generateFromTemplate(loadedTemplateId, {
+        voiceover_duration: voiceoverDuration || totalDuration,
+      });
+      // 收集所有 voice 类型片段的配音素材 ID
+      const voiceIds = clips
+        .filter((c) => c.type === "voice" && c.voice_asset_id)
+        .map((c) => c.voice_asset_id as string);
+      const res = await createGenerationTask({
+        template_id: loadedTemplateId,
+        asset_ids: [],
+        title_ids: [],
+        voice_ids: voiceIds,
+      });
+      /* 创建接口返回的是精简响应，需查询完整 TaskItem 用于轮询 */
+      const task = await getTask(res.id);
+      setGenTask(task);
+      setGenPhase("progress");
+      message.info("生成任务已创建");
+    } catch {
+      message.error("创建生成任务失败");
+    } finally {
+      setGenSubmitting(false);
+    }
+  };
+
+  /**
+   * 轮询生成任务状态（每 3 秒）
+   * 仅在 genPhase === "progress" 且有任务 ID 时启动
+   * 任务完成/失败时自动停止轮询
+   */
+  useEffect(() => {
+    if (genPhase !== "progress" || !genTask?.id) return;
+    const timer = setInterval(async () => {
+      try {
+        const t = await getTask(genTask.id);
+        setGenTask(t);
+        if (t.status === "completed") {
+          setGenPhase("completed");
+          clearInterval(timer);
+        } else if (t.status === "failed") {
+          setGenPhase("failed");
+          clearInterval(timer);
+        }
+      } catch {
+        /* ignore */
+      }
+    }, 3000);
+    return () => clearInterval(timer);
+  }, [genPhase, genTask?.id]);
+
+  const handleRetry = async () => {
+    if (!genTask?.id) return;
+    setGenSubmitting(true);
+    try {
+      const t = await retryTask(genTask.id);
+      setGenTask(t);
+      setGenPhase("progress");
+    } catch {
+      message.error("重试失败");
+    } finally {
+      setGenSubmitting(false);
+    }
+  };
+
+  const handleCancelGen = () => {
+    setGenModalOpen(false);
+    setGenPhase("setup");
+    setGenTask(null);
+    setVoiceoverDuration(null);
+  };
+
   /* 查看生成历史 */
   const handleViewGenHistory = async () => {
     if (!loadedTemplateId) {
@@ -949,13 +678,7 @@ const EditingPlanner: React.FC = () => {
             coverSchemes={COVER_SCHEMES}
             aiCoverLoading={aiCoverLoading}
             titleSettings={titleSettings}
-            subtitleSettings={{
-              enabled: subtitleSettings.enabled,
-              position: subtitleSettings.position,
-              font: subtitleSettings.font,
-              size: subtitleSettings.fontSize,
-              animation: subtitleSettings.animation,
-            }}
+            subtitleSettings={subtitleSettings}
             onClipSelect={handleClipSelect}
             onCoverSchemeChange={setCurrentCoverScheme}
             onPlayPause={() => setIsPlaying(!isPlaying)}
@@ -971,14 +694,6 @@ const EditingPlanner: React.FC = () => {
             onClipReorder={handleClipReorder}
             onClipRemove={handleClipRemove}
             onAddClip={handleAddClip}
-            onClipTrim={handleClipTrim}
-            onClipSplit={handleClipSplit}
-            onClipResetTrim={handleClipResetTrim}
-            currentTime={currentTime}
-            pixelsPerSecond={pixelsPerSecond}
-            onZoomChange={handleZoomChange}
-            onSeek={handleSeek}
-            totalDuration={totalDuration}
           />
         </div>
 
@@ -995,30 +710,16 @@ const EditingPlanner: React.FC = () => {
             setTitleSettings((prev) => ({ ...prev, ...partial }))
           }
           onSubtitleSettingsChange={(partial) =>
-            setSubtitleSettings(
-              (prev) => ({ ...prev, ...partial }) as SubtitleStyleConfig,
-            )
+            setSubtitleSettings((prev) => ({ ...prev, ...partial }))
           }
           onBgmSettingsChange={(partial) =>
             setBgmSettings((prev) => ({ ...prev, ...partial }))
           }
           onClipUpdate={handleClipUpdate}
-          onOpenBgmDrawer={() => setBgmDrawerOpen(true)}
-          onOpenSubtitleDrawer={() => setSubtitleDrawerOpen(true)}
           voiceMaterials={voiceMaterials}
           voiceMaterialsLoading={voiceMaterialsQuery.isLoading}
           onRefreshVoiceMaterials={() => voiceMaterialsQuery.refetch()}
           onClipVoiceSelect={handleClipVoiceSelect}
-          onOpenTransitionDrawer={handleOpenTransitionDrawer}
-          onOpenSpeedDrawer={handleOpenSpeedDrawer}
-          onOpenTtsDrawer={handleOpenTtsDrawer}
-          onOpenWatermarkDrawer={() => setWatermarkDrawerOpen(true)}
-          onOpenIntroOutroDrawer={() => setIntroOutroDrawerOpen(true)}
-          onOpenPipDrawer={() => setPipDrawerOpen(true)}
-          onOpenFilterDrawer={() => setFilterDrawerOpen(true)}
-          onOpenGreenScreenDrawer={() => setChromaKeyDrawerOpen(true)}
-          onOpenStickerDrawer={() => setStickerDrawerOpen(true)}
-          onOpenCoverDrawer={() => setCoverDrawerOpen(true)}
         />
       </div>
 
@@ -1057,6 +758,20 @@ const EditingPlanner: React.FC = () => {
         onCancel={() => setSaveModalOpen(false)}
       />
 
+      <GenerationProgressModal
+        open={genModalOpen}
+        phase={genPhase}
+        voiceoverDuration={voiceoverDuration}
+        estimatedDuration={totalDuration}
+        onDurationChange={setVoiceoverDuration}
+        onGenerate={handleGenerate}
+        task={genTask}
+        submitting={genSubmitting}
+        onCancel={handleCancelGen}
+        onRetry={handleRetry}
+        onClose={handleCancelGen}
+      />
+
       {/* ═══ 生成历史弹窗 ═══ */}
       <GenerationHistoryModal
         open={genHistoryOpen}
@@ -1064,122 +779,6 @@ const EditingPlanner: React.FC = () => {
         history={genHistory}
         onClose={() => setGenHistoryOpen(false)}
       />
-
-      {/* ═══ BGM 选择器 Drawer ═══ */}
-      <BgmSelector
-        open={bgmDrawerOpen}
-        onClose={() => setBgmDrawerOpen(false)}
-        config={bgmSettings}
-        onChange={setBgmSettings}
-      />
-
-      {/* ═══ 字幕样式配置 Drawer ═══ */}
-      <SubtitleStylePanel
-        open={subtitleDrawerOpen}
-        onClose={() => setSubtitleDrawerOpen(false)}
-        config={subtitleSettings}
-        onChange={setSubtitleSettings}
-      />
-
-      {/* ═══ 转场特效选择器 Drawer ═══ */}
-      <TransitionSelector
-        open={transitionDrawerOpen}
-        onClose={() => setTransitionDrawerOpen(false)}
-        config={
-          transitionTargetClipId
-            ? (clips.find((c) => c.id === transitionTargetClipId)?.transition ??
-              DEFAULT_TRANSITION)
-            : DEFAULT_TRANSITION
-        }
-        onChange={handleTransitionChange}
-        title={transitionTargetClipId ? "片段转场设置" : "全局默认转场"}
-      />
-
-      {/* ═══ 片段调速面板 Drawer ═══ */}
-      {speedTargetClipId && (
-        <SpeedPanel
-          open={speedDrawerOpen}
-          onClose={() => setSpeedDrawerOpen(false)}
-          config={
-            clips.find((c) => c.id === speedTargetClipId)?.speed ??
-            DEFAULT_SPEED
-          }
-          onChange={handleSpeedChange}
-          onApplyAll={handleApplySpeedAll}
-        />
-      )}
-
-      {/* ═══ TTS 配音面板 Drawer ═══ */}
-      {ttsTargetClipId && (
-        <TtsPanel
-          open={ttsDrawerOpen}
-          onClose={() => setTtsDrawerOpen(false)}
-          config={
-            clips.find((c) => c.id === ttsTargetClipId)?.tts_config ??
-            DEFAULT_TTS_CONFIG
-          }
-          onChange={handleTtsChange}
-        />
-      )}
-
-      {/* ═══ 水印配置面板 ═══ */}
-      <WatermarkPanel
-        open={watermarkDrawerOpen}
-        onClose={() => setWatermarkDrawerOpen(false)}
-        config={watermarkSettings}
-        onChange={handleWatermarkChange}
-      />
-
-      {/* ═══ 片头片尾配置面板 ═══ */}
-      <IntroOutroPanel
-        open={introOutroDrawerOpen}
-        onClose={() => setIntroOutroDrawerOpen(false)}
-        config={introOutroSettings}
-        onChange={handleIntroOutroChange}
-      />
-
-      {/* ═══ 画中画配置面板 ═══ */}
-      <PipConfigPanel
-        open={pipDrawerOpen}
-        onClose={() => setPipDrawerOpen(false)}
-        config={pipSettings}
-        onChange={handlePipChange}
-        totalDuration={totalDuration}
-      />
-
-      {/* ═══ 滤镜调色面板 ═══ */}
-      <FilterPanel
-        open={filterDrawerOpen}
-        onClose={() => setFilterDrawerOpen(false)}
-        config={filterSettings}
-        onChange={handleFilterChange}
-      />
-
-      {/* ═══ 绿幕抠像面板 ═══ */}
-      <GreenScreenPanel
-        open={chromaKeyDrawerOpen}
-        onClose={() => setChromaKeyDrawerOpen(false)}
-        config={chromaKeySettings}
-        onChange={handleChromaKeyChange}
-      />
-
-      {/* ═══ 贴纸面板 ═══ */}
-      <StickerPanel
-        open={stickerDrawerOpen}
-        onClose={() => setStickerDrawerOpen(false)}
-        config={stickerSettings}
-        onChange={handleStickerChange}
-        totalDuration={totalDuration}
-      />
-
-      {/* ═══ 封面选择器 ═══ */}
-      <CoverSelector
-        open={coverDrawerOpen}
-        onClose={() => setCoverDrawerOpen(false)}
-        config={coverSettings}
-        onChange={handleCoverChange}
-        totalDuration={totalDuration}
-      />
     </div>
   );
 };

apps/web/src/pages/editing-planner/components/BgmSelector.tsx

@@ -1,292 +0,0 @@
-/**
- * BGM 选择器 — Drawer 形式
- * 预设 BGM 列表（按风格分类）、搜索、试听、音量/淡入淡出/人声闪避配置
- */
-import React, { useState, useRef, useCallback, useEffect } from "react";
-import { Drawer, Slider, Input, Tag, message } from "antd";
-import {
-  getBgmPresets,
-  type BgmPreset,
-  type BgmCategory,
-  type BgmMixConfig,
-  DEFAULT_BGM_MIX_CONFIG,
-} from "@/api/bgm";
-
-const { Search } = Input;
-
-/* ──────────── 分类标签 ──────────── */
-const CATEGORY_LIST: {
-  key: BgmCategory | "all";
-  label: string;
-  icon: string;
-}[] = [
-  { key: "all", label: "全部", icon: "🎶" },
-  { key: "轻快", label: "轻快", icon: "🎉" },
-  { key: "治愈", label: "治愈", icon: "🌿" },
-  { key: "科技", label: "科技", icon: "🔬" },
-  { key: "电商", label: "电商", icon: "🛒" },
-];
-
-/* ──────────── Props ──────────── */
-interface BgmSelectorProps {
-  open: boolean;
-  onClose: () => void;
-  config: BgmMixConfig;
-  onChange: (config: BgmMixConfig) => void;
-}
-
-const BgmSelector: React.FC<BgmSelectorProps> = ({
-  open,
-  onClose,
-  config,
-  onChange,
-}) => {
-  const [presets, setPresets] = useState<BgmPreset[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [activeCategory, setActiveCategory] = useState<BgmCategory | "all">(
-    "all",
-  );
-  const [keyword, setKeyword] = useState("");
-  const [previewingId, setPreviewingId] = useState<string | null>(null);
-
-  const audioRef = useRef<HTMLAudioElement | null>(null);
-
-  /* ── 加载 BGM 列表 ── */
-  const loadPresets = useCallback(async () => {
-    setLoading(true);
-    try {
-      const params: { category?: string; keyword?: string } = {};
-      if (activeCategory !== "all") params.category = activeCategory;
-      if (keyword.trim()) params.keyword = keyword.trim();
-      const data = await getBgmPresets(params);
-      setPresets(data);
-    } catch {
-      message.error("加载 BGM 列表失败");
-    } finally {
-      setLoading(false);
-    }
-  }, [activeCategory, keyword]);
-
-  useEffect(() => {
-    if (open) loadPresets();
-  }, [open, loadPresets]);
-
-  /* ── 试听 ── */
-  const handlePreview = useCallback(
-    (bgm: BgmPreset) => {
-      if (previewingId === bgm.id) {
-        audioRef.current?.pause();
-        setPreviewingId(null);
-        return;
-      }
-      audioRef.current?.pause();
-      const audio = new Audio(bgm.url);
-      audioRef.current = audio;
-      audio.play().catch(() => {});
-      audio.onended = () => setPreviewingId(null);
-      setPreviewingId(bgm.id);
-    },
-    [previewingId],
-  );
-
-  /* ── 选中 BGM ── */
-  const handleSelect = useCallback(
-    (bgm: BgmPreset) => {
-      onChange({
-        ...config,
-        enabled: true,
-        music_id: bgm.id,
-      });
-    },
-    [config, onChange],
-  );
-
-  /* ── 关闭时停止播放 ── */
-  const handleClose = useCallback(() => {
-    audioRef.current?.pause();
-    setPreviewingId(null);
-    onClose();
-  }, [onClose]);
-
-  /* ── 移除 BGM ── */
-  const handleClear = useCallback(() => {
-    audioRef.current?.pause();
-    setPreviewingId(null);
-    onChange({ ...DEFAULT_BGM_MIX_CONFIG });
-  }, [onChange]);
-
-  /* ── 当前选中的 BGM ── */
-  const selectedBgm = presets.find((p) => p.id === config.music_id);
-
-  return (
-    <Drawer
-      title="🎵 BGM 音乐选择"
-      placement="right"
-      width={420}
-      open={open}
-      onClose={handleClose}
-      className="bgm-selector-drawer"
-    >
-      {/* ── 搜索框 ── */}
-      <div className="bgm-search-row">
-        <Search
-          placeholder="搜索 BGM 名称..."
-          allowClear
-          value={keyword}
-          onChange={(e) => setKeyword(e.target.value)}
-          onSearch={() => loadPresets()}
-        />
-      </div>
-
-      {/* ── 分类标签 ── */}
-      <div className="bgm-category-bar">
-        {CATEGORY_LIST.map((cat) => (
-          <Tag
-            key={cat.key}
-            className={`bgm-category-tag${activeCategory === cat.key ? " active" : ""}`}
-            onClick={() => setActiveCategory(cat.key)}
-          >
-            {cat.icon} {cat.label}
-          </Tag>
-        ))}
-      </div>
-
-      {/* ── BGM 列表 ── */}
-      <div className="bgm-list">
-        {loading && <div className="bgm-loading">加载中...</div>}
-        {!loading && presets.length === 0 && (
-          <div className="bgm-empty">暂无 BGM 数据</div>
-        )}
-        {presets.map((bgm) => {
-          const isSelected = config.music_id === bgm.id;
-          const isPlaying = previewingId === bgm.id;
-          return (
-            <div
-              key={bgm.id}
-              className={`bgm-item${isSelected ? " selected" : ""}`}
-              onClick={() => handleSelect(bgm)}
-            >
-              <div className="bgm-item-cover">
-                {bgm.cover_url ? (
-                  <img src={bgm.cover_url} alt={bgm.name} />
-                ) : (
-                  <span className="bgm-item-cover-icon">🎵</span>
-                )}
-              </div>
-              <div className="bgm-item-info">
-                <div className="bgm-item-name">{bgm.name}</div>
-                <div className="bgm-item-meta">
-                  <span className="bgm-item-category">{bgm.category}</span>
-                  <span className="bgm-item-duration">
-                    {Math.floor(bgm.duration / 60)}:
-                    {String(Math.floor(bgm.duration % 60)).padStart(2, "0")}
-                  </span>
-                </div>
-                {bgm.tags.length > 0 && (
-                  <div className="bgm-item-tags">
-                    {bgm.tags.slice(0, 3).map((t) => (
-                      <span key={t} className="bgm-item-tag">
-                        {t}
-                      </span>
-                    ))}
-                  </div>
-                )}
-              </div>
-              <button
-                className={`bgm-item-preview-btn${isPlaying ? " playing" : ""}`}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  handlePreview(bgm);
-                }}
-                title={isPlaying ? "暂停" : "试听"}
-              >
-                {isPlaying ? "⏸" : "▶️"}
-              </button>
-              {isSelected && <span className="bgm-item-check">✓</span>}
-            </div>
-          );
-        })}
-      </div>
-
-      {/* ── 混音配置 ── */}
-      {config.enabled && config.music_id && (
-        <div className="bgm-mix-config">
-          <div className="bgm-mix-header">
-            <span>混音配置</span>
-            <button className="bgm-mix-clear" onClick={handleClear}>
-              移除 BGM
-            </button>
-          </div>
-
-          <div className="bgm-mix-selected">
-            {selectedBgm
-              ? `当前：${selectedBgm.name}`
-              : `当前：${config.music_id}`}
-          </div>
-
-          {/* 音量 */}
-          <div className="bgm-mix-field">
-            <label className="bgm-mix-label">
-              音量 <span className="bgm-mix-value">{config.volume}%</span>
-            </label>
-            <Slider
-              min={0}
-              max={100}
-              value={config.volume}
-              onChange={(v) => onChange({ ...config, volume: v })}
-            />
-          </div>
-
-          {/* 淡入 */}
-          <div className="bgm-mix-field">
-            <label className="bgm-mix-label">
-              淡入{" "}
-              <span className="bgm-mix-value">
-                {config.fade_in.toFixed(1)}s
-              </span>
-            </label>
-            <Slider
-              min={0}
-              max={3}
-              step={0.1}
-              value={config.fade_in}
-              onChange={(v) => onChange({ ...config, fade_in: v })}
-            />
-          </div>
-
-          {/* 淡出 */}
-          <div className="bgm-mix-field">
-            <label className="bgm-mix-label">
-              淡出{" "}
-              <span className="bgm-mix-value">
-                {config.fade_out.toFixed(1)}s
-              </span>
-            </label>
-            <Slider
-              min={0}
-              max={3}
-              step={0.1}
-              value={config.fade_out}
-              onChange={(v) => onChange({ ...config, fade_out: v })}
-            />
-          </div>
-
-          {/* 人声闪避 */}
-          <div className="bgm-mix-field bgm-mix-toggle-row">
-            <label className="bgm-mix-label">人声闪避（sidechain）</label>
-            <div
-              className={`ep-toggle${config.voice_dodge ? " active" : ""}`}
-              onClick={() =>
-                onChange({ ...config, voice_dodge: !config.voice_dodge })
-              }
-            >
-              <div className="ep-toggle-knob" />
-            </div>
-          </div>
-        </div>
-      )}
-    </Drawer>
-  );
-};
-
-export default BgmSelector;

apps/web/src/pages/editing-planner/components/ClipPropertiesPanel.tsx

@@ -5,30 +5,32 @@
 import React, { useRef, useState, useCallback } from "react";
 import { useNavigate } from "react-router-dom";
 import type { TemplateMode } from "@/api/editingPlanner";
-import type { ClipData, ClipType, TitleSettings } from "../types";
-import { TRANSITION_OPTIONS } from "@/api/editPlans";
+import type { ClipData, ClipType } from "../types";
 import type { AssetItem } from "@/api/assets";
 
+interface TitleSettings {
+  aiAutoSelect: boolean;
+  title: string;
+  position: string;
+  font: string;
+  size: number;
+  bold: boolean;
+  italic: boolean;
+  stroke: boolean;
+  shadow: boolean;
+  color: string;
+}
+
 interface SubtitleSettings {
   enabled: boolean;
   position: string;
   font: string;
-  fontSize: number;
-  fontColor: string;
+  size: number;
   animation: string;
-  mode?: string;
-  stroke?: boolean;
-  shadow?: boolean;
-  asrLanguage?: string;
 }
 
 interface BgmSettings {
-  enabled: boolean;
-  music_id: string;
-  volume?: number;
-  fade_in?: number;
-  fade_out?: number;
-  voice_dodge?: boolean;
+  music: string;
 }
 
 interface ClipPropertiesPanelProps {
@@ -43,10 +45,6 @@ interface ClipPropertiesPanelProps {
   onSubtitleSettingsChange: (partial: Partial<SubtitleSettings>) => void;
   onBgmSettingsChange: (partial: Partial<BgmSettings>) => void;
   onClipUpdate: (clipId: string, data: Partial<ClipData>) => void;
-  /** 打开 BGM 选择器 Drawer */
-  onOpenBgmDrawer?: () => void;
-  /** 打开字幕样式配置 Drawer */
-  onOpenSubtitleDrawer?: () => void;
   /** 配音素材列表（从配音素材库 API 获取） */
   voiceMaterials?: AssetItem[];
   /** 配音素材加载中 */
@@ -55,26 +53,6 @@ interface ClipPropertiesPanelProps {
   onRefreshVoiceMaterials?: () => void;
   /** 为片段选择配音素材 */
   onClipVoiceSelect?: (clipId: string, asset: AssetItem | null) => void;
-  /** 打开转场特效选择器 Drawer */
-  onOpenTransitionDrawer?: (clipId: string) => void;
-  /** 打开片段调速面板 Drawer */
-  onOpenSpeedDrawer?: (clipId: string) => void;
-  /** 打开 TTS 配音面板 Drawer */
-  onOpenTtsDrawer?: (clipId: string) => void;
-  /** 打开水印设置面板 Drawer */
-  onOpenWatermarkDrawer?: () => void;
-  /** 打开片头片尾设置面板 Drawer */
-  onOpenIntroOutroDrawer?: () => void;
-  /** 打开画中画设置面板 Drawer */
-  onOpenPipDrawer?: () => void;
-  /** 打开滤镜调色面板 Drawer */
-  onOpenFilterDrawer?: () => void;
-  /** 打开绿幕抠像面板 Drawer */
-  onOpenGreenScreenDrawer?: () => void;
-  /** 打开贴纸面板 Drawer */
-  onOpenStickerDrawer?: () => void;
-  /** 打开封面选择器 Drawer */
-  onOpenCoverDrawer?: () => void;
 }
 
 const POSITION_OPTIONS = [
@@ -100,6 +78,14 @@ const ANIMATION_OPTIONS = [
   { value: "typewriter", label: "打字机" },
 ];
 
+const BGM_OPTIONS = [
+  { value: "none", label: "无背景音乐" },
+  { value: "bgm_01", label: "🎵 轻快节奏" },
+  { value: "bgm_02", label: "🎵 温馨舒缓" },
+  { value: "bgm_03", label: "🎵 动感活力" },
+  { value: "bgm_04", label: "🎵 科技感" },
+];
+
 /**
  * 标题样式预设 — 纯样式组合（颜色+描边+阴影+字重+字号）
  * 不绑定字体，用户可自由搭配任意字体
@@ -286,24 +272,12 @@ const ClipPropertiesPanel: React.FC<ClipPropertiesPanelProps> = ({
   currentMode,
   onTitleSettingsChange,
   onSubtitleSettingsChange,
-  onBgmSettingsChange: _onBgmSettingsChange,
+  onBgmSettingsChange,
   onClipUpdate,
-  onOpenBgmDrawer,
-  onOpenSubtitleDrawer,
   voiceMaterials = [],
   voiceMaterialsLoading = false,
   onRefreshVoiceMaterials,
   onClipVoiceSelect,
-  onOpenTransitionDrawer,
-  onOpenSpeedDrawer,
-  onOpenTtsDrawer,
-  onOpenWatermarkDrawer,
-  onOpenIntroOutroDrawer,
-  onOpenPipDrawer,
-  onOpenFilterDrawer,
-  onOpenGreenScreenDrawer,
-  onOpenStickerDrawer,
-  onOpenCoverDrawer,
 }) => {
   const navigate = useNavigate();
 
@@ -560,17 +534,15 @@ const ClipPropertiesPanel: React.FC<ClipPropertiesPanelProps> = ({
                 <input
                   className="ep-slider"
                   type="range"
-                  min={12}
-                  max={48}
-                  value={subtitleSettings.fontSize}
+                  min={10}
+                  max={32}
+                  value={subtitleSettings.size}
                   onChange={(e) =>
-                    onSubtitleSettingsChange({
-                      fontSize: Number(e.target.value),
-                    })
+                    onSubtitleSettingsChange({ size: Number(e.target.value) })
                   }
                 />
                 <span className="ep-slider-value">
-                  {subtitleSettings.fontSize}px
+                  {subtitleSettings.size}px
                 </span>
               </div>
             </div>
@@ -591,16 +563,6 @@ const ClipPropertiesPanel: React.FC<ClipPropertiesPanelProps> = ({
                 ))}
               </select>
             </div>
-
-            {/* 高级配置按钮 */}
-            {onOpenSubtitleDrawer && (
-              <button
-                className="ep-advanced-btn"
-                onClick={onOpenSubtitleDrawer}
-              >
-                🎨 高级字幕样式配置
-              </button>
-            )}
           </>
         )}
       </div>
@@ -612,130 +574,20 @@ const ClipPropertiesPanel: React.FC<ClipPropertiesPanelProps> = ({
           BGM 设置
         </div>
 
-        {bgmSettings.enabled && bgmSettings.music_id ? (
-          <div className="ep-bgm-current">
-            <span className="ep-bgm-current-label">🎵 已选择 BGM</span>
-            <span className="ep-bgm-current-id">{bgmSettings.music_id}</span>
-            {bgmSettings.volume !== undefined && (
-              <span className="ep-bgm-current-vol">
-                音量 {bgmSettings.volume}%
-              </span>
-            )}
-          </div>
-        ) : (
-          <div className="ep-bgm-empty">未选择背景音乐</div>
-        )}
-
-        {onOpenBgmDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenBgmDrawer}>
-            🎵 {bgmSettings.enabled ? "更换 BGM / 调整混音" : "选择 BGM 音乐"}
-          </button>
-        )}
-      </div>
-
-      {/* ═══ 水印设置 ═══ */}
-      <div className="ep-settings-section">
-        <div className="ep-section-title">
-          <span className="ep-section-icon">🔖</span>
-          水印设置
+        <div className="ep-field">
+          <label className="ep-field-label">背景音乐</label>
+          <select
+            className="ep-form-select"
+            value={bgmSettings.music}
+            onChange={(e) => onBgmSettingsChange({ music: e.target.value })}
+          >
+            {BGM_OPTIONS.map((opt) => (
+              <option key={opt.value} value={opt.value}>
+                {opt.label}
+              </option>
+            ))}
+          </select>
         </div>
-        {onOpenWatermarkDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenWatermarkDrawer}>
-            <span className="ep-advanced-btn-icon">🔖</span>
-            <span className="ep-advanced-btn-label">水印配置</span>
-            <span className="ep-advanced-btn-arrow">›</span>
-          </button>
-        )}
-      </div>
-
-      {/* ═══ 片头片尾设置 ═══ */}
-      <div className="ep-settings-section">
-        <div className="ep-section-title">
-          <span className="ep-section-icon">🎬</span>
-          片头片尾
-        </div>
-        {onOpenIntroOutroDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenIntroOutroDrawer}>
-            <span className="ep-advanced-btn-icon">🎬</span>
-            <span className="ep-advanced-btn-label">片头片尾配置</span>
-            <span className="ep-advanced-btn-arrow">›</span>
-          </button>
-        )}
-      </div>
-
-      {/* ═══ 画中画 ═══ */}
-      <div className="ep-settings-section">
-        <div className="ep-section-title">
-          <span className="ep-section-icon">🖼️</span>
-          画中画
-        </div>
-        {onOpenPipDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenPipDrawer}>
-            <span className="ep-advanced-btn-icon">🖼️</span>
-            <span className="ep-advanced-btn-label">配置画中画图层</span>
-            <span className="ep-advanced-btn-arrow">›</span>
-          </button>
-        )}
-      </div>
-
-      {/* ═══ 滤镜调色 ═══ */}
-      <div className="ep-settings-section">
-        <div className="ep-section-title">
-          <span className="ep-section-icon">🎨</span>
-          滤镜调色
-        </div>
-        {onOpenFilterDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenFilterDrawer}>
-            <span className="ep-advanced-btn-icon">🎨</span>
-            <span className="ep-advanced-btn-label">配置滤镜调色</span>
-            <span className="ep-advanced-btn-arrow">›</span>
-          </button>
-        )}
-      </div>
-
-      {/* ═══ 绿幕抠像 ═══ */}
-      <div className="ep-settings-section">
-        <div className="ep-section-title">
-          <span className="ep-section-icon">🟩</span>
-          绿幕抠像
-        </div>
-        {onOpenGreenScreenDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenGreenScreenDrawer}>
-            <span className="ep-advanced-btn-icon">🟩</span>
-            <span className="ep-advanced-btn-label">配置绿幕抠像</span>
-            <span className="ep-advanced-btn-arrow">›</span>
-          </button>
-        )}
-      </div>
-
-      {/* ═══ 贴纸 ═══ */}
-      <div className="ep-settings-section">
-        <div className="ep-section-title">
-          <span className="ep-section-icon">🏷️</span>
-          贴纸
-        </div>
-        {onOpenStickerDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenStickerDrawer}>
-            <span className="ep-advanced-btn-icon">🏷️</span>
-            <span className="ep-advanced-btn-label">配置贴纸花字</span>
-            <span className="ep-advanced-btn-arrow">›</span>
-          </button>
-        )}
-      </div>
-
-      {/* ═══ 封面 ═══ */}
-      <div className="ep-settings-section">
-        <div className="ep-section-title">
-          <span className="ep-section-icon">🖼️</span>
-          封面
-        </div>
-        {onOpenCoverDrawer && (
-          <button className="ep-advanced-btn" onClick={onOpenCoverDrawer}>
-            <span className="ep-advanced-btn-icon">🖼️</span>
-            <span className="ep-advanced-btn-label">选择视频封面</span>
-            <span className="ep-advanced-btn-arrow">›</span>
-          </button>
-        )}
       </div>
 
       {/* ═══ 片段详情（选中时显示） ═══ */}
@@ -797,71 +649,6 @@ const ClipPropertiesPanel: React.FC<ClipPropertiesPanelProps> = ({
               </div>
             </div>
 
-            {/* 转场效果入口 */}
-            {onOpenTransitionDrawer && (
-              <div className="ep-clip-detail-field">
-                <button
-                  className="ep-advanced-btn ep-advanced-btn--transition"
-                  onClick={() => onOpenTransitionDrawer(selectedClip.id)}
-                >
-                  <span className="ep-advanced-btn-icon">🎬</span>
-                  <span className="ep-advanced-btn-label">转场效果</span>
-                  <span className="ep-advanced-btn-value">
-                    {(() => {
-                      const t = selectedClip.transition;
-                      if (!t || t.type === "none") return "无转场";
-                      const opt = TRANSITION_OPTIONS.find(
-                        (o) => o.value === t.type,
-                      );
-                      return `${opt?.label ?? t.type} · ${t.duration.toFixed(1)}s`;
-                    })()}
-                  </span>
-                  <span className="ep-advanced-btn-arrow">›</span>
-                </button>
-              </div>
-            )}
-
-            {/* 播放速度入口 */}
-            {onOpenSpeedDrawer && (
-              <div className="ep-clip-detail-field">
-                <button
-                  className="ep-advanced-btn ep-advanced-btn--speed"
-                  onClick={() => onOpenSpeedDrawer(selectedClip.id)}
-                >
-                  <span className="ep-advanced-btn-icon">⚡</span>
-                  <span className="ep-advanced-btn-label">播放速度</span>
-                  <span className="ep-advanced-btn-value">
-                    {selectedClip.speed
-                      ? `${selectedClip.speed.rate.toFixed(2)}x`
-                      : "1.00x"}
-                  </span>
-                  <span className="ep-advanced-btn-arrow">›</span>
-                </button>
-              </div>
-            )}
-
-            {/* TTS 配音入口 */}
-            {onOpenTtsDrawer && (
-              <div className="ep-clip-detail-field">
-                <button
-                  className="ep-advanced-btn ep-advanced-btn--tts"
-                  onClick={() => onOpenTtsDrawer(selectedClip.id)}
-                >
-                  <span className="ep-advanced-btn-icon">🎙️</span>
-                  <span className="ep-advanced-btn-label">TTS 配音</span>
-                  <span className="ep-advanced-btn-value">
-                    {(() => {
-                      const tts = selectedClip.tts_config;
-                      if (!tts || tts.mode === "none") return "无配音";
-                      if (tts.mode === "upload") return "上传配音";
-                      return `TTS · ${tts.voice_id ? "已选音色" : "未选音色"}`;
-                    })()}
-                  </span>
-                  <span className="ep-advanced-btn-arrow">›</span>
-                </button>
-              </div>
-            )}
-
             {/* 素材起始时间 — 仅 voice 类型显示 */}
             {selectedClip.type === "voice" && (
               <div className="ep-clip-detail-field">

apps/web/src/pages/editing-planner/components/CoverSelector.tsx

@@ -1,301 +0,0 @@
-/**
- * 封面选择器
- * 抽帧选封面 + 上传自定义封面 + 智能封面推荐
- */
-import React, { useCallback, useRef, useState } from "react";
-import { Drawer } from "antd";
-import type { CoverConfig, CoverMode } from "../types";
-import { DEFAULT_COVER_CONFIG } from "../types";
-
-interface CoverSelectorProps {
-  open: boolean;
-  onClose: () => void;
-  config: CoverConfig;
-  onChange: (config: CoverConfig) => void;
-  totalDuration: number;
-}
-
-/** 封面模式标签 */
-const MODE_LABELS: Record<CoverMode, string> = {
-  auto: "智能封面",
-  frame: "抽帧选封面",
-  upload: "上传封面",
-};
-
-/** 封面模式图标 */
-const MODE_ICONS: Record<CoverMode, string> = {
-  auto: "🤖",
-  frame: "🎞️",
-  upload: "📤",
-};
-
-const CoverSelector: React.FC<CoverSelectorProps> = ({
-  open,
-  onClose,
-  config,
-  onChange,
-  totalDuration,
-}) => {
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const [isDragging, setIsDragging] = useState(false);
-
-  const update = useCallback(
-    (partial: Partial<CoverConfig>) => {
-      onChange({ ...config, ...partial });
-    },
-    [config, onChange],
-  );
-
-  const handleReset = useCallback(() => {
-    onChange({ ...DEFAULT_COVER_CONFIG, enabled: config.enabled });
-  }, [config.enabled, onChange]);
-
-  /** 切换模式 */
-  const handleModeChange = useCallback(
-    (mode: CoverMode) => {
-      update({ mode });
-    },
-    [update],
-  );
-
-  /** 处理文件上传 */
-  const handleFileUpload = useCallback(
-    (file: File) => {
-      if (!file.type.startsWith("image/")) return;
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        const url = e.target?.result as string;
-        update({ upload_url: url, thumbnail_url: url, mode: "upload" });
-      };
-      reader.readAsDataURL(file);
-    },
-    [update],
-  );
-
-  /** 拖拽上传 */
-  const handleDrop = useCallback(
-    (e: React.DragEvent) => {
-      e.preventDefault();
-      setIsDragging(false);
-      const file = e.dataTransfer.files[0];
-      if (file) handleFileUpload(file);
-    },
-    [handleFileUpload],
-  );
-
-  /** 使用 AI 推荐时间 */
-  const handleUseAiSuggestion = useCallback(() => {
-    if (config.ai_suggested_time !== null) {
-      update({ frame_time: config.ai_suggested_time, mode: "frame" });
-    }
-  }, [config.ai_suggested_time, update]);
-
-  /** 格式化时间 */
-  const formatTime = (seconds: number) => {
-    const m = Math.floor(seconds / 60);
-    const s = Math.floor(seconds % 60);
-    const ms = Math.floor((seconds % 1) * 10);
-    return `${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}.${ms}`;
-  };
-
-  return (
-    <Drawer
-      title="封面选择"
-      placement="right"
-      width={440}
-      open={open}
-      onClose={onClose}
-      className="cover-selector-drawer"
-    >
-      {/* 顶部开关 */}
-      <div className="cover-header">
-        <span className="cover-header-label">启用自定义封面</span>
-        <label className="cover-switch">
-          <input
-            type="checkbox"
-            checked={config.enabled}
-            onChange={(e) => update({ enabled: e.target.checked })}
-          />
-          <span className="cover-switch-slider" />
-        </label>
-      </div>
-
-      {/* 模式选择 */}
-      <div className="cover-mode-section">
-        <div className="cover-section-title">封面来源</div>
-        <div className="cover-mode-tabs">
-          {(["auto", "frame", "upload"] as CoverMode[]).map((m) => (
-            <button
-              key={m}
-              className={`cover-mode-tab${config.mode === m ? " active" : ""}`}
-              onClick={() => handleModeChange(m)}
-            >
-              <span className="cover-mode-icon">{MODE_ICONS[m]}</span>
-              <span className="cover-mode-label">{MODE_LABELS[m]}</span>
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {/* 模式内容区 */}
-      <div className="cover-mode-content">
-        {/* 智能封面 */}
-        {config.mode === "auto" && (
-          <div className="cover-auto-section">
-            <div className="cover-auto-desc">
-              AI 将分析视频内容，自动选择最具吸引力的画面作为封面。
-            </div>
-            {config.ai_suggested_time !== null ? (
-              <div className="cover-auto-suggestion">
-                <div className="cover-auto-badge">AI 推荐</div>
-                <div className="cover-auto-time">
-                  推荐时间点：{formatTime(config.ai_suggested_time)}
-                </div>
-                <button
-                  className="cover-auto-use-btn"
-                  onClick={handleUseAiSuggestion}
-                >
-                  使用此时间点
-                </button>
-              </div>
-            ) : (
-              <div className="cover-auto-pending">
-                <div className="cover-auto-spinner" />
-                <span>AI 分析中...（生成视频后自动推荐）</span>
-              </div>
-            )}
-          </div>
-        )}
-
-        {/* 抽帧选封面 */}
-        {config.mode === "frame" && (
-          <div className="cover-frame-section">
-            <div className="cover-frame-preview">
-              <div className="cover-frame-placeholder">
-                <span className="cover-frame-icon">🎞️</span>
-                <span className="cover-frame-time">
-                  {formatTime(config.frame_time)}
-                </span>
-              </div>
-            </div>
-            <div className="cover-frame-timeline">
-              <div className="cover-frame-slider-header">
-                <span className="cover-frame-slider-label">拖动选择封面帧</span>
-                <span className="cover-frame-slider-value">
-                  {formatTime(config.frame_time)}
-                </span>
-              </div>
-              <input
-                type="range"
-                className="cover-frame-slider"
-                min={0}
-                max={Math.max(totalDuration, 1)}
-                step={0.1}
-                value={config.frame_time}
-                onChange={(e) => update({ frame_time: Number(e.target.value) })}
-              />
-              <div className="cover-frame-range">
-                <span>00:00</span>
-                <span>{formatTime(totalDuration)}</span>
-              </div>
-            </div>
-            {/* 快捷时间点 */}
-            <div className="cover-frame-quick">
-              <span className="cover-quick-label">快捷选帧：</span>
-              {[0, 0.25, 0.5, 0.75].map((ratio) => {
-                const t = totalDuration * ratio;
-                return (
-                  <button
-                    key={ratio}
-                    className="cover-quick-btn"
-                    onClick={() => update({ frame_time: t })}
-                  >
-                    {formatTime(t)}
-                  </button>
-                );
-              })}
-            </div>
-          </div>
-        )}
-
-        {/* 上传封面 */}
-        {config.mode === "upload" && (
-          <div className="cover-upload-section">
-            <div
-              className={`cover-upload-area${isDragging ? " dragging" : ""}`}
-              onDragOver={(e) => {
-                e.preventDefault();
-                setIsDragging(true);
-              }}
-              onDragLeave={() => setIsDragging(false)}
-              onDrop={handleDrop}
-              onClick={() => fileInputRef.current?.click()}
-            >
-              {config.upload_url ? (
-                <div className="cover-upload-preview">
-                  <img src={config.upload_url} alt="封面预览" />
-                  <div className="cover-upload-overlay">点击更换</div>
-                </div>
-              ) : (
-                <div className="cover-upload-placeholder">
-                  <span className="cover-upload-icon">📤</span>
-                  <span className="cover-upload-text">
-                    点击或拖拽上传封面图片
-                  </span>
-                  <span className="cover-upload-hint">
-                    支持 JPG / PNG，建议 16:9 比例
-                  </span>
-                </div>
-              )}
-              <input
-                ref={fileInputRef}
-                type="file"
-                accept="image/*"
-                style={{ display: "none" }}
-                onChange={(e) => {
-                  const file = e.target.files?.[0];
-                  if (file) handleFileUpload(file);
-                }}
-              />
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* 封面预览 */}
-      <div className="cover-preview-section">
-        <div className="cover-section-title">封面预览</div>
-        <div className="cover-preview-box">
-          {config.upload_url ? (
-            <img
-              src={config.upload_url}
-              alt="封面预览"
-              className="cover-preview-img"
-            />
-          ) : (
-            <div className="cover-preview-placeholder">
-              <span className="cover-preview-icon">🖼️</span>
-              <span className="cover-preview-text">
-                {config.mode === "auto"
-                  ? "AI 智能选择"
-                  : config.mode === "frame"
-                    ? `帧 ${formatTime(config.frame_time)}`
-                    : "未上传封面"}
-              </span>
-            </div>
-          )}
-          <div className="cover-preview-ratio">16:9</div>
-        </div>
-      </div>
-
-      {/* 底部 */}
-      <div className="cover-footer">
-        <button className="cover-reset-btn" onClick={handleReset}>
-          重置封面
-        </button>
-      </div>
-    </Drawer>
-  );
-};
-
-export default CoverSelector;

apps/web/src/pages/editing-planner/components/FilterPanel.tsx

@@ -1,234 +0,0 @@
-/**
- * 滤镜调色配置面板
- * 预设滤镜 + 手动调节（亮度/对比度/饱和度/色温/色调/锐度）
- */
-import React, { useCallback } from "react";
-import { Drawer, Switch } from "antd";
-import type { FilterConfig, FilterPreset } from "../types";
-import { DEFAULT_FILTER_CONFIG, FILTER_PRESET_LABELS } from "../types";
-
-interface FilterPanelProps {
-  open: boolean;
-  onClose: () => void;
-  config: FilterConfig;
-  onChange: (config: FilterConfig) => void;
-}
-
-/** 所有预设列表 */
-const PRESET_LIST: FilterPreset[] = [
-  "none",
-  "original",
-  "fresh",
-  "warm",
-  "cool",
-  "vintage",
-  "cinema",
-  "bw",
-  "sunshine",
-  "film",
-];
-
-/** 预设对应的示例渐变色（用于视觉预览） */
-const PRESET_GRADIENTS: Record<FilterPreset, string> = {
-  none: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-  original: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-  fresh: "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)",
-  warm: "linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",
-  cool: "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",
-  vintage: "linear-gradient(135deg, #c79081 0%, #dfa579 100%)",
-  cinema: "linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%)",
-  bw: "linear-gradient(135deg, #434343 0%, #000000 100%)",
-  sunshine: "linear-gradient(135deg, #f6d365 0%, #fda085 100%)",
-  film: "linear-gradient(135deg, #8e9eab 0%, #eef2f3 100%)",
-};
-
-const FilterPanel: React.FC<FilterPanelProps> = ({
-  open,
-  onClose,
-  config,
-  onChange,
-}) => {
-  const update = useCallback(
-    (partial: Partial<FilterConfig>) => {
-      onChange({ ...config, ...partial });
-    },
-    [config, onChange],
-  );
-
-  const handleReset = useCallback(() => {
-    onChange({ ...DEFAULT_FILTER_CONFIG, enabled: config.enabled });
-  }, [config.enabled, onChange]);
-
-  /** 选择预设时重置手动参数 */
-  const handlePresetSelect = useCallback(
-    (preset: FilterPreset) => {
-      if (preset === "none") {
-        onChange({ ...DEFAULT_FILTER_CONFIG, enabled: config.enabled });
-      } else {
-        onChange({
-          ...DEFAULT_FILTER_CONFIG,
-          enabled: config.enabled,
-          preset,
-        });
-      }
-    },
-    [config.enabled, onChange],
-  );
-
-  return (
-    <Drawer
-      title="滤镜调色"
-      placement="right"
-      width={420}
-      open={open}
-      onClose={onClose}
-      className="filter-panel-drawer"
-    >
-      {/* 顶部开关 */}
-      <div className="filter-header">
-        <span className="filter-header-label">启用滤镜</span>
-        <Switch
-          size="small"
-          checked={config.enabled}
-          onChange={(checked) => update({ enabled: checked })}
-        />
-      </div>
-
-      {/* 预设滤镜选择 */}
-      <div className="filter-section">
-        <div className="filter-section-title">预设滤镜</div>
-        <div className="filter-presets">
-          {PRESET_LIST.map((p) => (
-            <button
-              key={p}
-              className={`filter-preset-item${config.preset === p ? " active" : ""}`}
-              onClick={() => handlePresetSelect(p)}
-            >
-              <div
-                className="filter-preset-preview"
-                style={{ background: PRESET_GRADIENTS[p] }}
-              />
-              <span className="filter-preset-label">
-                {FILTER_PRESET_LABELS[p]}
-              </span>
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {/* 手动调节 */}
-      <div className="filter-section">
-        <div className="filter-section-title">手动调节</div>
-
-        {/* 亮度 */}
-        <div className="filter-slider-row">
-          <span className="filter-slider-label">亮度</span>
-          <input
-            type="range"
-            className="filter-slider"
-            min={-100}
-            max={100}
-            value={config.brightness}
-            onChange={(e) => update({ brightness: Number(e.target.value) })}
-          />
-          <span className="filter-slider-value">{config.brightness}</span>
-        </div>
-
-        {/* 对比度 */}
-        <div className="filter-slider-row">
-          <span className="filter-slider-label">对比度</span>
-          <input
-            type="range"
-            className="filter-slider"
-            min={-100}
-            max={100}
-            value={config.contrast}
-            onChange={(e) => update({ contrast: Number(e.target.value) })}
-          />
-          <span className="filter-slider-value">{config.contrast}</span>
-        </div>
-
-        {/* 饱和度 */}
-        <div className="filter-slider-row">
-          <span className="filter-slider-label">饱和度</span>
-          <input
-            type="range"
-            className="filter-slider"
-            min={-100}
-            max={100}
-            value={config.saturation}
-            onChange={(e) => update({ saturation: Number(e.target.value) })}
-          />
-          <span className="filter-slider-value">{config.saturation}</span>
-        </div>
-
-        {/* 色温 */}
-        <div className="filter-slider-row">
-          <span className="filter-slider-label">色温</span>
-          <input
-            type="range"
-            className="filter-slider"
-            min={-100}
-            max={100}
-            value={config.temperature}
-            onChange={(e) => update({ temperature: Number(e.target.value) })}
-          />
-          <span className="filter-slider-value">{config.temperature}</span>
-        </div>
-
-        {/* 色调 */}
-        <div className="filter-slider-row">
-          <span className="filter-slider-label">色调</span>
-          <input
-            type="range"
-            className="filter-slider"
-            min={-100}
-            max={100}
-            value={config.tint}
-            onChange={(e) => update({ tint: Number(e.target.value) })}
-          />
-          <span className="filter-slider-value">{config.tint}</span>
-        </div>
-
-        {/* 锐度 */}
-        <div className="filter-slider-row">
-          <span className="filter-slider-label">锐度</span>
-          <input
-            type="range"
-            className="filter-slider"
-            min={0}
-            max={100}
-            value={config.sharpness}
-            onChange={(e) => update({ sharpness: Number(e.target.value) })}
-          />
-          <span className="filter-slider-value">{config.sharpness}</span>
-        </div>
-      </div>
-
-      {/* 预览色块 */}
-      <div className="filter-section">
-        <div className="filter-section-title">效果预览</div>
-        <div
-          className="filter-preview-block"
-          style={{
-            background: PRESET_GRADIENTS[config.preset],
-            filter: [
-              `brightness(${100 + config.brightness}%)`,
-              `contrast(${100 + config.contrast}%)`,
-              `saturate(${100 + config.saturation}%)`,
-            ].join(" "),
-          }}
-        />
-      </div>
-
-      {/* 底部重置 */}
-      <div className="filter-footer">
-        <button className="filter-reset-btn" onClick={handleReset}>
-          重置参数
-        </button>
-      </div>
-    </Drawer>
-  );
-};
-
-export default FilterPanel;