diff --git a/app/api/canvas/video/process/route.ts b/app/api/canvas/video/process/route.ts
index 459049544..9fd412245 100644
--- a/app/api/canvas/video/process/route.ts
+++ b/app/api/canvas/video/process/route.ts
@@ -1,42 +1,96 @@
-import {auth} from '@/app/(auth)/auth';
-import {NextResponse} from 'next/server';
-import {mkdtemp,readFile,rm} from 'node:fs/promises';
-import {tmpdir} from 'node:os';
-import {join} from 'node:path';
-import {randomUUID} from 'node:crypto';
-import {uploadFile} from '@/lib/storage/service';
-import {downloadCanvasMedia} from '@/lib/video-canvas/download-media';
-import {processVideoFile} from '@/lib/video-canvas/media-processing';
-import {videoProcessSchema} from '@/lib/video-canvas/media-contract';
-export const runtime='nodejs';
-export const maxDuration=300;
-const running=new Set<string>();
-export async function POST(request:Request) {
-  const session=await auth();
-  if(!session?.user?.id) return NextResponse.json({success:false,error:'未登录'},{status:401});
-  const parsed=videoProcessSchema.safeParse(await request.json().catch(()=>null));
-  if(!parsed.success) return NextResponse.json({success:false,error:'视频处理参数无效'},{status:400});
-  if(running.has(session.user.id)||running.size>=2) return NextResponse.json({success:false,error:'视频处理中，请稍后再提交'},{status:429});
+import { auth } from "@/app/(auth)/auth";
+import { NextResponse } from "next/server";
+import { mkdtemp, readFile, rm } from "node:fs/promises";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { randomUUID } from "node:crypto";
+import { uploadFile } from "@/lib/storage/service";
+import { downloadCanvasMedia } from "@/lib/video-canvas/download-media";
+import { processVideoFile } from "@/lib/video-canvas/media-processing";
+import { videoProcessSchema } from "@/lib/video-canvas/media-contract";
+export const runtime = "nodejs";
+export const maxDuration = 300;
+const running = new Set<string>();
+export async function POST(request: Request) {
+  const session = await auth();
+  if (!session?.user?.id)
+    return NextResponse.json({ success: false, error: "未登录" }, { status: 401 });
+  const parsed = videoProcessSchema.safeParse(await request.json().catch(() => null));
+  if (!parsed.success)
+    return NextResponse.json({ success: false, error: "视频处理参数无效" }, { status: 400 });
+  if (running.has(session.user.id) || running.size >= 2)
+    return NextResponse.json(
+      { success: false, error: "视频处理中，请稍后再提交" },
+      { status: 429 },
+    );
   running.add(session.user.id);
-  let dir='';
+  let dir = "";
   try {
-    dir=await mkdtemp(join(tmpdir(),'canvas-video-'));
-    const input=join(dir,'input');
-    await downloadCanvasMedia(parsed.data.url,input);
-    const save=async(name:string)=>{const buffer=await readFile(join(dir,name));return (await uploadFile(`canvas-video-${randomUUID()}-${name}`,new Uint8Array(buffer).buffer)).url;};
-    if(parsed.data.operation==='trim') {
-      const metadata=await processVideoFile(input,join(dir,'clip.mp4'),'trim',undefined,parsed.data.range);
-      return NextResponse.json({success:true,data:{url:await save('clip.mp4'),...metadata}});
+    dir = await mkdtemp(join(tmpdir(), "canvas-video-"));
+    const input = join(dir, "input");
+    await downloadCanvasMedia(parsed.data.url, input);
+    const save = async (name: string) => {
+      const buffer = await readFile(join(dir, name));
+      return (
+        await uploadFile(`canvas-video-${randomUUID()}-${name}`, new Uint8Array(buffer).buffer)
+      ).url;
+    };
+    if (parsed.data.operation === "frame" || parsed.data.operation === "slow") {
+      const name = parsed.data.operation === "frame" ? "frame.png" : "slow.mp4";
+      const metadata = await processVideoFile(
+        input,
+        join(dir, name),
+        parsed.data.operation,
+        undefined,
+        undefined,
+        parsed.data,
+      );
+      return NextResponse.json({ success: true, data: { url: await save(name), ...metadata } });
     }
-    if(parsed.data.operation==='crop') {
-      const metadata=await processVideoFile(input,join(dir,'crop.mp4'),'crop',parsed.data.rect);
-      return NextResponse.json({success:true,data:{url:await save('crop.mp4'),...metadata}});
+    if (parsed.data.operation === "trim") {
+      const metadata = await processVideoFile(
+        input,
+        join(dir, "clip.mp4"),
+        "trim",
+        undefined,
+        parsed.data.range,
+      );
+      return NextResponse.json({
+        success: true,
+        data: { url: await save("clip.mp4"), ...metadata },
+      });
     }
-    const metadata=await processVideoFile(input,join(dir,'audio.m4a'),'extract-audio');
-    await processVideoFile(input,join(dir,'silent.mp4'),'silent-video');
-    return NextResponse.json({success:true,data:{audioUrl:await save('audio.m4a'),url:await save('silent.mp4'),...metadata}});
-  } catch(error) {
-    const message=error instanceof Error ? error.message : '视频处理失败';
-    return NextResponse.json({success:false,error:message.startsWith('Command failed')?'视频处理失败，请确认文件完整且格式受支持':message},{status:400});
-  } finally {running.delete(session.user.id);if(dir)await rm(dir,{recursive:true,force:true});}
+    if (parsed.data.operation === "crop") {
+      const metadata = await processVideoFile(
+        input,
+        join(dir, "crop.mp4"),
+        "crop",
+        parsed.data.rect,
+      );
+      return NextResponse.json({
+        success: true,
+        data: { url: await save("crop.mp4"), ...metadata },
+      });
+    }
+    const metadata = await processVideoFile(input, join(dir, "audio.m4a"), "extract-audio");
+    await processVideoFile(input, join(dir, "silent.mp4"), "silent-video");
+    return NextResponse.json({
+      success: true,
+      data: { audioUrl: await save("audio.m4a"), url: await save("silent.mp4"), ...metadata },
+    });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "视频处理失败";
+    return NextResponse.json(
+      {
+        success: false,
+        error: message.startsWith("Command failed")
+          ? "视频处理失败，请确认文件完整且格式受支持"
+          : message,
+      },
+      { status: 400 },
+    );
+  } finally {
+    running.delete(session.user.id);
+    if (dir) await rm(dir, { recursive: true, force: true });
+  }
 }
diff --git a/components/canvas/LiblibVideoCanvasReplica.tsx b/components/canvas/LiblibVideoCanvasReplica.tsx
index 167d8f435..af357ba82 100644
--- a/components/canvas/LiblibVideoCanvasReplica.tsx
+++ b/components/canvas/LiblibVideoCanvasReplica.tsx
@@ -99,6 +99,9 @@ import {
   videoGenerationService,
   workflowAnalysisService,
 } from "@/services/canvas";
+import { canvasGenerationCount, canvasImageRequest, canvasImageResultUrls } from "@/lib/video-canvas/generation-contract";
+import { anglePresets, angleRequestParameters } from "@/lib/video-canvas/angle-settings";
+import { downloadCanvasMedia } from "@/lib/video-canvas/download";
 import { preserveGeneratedVideo } from "@/lib/video-canvas/archive-result";
 import { VideoArchiveButton } from "@/components/canvas/VideoArchiveButton";
 import { VideoPromptToolDialog } from "@/components/canvas/VideoPromptToolDialog";
@@ -638,6 +641,7 @@ type GridSplitState = {
 };
 
 type AngleEditorSettings = {
+  preset?: string;
   horizontalAngle: number;
   promptEnabled: boolean;
   verticalAngle: number;
@@ -2646,6 +2650,9 @@ function normalizeStoryScriptRow(row: unknown, index: number, nodeId: string): S
 
   if (!row || typeof row !== "object") return null;
   const record = row as Record<string, unknown>;
+  if (["shot","duration","scene","sceneDescription","shotSize","lighting","dialogue","backgroundMusic","voiceAndSfx","cameraMovement","imagePrompt","motionPrompt","keyframeUrl"].every(key => typeof record[key] === "string")) {
+    return { ...record, id: typeof record.id === "string" ? record.id : `${nodeId}-story-row-${index}` } as StoryScriptRow;
+  }
   const shot = formatStoryShot(record.shot || record.id, index);
   const duration = String(record.duration || record.length || record.time || "5s").trim();
   const scene = String(record.scene || record.title || record.sceneDescription || `镜头 ${shot}`).trim();
@@ -2705,11 +2712,7 @@ function getStoryScriptRows(node: CloneNode | null | undefined): StoryScriptRow[
   const rows = rawRows
     .map((row, index) => normalizeStoryScriptRow(row, index, nodeId))
     .filter((row): row is StoryScriptRow => Boolean(row));
-  if (rows.length > 0) return rows;
-  return DEFAULT_STORY_SCRIPT_ROWS.map((row, index) => ({
-    ...row,
-    id: `${nodeId}-story-fallback-${index}`,
-  }));
+  return rows;
 }
 
 type StoryWorkflowAsset = {
@@ -2719,120 +2722,14 @@ type StoryWorkflowAsset = {
   type: "role" | "scene" | "prop";
 };
 
-const STORY_WORKFLOW_ASSET_FALLBACKS: StoryWorkflowAsset[] = [
-  {
-    description: "现代办公室加班女性，穿越前状态，疲惫压抑。",
-    imageUrl: SCRIPT_CHARACTER_ONE_URL,
-    name: "现代沈昭昭",
-    type: "role",
-  },
-  {
-    description: "盛唐男装官服女主，朝堂危局中的核心角色。",
-    imageUrl: SCRIPT_CHARACTER_TWO_URL,
-    name: "沈昭昭",
-    type: "role",
-  },
-  {
-    description: "龙椅之上威严注视的盛唐皇帝。",
-    imageUrl: CHARACTER_IMAGE_URL,
-    name: "皇帝",
-    type: "role",
-  },
-  {
-    description: "恢弘金色朝堂，百官列立，压迫感强。",
-    imageUrl: FIRST_FRAME_IMAGE_URL,
-    name: "金銮殿",
-    type: "scene",
-  },
-  {
-    description: "晴朗盛唐长安，街市与山河展开。",
-    imageUrl: VIDEO_FIRST_FRAME_SOURCE_URL,
-    name: "长安城白昼",
-    type: "scene",
-  },
-  {
-    description: "夜色长安灯火连绵，结尾史诗气氛。",
-    imageUrl: AUDIO_REFERENCE_IMAGE_URL,
-    name: "长安城夜景",
-    type: "scene",
-  },
-  {
-    description: "侍卫拔刀形成威胁，刀光映入角色瞳孔。",
-    imageUrl: FIRST_FRAME_IMAGE_URL,
-    name: "侍卫长刀",
-    type: "prop",
-  },
-];
-
-function classifyStoryWorkflowAsset(name: string): StoryWorkflowAsset["type"] {
-  if (/殿|城|长安|办公室|街|山河|夜景|白昼|场景/.test(name)) return "scene";
-  if (/刀|剑|笔|卷|书|道具/.test(name)) return "prop";
-  return "role";
-}
-
-function getStoryWorkflowAssetImage(type: StoryWorkflowAsset["type"], index: number) {
-  if (type === "role") {
-    return [SCRIPT_CHARACTER_ONE_URL, SCRIPT_CHARACTER_TWO_URL, CHARACTER_IMAGE_URL][index % 3];
-  }
-  if (type === "scene") {
-    return [FIRST_FRAME_IMAGE_URL, VIDEO_FIRST_FRAME_SOURCE_URL, AUDIO_REFERENCE_IMAGE_URL][index % 3];
-  }
-  return [FIRST_FRAME_IMAGE_URL, CHARACTER_IMAGE_URL][index % 2];
-}
-
-function normalizeStoryWorkflowAssetName(rawName: string) {
-  const knownAsset = STORY_WORKFLOW_ASSET_FALLBACKS.find((asset) => rawName.includes(asset.name));
-  if (knownAsset) return knownAsset.name;
-  return rawName
-    .replace(/(伏案|抬头|猛然|跪|目光|缓缓|站直|吟诵|转身|低声|满脸|发现|身着|看向|穿过|指着|厉声|内|外).*/, "")
-    .trim()
-    .slice(0, 8);
-}
-
 function getStoryWorkflowAssetGroups(rows: StoryScriptRow[]) {
-  const detectedNames = Array.from(
-    new Set(
-      rows.flatMap((row) =>
-        [
-          row.scene,
-          row.sceneDescription,
-          row.dialogue,
-          row.voiceAndSfx,
-          row.imagePrompt,
-          row.motionPrompt,
-        ]
-          .join(" ")
-          .match(/@([\u4e00-\u9fa5A-Za-z0-9_-]{2,18})/g)
-          ?.map((item) => normalizeStoryWorkflowAssetName(item.slice(1)))
-          .filter(Boolean) || []
-      )
-    )
-  );
-  const detectedAssets = detectedNames.map<StoryWorkflowAsset>((name, index) => {
-    const type = classifyStoryWorkflowAsset(name);
-    return {
-      description:
-        type === "role"
-          ? "由脚本中 @ 引用自动抽取的角色资产。"
-          : type === "scene"
-            ? "由脚本镜头引用自动抽取的场景资产。"
-            : "由镜头动作和威胁物件抽取的道具资产。",
-      imageUrl: getStoryWorkflowAssetImage(type, index),
-      name,
-      type,
-    };
-  });
-
-  const byName = new Map<string, StoryWorkflowAsset>();
-  [...detectedAssets, ...STORY_WORKFLOW_ASSET_FALLBACKS].forEach((asset) => {
-    if (!byName.has(asset.name)) byName.set(asset.name, asset);
-  });
-  const assets = Array.from(byName.values());
-  return {
-    prop: assets.filter((asset) => asset.type === "prop"),
-    role: assets.filter((asset) => asset.type === "role"),
-    scene: assets.filter((asset) => asset.type === "scene"),
-  };
+  const names = [...new Set(rows.flatMap(row =>
+    [row.scene, row.sceneDescription, row.imagePrompt, row.motionPrompt].join(" ").match(/@[\p{L}\p{N}_-]+/gu) || []))];
+  const assets: StoryWorkflowAsset[] = names.map(name => ({
+    name: name.slice(1), description: "脚本引用，请确认类型并准备图片", imageUrl: "",
+    type: /场景|街|城|室|厅|山|海/.test(name) ? "scene" : /刀|剑|杯|道具/.test(name) ? "prop" : "role",
+  }));
+  return { role: assets.filter(a => a.type === "role"), scene: assets.filter(a => a.type === "scene"), prop: assets.filter(a => a.type === "prop") };
 }
 
 function buildStorySceneText(row: StoryScriptRow) {
@@ -2858,7 +2755,7 @@ function buildStoryVideoPrompt(row: StoryScriptRow) {
   return [
     row.imagePrompt,
     motionPrompt,
-    "[视觉风格：盛唐·国风二次元]",
+
   ].filter(Boolean).join("\n\n");
 }
 
@@ -2888,334 +2785,424 @@ function StoryScriptWorkflowDialog({
   node,
   onClose,
   onRun,
+  onPatch,
   onStepChange,
   step,
+  imageNodes,
+  imageModel,
+  analysisModel,
 }: {
   node: CloneNode;
   onClose: () => void;
   onRun: () => void;
+  onPatch: (patch: Record<string, unknown>) => void;
   onStepChange: (step: StoryWorkflowStep) => void;
   step: StoryWorkflowStep;
+  imageNodes: CloneNode[];
+  imageModel?: string;
+  analysisModel?: string;
 }) {
   const rows = getStoryScriptRows(node);
-  const assetGroups = getStoryWorkflowAssetGroups(rows);
-  const assetCount = assetGroups.role.length + assetGroups.scene.length + assetGroups.prop.length;
-  const [promptRow, setPromptRow] = useState<StoryScriptRow | null>(null);
-  const steps: Array<{ key: StoryWorkflowStep; label: string; subLabel: string }> = [
-    { key: "shots", label: "确认镜头", subLabel: `${rows.length}个镜头已就绪` },
-    { key: "assets", label: "准备资产", subLabel: `${assetCount}/${assetCount} 已生成` },
-    { key: "prompts", label: "合成提示词", subLabel: `${rows.length}/${rows.length} 已合成` },
+  const detected = getStoryWorkflowAssetGroups(rows);
+  const assets = (
+    Array.isArray(node.draftValues?.storyAssets)
+      ? node.draftValues.storyAssets
+      : [...detected.role, ...detected.scene, ...detected.prop]
+  ) as StoryWorkflowAsset[];
+  const style = String(node.draftValues?.storyStyle || "");
+  const [busy, setBusy] = useState<string | null>(null);
+  const [error, setError] = useState("");
+  const uploadInput = useRef<HTMLInputElement>(null);
+  const uploadIndex = useRef(0);
+  const latest = useRef({ rows, assets });
+  latest.current = { rows, assets };
+  const updateAsset = (index: number, patch: Partial<StoryWorkflowAsset>) =>
+    onPatch({
+      storyAssets: latest.current.assets.map((asset, i) =>
+        i === index ? { ...asset, ...patch } : asset,
+      ),
+    });
+  const updateRow = (index: number, patch: Partial<StoryScriptRow>) =>
+    onPatch({
+      rows: latest.current.rows.map((row, i) => (i === index ? { ...row, ...patch } : row)),
+    });
+  const compose = async (index?: number) => {
+    if (busy) return;
+    const source = index === undefined ? rows : [rows[index]];
+    if (!source.length) return;
+    setBusy("prompts");
+    setError("");
+    try {
+      const response = await workflowAnalysisService.analyze({
+        mode: "story-script",
+        preferredModelRef: analysisModel,
+        prompt: `为以下镜头完善 imagePrompt 和 motionPrompt。保持镜头数量、顺序、故事内容和时长不变。返回 analysisRows。风格：${style || "遵循原脚本"}。资产描述：${JSON.stringify(assets.map(({ name, description, type }) => ({ name, description, type })))}。镜头：${JSON.stringify(source)}`,
+        imageUrls: assets
+          .map((asset) => asset.imageUrl)
+          .filter(Boolean)
+          .slice(0, 12),
+        nodeTitle: node.title,
+      });
+      const result = response.data?.analysisRows;
+      if (
+        !response.success ||
+        !result ||
+        result.length !== source.length ||
+        result.some((row) => !row.imagePrompt || !row.motionPrompt)
+      )
+        throw Error(response.error || "未返回完整镜头提示词，原内容已保留");
+      const next = latest.current.rows.map((row, i) => {
+        const generated = index === undefined ? result[i] : i === index ? result[0] : null;
+        return generated
+          ? { ...row, imagePrompt: generated.imagePrompt!, motionPrompt: generated.motionPrompt! }
+          : row;
+      });
+      onPatch({ rows: next });
+      toast.success(`已合成 ${result.length} 个镜头提示词`);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "提示词合成失败");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const generateAsset = async (index: number) => {
+    if (busy) return;
+    setBusy(`asset-${index}`);
+    setError("");
+    try {
+      const asset = assets[index];
+      const response = await imageGenerationService.generateImage({
+        allowFailover: false,
+        model: imageModel,
+        imageCount: 1,
+        prompt: [asset.name, asset.description, style].filter(Boolean).join("，"),
+        aspectRatio: "1:1",
+      });
+      const url = response.success ? getFirstGeneratedImageUrl(response) : "";
+      if (!url) throw Error(response.error || "资产图片生成失败");
+      updateAsset(index, { imageUrl: url });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "资产生成失败");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const field =
+    "w-full rounded border border-white/10 bg-white/5 p-2 text-xs outline-none focus:border-white/40";
+  const button =
+    "rounded-lg border border-white/10 px-3 py-2 text-xs hover:bg-white/10 disabled:opacity-40";
+  const fields: Array<[keyof StoryScriptRow, string]> = [
+    ["shot", "镜号"],
+    ["duration", "时长"],
+    ["sceneDescription", "画面描述"],
+    ["shotSize", "景别"],
+    ["lighting", "光影"],
+    ["dialogue", "对白"],
+    ["voiceAndSfx", "音效"],
+    ["cameraMovement", "运镜"],
+    ["imagePrompt", "图像提示词"],
+    ["motionPrompt", "运动提示词"],
   ];
-  const tableColumns = [
-    "镜号",
-    "时长",
-    "画面描述",
-    "景别",
-    "光影氛围",
-    "对白·旁白",
-    "音效",
-    "运镜",
-    "最终提示词",
-    "操作",
-  ];
-  const gridTemplateColumns =
-    "56px 56px 310px 72px 150px 140px 130px 128px 260px 162px";
-
-  const renderShotTable = (highlightPrompt = false) => (
-    <div className="absolute inset-x-6 bottom-[74px] top-[72px] overflow-hidden rounded-[12px] border border-white/8 bg-[#1b1b1b] shadow-[0_24px_80px_rgba(0,0,0,0.42)]">
-      <div className="h-full overflow-auto">
-        <div className="min-w-[1464px]">
-          <div
-            className="grid border-white/8 border-b bg-[#232323] text-[12px] font-medium text-white/42"
-            style={{ gridTemplateColumns }}
-          >
-            {tableColumns.map((item) => (
-              <div
-                className={cn(
-                  "border-white/8 border-r px-3 py-3 last:border-r-0",
-                  highlightPrompt && item === "最终提示词" && "bg-white/[0.06] text-white/78"
-                )}
-                key={item}
-              >
-                {item}
-              </div>
-            ))}
-          </div>
-          {rows.map((row) => (
-            <div
-              className="grid h-[60px] overflow-hidden border-white/8 border-b text-[12px] leading-5 text-white/72"
-              key={row.id}
-              style={{ gridTemplateColumns }}
-            >
-              {[
-                row.shot,
-                row.duration,
-                row.sceneDescription,
-                row.shotSize,
-                row.lighting,
-                row.dialogue,
-                row.voiceAndSfx,
-                row.cameraMovement,
-                row.imagePrompt,
-              ].map((cell, index) => (
-                <div
-                  className={cn(
-                    "overflow-hidden border-white/8 border-r px-3 py-3 last:border-r-0",
-                    index === 8 && highlightPrompt && "bg-white/[0.035]"
-                  )}
-                  key={`${row.id}-${index}`}
-                >
-                  <div className="line-clamp-2">{cell}</div>
-                </div>
-              ))}
-              <div className="flex items-center justify-center gap-2 px-2 py-2">
-                <button
-                  className="h-8 rounded-[8px] px-3 text-[12px] text-white/78 transition hover:bg-white/10 hover:text-white"
-                  onClick={() => setPromptRow(row)}
-                  type="button"
-                >
-                  查看提示词
-                </button>
-                <button
-                  aria-label={`镜头 ${row.shot} 更多操作`}
-                  className="flex h-8 w-8 items-center justify-center rounded-[8px] text-white/38 transition hover:bg-white/10 hover:text-white/78"
-                  type="button"
-                >
-                  ⋯
-                </button>
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-
-  const renderAssetGroup = (
-    title: string,
-    assets: StoryWorkflowAsset[],
-    emptyLabel: string,
-  ) => (
-    <section className="space-y-3">
-      <h3 className="text-[14px] font-medium text-white/84">{title}</h3>
-      <div className="grid grid-cols-[repeat(4,277px)] gap-4">
-        {assets.map((asset) => (
-          <div
-            className="group relative h-[196px] w-[277px] overflow-hidden rounded-[10px] border border-white/8 bg-[#242424]"
-            key={`${asset.type}-${asset.name}`}
-          >
-            <img
-              alt=""
-              className="h-[156px] w-full object-cover"
-              draggable={false}
-              onDragStart={preventNativeImageDrag}
-              src={asset.imageUrl}
-            />
-            <div className="flex h-10 flex-col justify-center px-3">
-              <span className="truncate text-[13px] font-medium text-white/86">{asset.name}</span>
-              <span className="truncate text-[11px] text-white/38">{asset.description}</span>
-            </div>
-            <div className="absolute right-2 top-2 hidden items-center gap-1 group-hover:flex">
-              <button className="flex h-7 w-7 items-center justify-center rounded-[7px] bg-black/72 text-white/82" type="button">
-                ⌕
-              </button>
-              <div className="relative">
-                <button className="flex h-7 w-7 items-center justify-center rounded-[7px] bg-black/72 text-white/82" type="button">
-                  ⋯
-                </button>
-                <div className="pointer-events-none absolute right-0 top-8 hidden w-[124px] rounded-[10px] border border-white/10 bg-[#1f1f1f] p-1 text-[12px] text-white/78 shadow-[0_18px_48px_rgba(0,0,0,0.42)] group-hover:block">
-                  {["替换图片", "AI 生角色", "清除图片"].map((item) => (
-                    <div className="rounded-[7px] px-3 py-2" key={item}>{item}</div>
-                  ))}
-                  <div className="rounded-[7px] px-3 py-2 text-[#ff6b6b]">删除</div>
-                </div>
-              </div>
-            </div>
-          </div>
-        ))}
-        <button
-          className="flex h-[196px] w-[277px] flex-col items-center justify-center rounded-[10px] border border-dashed border-white/18 bg-white/[0.03] text-[13px] text-white/46 transition hover:border-white/32 hover:text-white/72"
-          type="button"
-        >
-          <Plus className="mb-2 h-5 w-5" />
-          {emptyLabel}
-        </button>
-      </div>
-    </section>
-  );
-
+  const readyAssets = assets.filter((asset) => asset.imageUrl).length;
+  const readyPrompts = rows.filter(
+    (row) => row.imagePrompt.trim() && row.motionPrompt.trim(),
+  ).length;
   return (
     <div
-      className="fixed inset-0 z-[120] bg-[#111] text-white"
+      role="dialog"
+      aria-label="脚本工作流"
+      className="fixed inset-0 z-[600] flex flex-col bg-[#171717] text-white"
       data-canvas-overlay="true"
       onPointerDown={(event) => event.stopPropagation()}
     >
-      <header className="relative flex h-16 shrink-0 items-center justify-center border-white/8 border-b bg-[#171717] px-14">
-        <div className="absolute left-8 top-1/2 -translate-y-1/2 truncate text-[14px] font-semibold text-white/78">
-          {node.title || "脚本生成器"}
-        </div>
-        <div className="flex h-14 items-center justify-center gap-[132px]">
-          {steps.map((item, index) => {
-            const active = item.key === step;
-            return (
-              <button
-                className={cn(
-                  "flex min-w-[72px] items-center gap-2 rounded-[8px] px-2 py-1 text-left transition",
-                  active ? "bg-white/[0.08] text-white" : "text-white/72 hover:bg-white/[0.04]"
-                )}
-                key={item.key}
-                onClick={() => onStepChange(item.key)}
-                type="button"
-              >
-                <span
-                  className={cn(
-                    "flex h-10 w-10 items-center justify-center rounded-full border text-[14px]",
-                    active ? "border-white/24 bg-white text-black" : "border-white/14 bg-white/[0.04] text-white/62"
-                  )}
-                >
-                  {index + 1}
-                </span>
-                <span className="flex flex-col gap-1">
-                  <span className={cn("whitespace-nowrap text-[13px]", active ? "text-white" : "text-white/54")}>
-                    {item.label}
-                  </span>
-                  <span className={cn("whitespace-nowrap text-[12px]", active ? "text-white/82" : "text-white/34")}>
-                    {item.subLabel}
-                  </span>
-                </span>
-              </button>
-            );
-          })}
-        </div>
-        <div className="absolute right-16 top-1/2 -translate-y-1/2 text-[13px] text-white/42">
-          3/3 完成后可批量生视频
-        </div>
-        <button
-          aria-label="关闭脚本工作流"
-          className="absolute right-5 top-1/2 flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-[8px] text-white/54 transition hover:bg-white/8 hover:text-white"
-          onClick={onClose}
-          type="button"
-        >
-          <X className="h-5 w-5" />
+      <header className="flex flex-wrap items-center justify-between gap-3 border-b border-white/10 p-4">
+        <strong>{node.title || "脚本工作流"}</strong>
+        <nav className="flex gap-2">
+          {(
+            [
+              ["shots", `确认镜头 (${rows.length})`],
+              ["assets", `准备资产 (${readyAssets}/${assets.length})`],
+              ["prompts", `编辑提示词 (${readyPrompts}/${rows.length})`],
+            ] as const
+          ).map(([key, label]) => (
+            <button
+              className={`${button} ${step === key ? "bg-white/15" : ""}`}
+              key={key}
+              onClick={() => onStepChange(key)}
+            >
+              {label}
+            </button>
+          ))}
+        </nav>
+        <button className={button} aria-label="关闭脚本工作流" onClick={onClose}>
+          <X size={18} />
         </button>
       </header>
-
-      <main className="relative h-[calc(100%-64px)]">
-        {step === "shots" ? renderShotTable(false) : null}
+      {error && (
+        <p role="alert" className="px-5 py-3 text-sm text-red-300">
+          {error}
+        </p>
+      )}
+      <fieldset disabled={Boolean(busy)} className="min-h-0 flex-1 overflow-auto p-5">
         {step === "assets" ? (
-          <div className="absolute inset-x-6 bottom-[74px] top-[72px] overflow-auto rounded-[12px] border border-white/8 bg-[#1b1b1b] p-6 shadow-[0_24px_80px_rgba(0,0,0,0.42)]">
-            <div className="mb-6 flex items-center gap-3 text-[13px] text-white/62">
-              <span>全局风格</span>
-              <span className="rounded-[7px] bg-white/[0.08] px-3 py-1 text-white/86">盛唐·国风二次元</span>
-            </div>
-            <div className="space-y-8">
-              {renderAssetGroup("角色", assetGroups.role, "新增")}
-              {renderAssetGroup("场景", assetGroups.scene, "新增")}
-              {renderAssetGroup("道具", assetGroups.prop, "新增")}
-            </div>
-          </div>
-        ) : null}
-        {step === "prompts" ? renderShotTable(true) : null}
-
-        <footer className="absolute inset-x-6 bottom-5 flex h-11 items-center justify-between rounded-[10px] border border-white/8 bg-[#1b1b1b] px-4 text-[13px] text-white/46">
-          {step === "assets" ? (
-            <span>资产已生成，如再次生成将会覆盖之前的图片/场景/道具等资产</span>
-          ) : step === "prompts" ? (
-            <span>最终提示词已合成，可继续查看单镜提示词或重新批量合成</span>
-          ) : (
-            <button className="rounded-[8px] px-3 py-2 text-white/62 transition hover:bg-white/8 hover:text-white" type="button">
-              添加镜头
-            </button>
-          )}
-          {step === "shots" ? (
-            <button
-              className="flex h-8 items-center gap-1 rounded-[8px] bg-white px-3 text-[13px] font-medium text-black transition hover:bg-white/88"
-              onClick={() => onStepChange("assets")}
-              type="button"
-            >
-              下一步：准备资产
-              <ChevronRight className="h-4 w-4" />
-            </button>
-          ) : null}
-          {step === "assets" ? (
-            <button
-              className="flex h-8 items-center gap-1 rounded-[8px] bg-white px-3 text-[13px] font-medium text-black transition hover:bg-white/88"
-              onClick={() => onStepChange("prompts")}
-              type="button"
-            >
-              下一步：合成提示词
-              <ChevronRight className="h-4 w-4" />
-            </button>
-          ) : null}
-          {step === "prompts" ? (
-            <button
-              className="h-8 rounded-[8px] bg-white px-3 text-[13px] font-medium text-black transition hover:bg-white/88"
-              onClick={() => {
-                onRun();
-                toast.success("已开始重新合成全部提示词");
-              }}
-              type="button"
-            >
-              一键合成全部提示词
-            </button>
-          ) : null}
-        </footer>
-      </main>
-
-      {promptRow ? (
-        <div className="fixed inset-0 z-[130] flex items-center justify-center bg-black/58" data-canvas-overlay="true">
-          <div className="flex h-[587px] max-h-[calc(100vh-160px)] w-[760px] flex-col overflow-hidden rounded-[14px] border border-white/10 bg-[#1f1f1f] shadow-[0_28px_100px_rgba(0,0,0,0.62)]">
-            <div className="flex h-14 items-center justify-between border-white/8 border-b px-5">
-              <h3 className="text-[16px] font-semibold text-white">第 {promptRow.shot} 镜：最终提示词</h3>
-              <button
-                aria-label="关闭提示词"
-                className="flex h-8 w-8 items-center justify-center rounded-[8px] text-white/46 transition hover:bg-white/8 hover:text-white"
-                onClick={() => setPromptRow(null)}
-                type="button"
-              >
-                <X className="h-5 w-5" />
-              </button>
-            </div>
-            <div className="space-y-4 overflow-auto p-5 text-[13px] leading-6 text-white/72">
-              <section className="rounded-[10px] border border-white/8 bg-white/[0.035] p-4">
-                <div className="mb-3 flex items-center justify-between">
-                  <h4 className="font-medium text-white">分镜提示词</h4>
-                  <span className="rounded-full bg-[#1f8f48]/18 px-2 py-1 text-[12px] text-[#6be49a]">
-                    分镜图提示词·已生成
-                  </span>
+          <>
+            <label className="mb-5 block max-w-xl text-sm">
+              全局风格
+              <input
+                aria-label="全局风格"
+                className={`${field} mt-2`}
+                value={style}
+                placeholder="遵循原脚本，可填写写实、动漫等风格"
+                onChange={(e) => onPatch({ storyStyle: e.target.value })}
+              />
+            </label>
+            {(
+              [
+                ["role", "角色"],
+                ["scene", "场景"],
+                ["prop", "道具"],
+              ] as const
+            ).map(([type, label]) => (
+              <section className="mb-6" key={type}>
+                <h3 className="mb-3">{label}</h3>
+                <div className="grid grid-cols-[repeat(auto-fill,minmax(230px,1fr))] gap-4">
+                  {assets.map((asset, index) =>
+                    asset.type !== type ? null : (
+                      <article key={index} className="rounded-xl border border-white/10 p-3">
+                        {asset.imageUrl ? (
+                          <img
+                            alt={asset.name}
+                            src={asset.imageUrl}
+                            className="h-36 w-full rounded-lg object-contain"
+                          />
+                        ) : (
+                          <div className="flex h-36 items-center justify-center bg-white/5 text-sm text-white/40">
+                            尚未准备图片
+                          </div>
+                        )}
+                        <input
+                          aria-label={`${label}名称 ${index + 1}`}
+                          className={`${field} mt-2`}
+                          value={asset.name}
+                          onChange={(e) => updateAsset(index, { name: e.target.value })}
+                        />
+                        <textarea
+                          aria-label={`${asset.name}描述`}
+                          className={`${field} mt-2`}
+                          value={asset.description}
+                          onChange={(e) => updateAsset(index, { description: e.target.value })}
+                        />
+                        <select
+                          aria-label={`${asset.name}类型`}
+                          className={field}
+                          value={asset.type}
+                          onChange={(e) =>
+                            updateAsset(index, {
+                              type: e.target.value as StoryWorkflowAsset["type"],
+                            })
+                          }
+                        >
+                          <option value="role">角色</option>
+                          <option value="scene">场景</option>
+                          <option value="prop">道具</option>
+                        </select>
+                        <select
+                          aria-label={`${asset.name}引用画布图片`}
+                          className={`${field} mt-2`}
+                          value=""
+                          onChange={(e) => {
+                            if (e.target.value) updateAsset(index, { imageUrl: e.target.value });
+                          }}
+                        >
+                          <option value="">从画布选择图片</option>
+                          {imageNodes.map((n) => (
+                            <option key={n.id} value={getNodeMediaUrl(n)}>
+                              {n.title}
+                            </option>
+                          ))}
+                        </select>
+                        <div className="mt-2 flex flex-wrap gap-1">
+                          <button
+                            className={button}
+                            onClick={() => {
+                              uploadIndex.current = index;
+                              uploadInput.current?.click();
+                            }}
+                          >
+                            上传
+                          </button>
+                          <button className={button} onClick={() => void generateAsset(index)}>
+                            AI 生成
+                          </button>
+                          <button
+                            className={button}
+                            disabled={!asset.imageUrl}
+                            onClick={() => updateAsset(index, { imageUrl: "" })}
+                          >
+                            清除图片
+                          </button>
+                          <button
+                            className={button}
+                            onClick={() =>
+                              onPatch({ storyAssets: assets.filter((_, i) => i !== index) })
+                            }
+                          >
+                            删除
+                          </button>
+                        </div>
+                      </article>
+                    ),
+                  )}
+                  <button
+                    className={`${button} min-h-32 border-dashed`}
+                    onClick={() =>
+                      onPatch({
+                        storyAssets: [
+                          ...assets,
+                          { name: `新${label}`, description: "", imageUrl: "", type },
+                        ],
+                      })
+                    }
+                  >
+                    ＋ 新增{label}
+                  </button>
                 </div>
-                <p>{promptRow.imagePrompt.includes("[视觉风格") ? promptRow.imagePrompt : `${promptRow.imagePrompt} [视觉风格：盛唐·国风二次元]`}</p>
               </section>
-              <section className="rounded-[10px] border border-white/8 bg-white/[0.035] p-4">
-                <div className="mb-3 flex items-center justify-between">
-                  <h4 className="font-medium text-white">视频运动提示词</h4>
-                  <span className="rounded-full bg-[#1f8f48]/18 px-2 py-1 text-[12px] text-[#6be49a]">
-                    视频运动提示词·已生成
-                  </span>
-                </div>
-                <p>
-                  {promptRow.motionPrompt.includes("起始状态")
-                    ? promptRow.motionPrompt
-                    : `起始状态：${promptRow.sceneDescription} 动作过程：${promptRow.cameraMovement}，角色动作自然连贯。 结束状态：镜头停留在关键情绪或剧情转折点。 音效：${promptRow.voiceAndSfx} [视觉风格：盛唐·国风二次元]`}
-                </p>
-              </section>
-            </div>
-            <div className="flex h-14 items-center justify-between border-white/8 border-t px-5 text-[13px] text-white/46">
-              <span>GVLM 3.1 Flash</span>
-              <div className="flex items-center gap-4">
-                <span>消耗 2</span>
-                <button
-                  className="h-8 rounded-[8px] bg-white px-3 text-[13px] font-medium text-black transition hover:bg-white/88"
-                  onClick={() => toast.success("已重新合成当前镜头提示词")}
-                  type="button"
-                >
-                  重新合成提示词
-                </button>
-              </div>
-            </div>
-          </div>
+            ))}
+          </>
+        ) : (
+          <table className="w-full min-w-[1600px] border-collapse text-left text-xs">
+            <thead>
+              <tr>
+                {fields.map(([key, label]) => (
+                  <th className="border border-white/10 p-3" key={key}>
+                    {label}
+                  </th>
+                ))}
+                <th>操作</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.map((row, index) => (
+                <tr key={row.id}>
+                  {fields.map(([key, label]) => (
+                    <td key={key} className="border border-white/10 p-2 align-top">
+                      <textarea
+                        aria-label={`镜头 ${row.shot} ${label}`}
+                        className={`${field} min-h-24 ${key.includes("Prompt") || key === "sceneDescription" ? "min-w-56" : "min-w-20"}`}
+                        value={row[key]}
+                        onChange={(e) => updateRow(index, { [key]: e.target.value })}
+                      />
+                    </td>
+                  ))}
+                  <td className="min-w-32 space-y-2 p-2">
+                    <button className={button} onClick={() => void compose(index)}>
+                      合成提示词
+                    </button>
+                    <button
+                      className={button}
+                      disabled={index === 0}
+                      onClick={() => {
+                        const next = [...rows];
+                        [next[index - 1], next[index]] = [next[index], next[index - 1]];
+                        onPatch({ rows: next });
+                      }}
+                    >
+                      上移
+                    </button>
+                    <button
+                      className={button}
+                      onClick={() => onPatch({ rows: rows.filter((_, i) => i !== index) })}
+                    >
+                      删除镜头
+                    </button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        )}
+        {!rows.length && step !== "assets" && (
+          <p className="mt-8 text-sm text-white/50">
+            暂无镜头。可添加镜头，或关闭此窗口输入脚本后生成。
+          </p>
+        )}
+      </fieldset>
+      <footer className="flex flex-wrap items-center justify-between gap-3 border-t border-white/10 p-4">
+        <span className="text-xs text-white/50">
+          {busy ? "处理中，请等待结果返回…" : "编辑内容随画布保存；图片与提示词分别准备"}
+        </span>
+        <div className="flex gap-2">
+          <button
+            className={button}
+            disabled={Boolean(busy)}
+            onClick={() =>
+              onPatch({
+                rows: [
+                  ...rows,
+                  {
+                    id: makeId("shot"),
+                    shot: String(rows.length + 1).padStart(2, "0"),
+                    duration: "5s",
+                    scene: "新镜头",
+                    sceneDescription: "",
+                    shotSize: "中景",
+                    lighting: "",
+                    dialogue: "",
+                    backgroundMusic: "",
+                    voiceAndSfx: "",
+                    cameraMovement: "",
+                    imagePrompt: "",
+                    motionPrompt: "",
+                    keyframeUrl: "",
+                  },
+                ],
+              })
+            }
+          >
+            添加镜头
+          </button>
+          <button
+            className={button}
+            disabled={Boolean(busy) || !rows.length}
+            onClick={() => downloadStoryScriptRows(node, rows)}
+          >
+            导出脚本
+          </button>
+          <button
+            className={button}
+            disabled={Boolean(busy) || !rows.length}
+            onClick={() => void compose()}
+          >
+            合成全部提示词
+          </button>
+          <button className={button} disabled={Boolean(busy)} onClick={onRun}>
+            重新生成脚本
+          </button>
         </div>
-      ) : null}
+      </footer>
+      <input
+        ref={uploadInput}
+        type="file"
+        accept="image/*"
+        className="hidden"
+        onChange={async (e) => {
+          const file = e.target.files?.[0];
+          e.target.value = "";
+          if (!file) return;
+          setBusy("upload");
+          setError("");
+          try {
+            const result = await imageGenerationService.uploadImage(file);
+            if (!result.success || !result.data?.url) throw Error(result.error || "上传失败");
+            updateAsset(uploadIndex.current, { imageUrl: result.data.url });
+          } catch (e) {
+            setError(e instanceof Error ? e.message : "上传失败");
+          } finally {
+            setBusy(null);
+          }
+        }}
+      />
     </div>
   );
 }
@@ -4783,6 +4770,7 @@ export function LiblibVideoCanvasReplica({
     [siteBrandSettings?.siteName]
   );
   const [nodes, setNodes] = useState<CloneNode[]>([]);
+  const activeGenerationSubmissions = useRef(new Set<string>());
   const [edges, setEdges] = useState<CloneEdge[]>([]);
   const [selectedNodeId, setSelectedNodeId] = useState<string | null>(null);
   const [selectedEdgeId, setSelectedEdgeId] = useState<string | null>(null);
@@ -6686,6 +6674,7 @@ export function LiblibVideoCanvasReplica({
             ? composeMultiViewNineGridPrompt(definition, option)
             : composeConfiguredImagePresetPrompt(definition, option);
         const shouldGenerate = videoCanvasFunctionConfig.enabled && definition.enabled;
+        if (!shouldGenerate) { toast.error("该功能尚未启用，请先配置可用模型"); return; }
         const resultTitle = option?.trim() || definition.label || title;
         const gridLayout = getPresetGridLayout(functionKey);
 
@@ -7764,200 +7753,256 @@ export function LiblibVideoCanvasReplica({
     async (nodeId: string, payload: ComposerSubmitPayload) => {
       const anchor = nodes.find((node) => node.id === nodeId);
       if (!anchor) return;
-      const anchorSplit = getNodeGridSplitState(anchor);
-      const anchorReferenceImages = await resolveNodeReferenceImages(anchor);
-      const referencedNodes = payload.references
-        .filter((referenceId) => referenceId !== anchor.id)
-        .map((referenceId) => nodes.find((node) => node.id === referenceId))
-        .filter((node): node is CloneNode => Boolean(node));
-      const referencedImageLists = await Promise.all(referencedNodes.map((node) => resolveNodeReferenceImages(node)));
-      const mergedReferenceImages = Array.from(
-        new Set(
-          [...anchorReferenceImages, ...referencedImageLists.flat()]
-            .map((item) => String(item || "").trim())
-            .filter(Boolean)
-        )
-      ).slice(0, 12);
-      const sourceUrl = mergedReferenceImages[0] || getNodeReferenceMediaUrl(anchor) || CHARACTER_IMAGE_URL;
-      const extraReferenceImages = mergedReferenceImages.slice(1);
-      const rightX = Math.round(anchor.x + anchor.width + OFFICIAL_NODE_GAP);
-      const starterMode = getPresetMode(anchor);
-      const slashScene = payload.slashScene || "";
-      const promptInput = payload.prompt.trim();
-      const slashFunctionKey = getOfficialImagePresetFunctionKey(slashScene);
-      const functionKey =
-        slashFunctionKey ||
-        (starterMode === CHARACTER_THREE_VIEW_FUNCTION_KEY
-          ? CHARACTER_THREE_VIEW_FUNCTION_KEY
-          : "image-repaint");
-      const definition = getConfiguredFunction(videoCanvasFunctionConfig, functionKey);
-      const isWideGeneration = isWideImageGenerationFunction(functionKey);
-      const resultWidth = isWideGeneration ? OFFICIAL_NINE_GRID_WIDTH : 420;
-      const resultHeight = isWideGeneration ? OFFICIAL_NINE_GRID_HEIGHT : 280;
-      const resultTitle = slashScene || definition.label || "图片生成";
-      const gridLayout = getPresetGridLayout(functionKey);
-      const count = Math.max(1, Math.min(4, Number.parseInt(payload.settings.count, 10) || 1));
-      const finalPrompt =
-        functionKey === MULTI_VIEW_NINE_GRID_FUNCTION_KEY
-          ? composeMultiViewNineGridPrompt(definition, promptInput || slashScene || "多机位九宫格")
-          : isWideGeneration
-            ? composeConfiguredImagePresetPrompt(definition, promptInput || slashScene || definition.label)
-            : composeFunctionPrompt(
-                definition,
-                promptInput || slashScene || "生成角色三视图",
-              );
+      if (activeGenerationSubmissions.current.has(nodeId)) {
+        toast.info("该节点正在生成，请等待当前任务完成");
+        return;
+      }
+      activeGenerationSubmissions.current.add(nodeId);
+      try {
+        const anchorSplit = getNodeGridSplitState(anchor);
+        const anchorReferenceImages = await resolveNodeReferenceImages(anchor);
+        const referencedNodes = payload.references
+          .filter((referenceId) => referenceId !== anchor.id)
+          .map((referenceId) => nodes.find((node) => node.id === referenceId))
+          .filter((node): node is CloneNode => Boolean(node));
+        const referencedImageLists = await Promise.all(
+          referencedNodes.map((node) => resolveNodeReferenceImages(node)),
+        );
+        const mergedReferenceImages = Array.from(
+          new Set(
+            [...anchorReferenceImages, ...referencedImageLists.flat()]
+              .map((item) => String(item || "").trim())
+              .filter(Boolean),
+          ),
+        ).slice(0, 12);
+        const sourceUrl = mergedReferenceImages[0] || getNodeReferenceMediaUrl(anchor) || "";
+        const extraReferenceImages = mergedReferenceImages.slice(1);
+        const rightX = Math.round(anchor.x + anchor.width + OFFICIAL_NODE_GAP);
+        const starterMode = getPresetMode(anchor);
+        const slashScene = payload.slashScene || "";
+        const promptInput = payload.prompt.trim();
+        const slashFunctionKey = getOfficialImagePresetFunctionKey(slashScene);
+        const functionKey =
+          slashFunctionKey ||
+          (starterMode === CHARACTER_THREE_VIEW_FUNCTION_KEY
+            ? CHARACTER_THREE_VIEW_FUNCTION_KEY
+            : "image-repaint");
+        const definition = getConfiguredFunction(videoCanvasFunctionConfig, functionKey);
+        const isWideGeneration = isWideImageGenerationFunction(functionKey);
+        const resultWidth = isWideGeneration ? OFFICIAL_NINE_GRID_WIDTH : 420;
+        const resultHeight = isWideGeneration ? OFFICIAL_NINE_GRID_HEIGHT : 280;
+        const resultTitle = slashScene || definition.label || "图片生成";
+        const gridLayout = getPresetGridLayout(functionKey);
+        const count = canvasGenerationCount(payload.settings.count);
+        const finalPrompt =
+          functionKey === MULTI_VIEW_NINE_GRID_FUNCTION_KEY
+            ? composeMultiViewNineGridPrompt(definition, promptInput || slashScene || "多机位九宫格")
+            : isWideGeneration
+              ? composeConfiguredImagePresetPrompt(
+                  definition,
+                  promptInput || slashScene || definition.label,
+                )
+              : composeFunctionPrompt(definition, promptInput || slashScene || "生成角色三视图");
 
-      const placeholderNode = isWideGeneration
-        ? createMediaResourceNode({
-            action:
-              isPresetGridFunction(functionKey)
+        const placeholderNode = isWideGeneration
+          ? createMediaResourceNode({
+              action: isPresetGridFunction(functionKey)
                 ? "IMAGE_GENERATE_NINE_GRID"
                 : "IMAGE_GENERATE",
-            height: resultHeight,
-            mediaType: "image",
-            mediaUrl: "",
-            prompt: finalPrompt,
-            title: resultTitle,
-            width: resultWidth,
-            x: rightX,
-            y: Math.round(anchor.y + anchor.height / 2 - resultHeight / 2),
-          })
-        : createTargetModuleNode("image", rightX, 0, nodes.length + 1);
-      const created = placeholderNode;
-      const resultNode: CloneNode = {
-        ...created,
-        title: resultTitle,
-        y:
-          isWideGeneration
+              height: resultHeight,
+              mediaType: "image",
+              mediaUrl: "",
+              prompt: finalPrompt,
+              title: resultTitle,
+              width: resultWidth,
+              x: rightX,
+              y: Math.round(anchor.y + anchor.height / 2 - resultHeight / 2),
+            })
+          : createTargetModuleNode("image", rightX, 0, nodes.length + 1);
+        const created = placeholderNode;
+        const resultNode: CloneNode = {
+          ...created,
+          title: resultTitle,
+          y: isWideGeneration
             ? placeholderNode.y
             : Math.round(anchor.y + anchor.height / 2 - created.height / 2),
-        draftValues: {
-          ...(created.draftValues || {}),
-          action: isPresetGridFunction(functionKey) ? "IMAGE_GENERATE_NINE_GRID" : "IMAGE_GENERATE",
-          functionKey,
-          generated: false,
-          generationError: undefined,
-          generationProgress: 2,
-          generationStatus: "pending",
-          gridColumns: gridLayout?.columns || created.draftValues?.gridColumns,
-          gridPrompt: gridLayout ? finalPrompt : created.draftValues?.gridPrompt,
-          gridRows: gridLayout?.rows || created.draftValues?.gridRows,
-          nineGridCells: gridLayout
-            ? Array.from({ length: gridLayout.rows * gridLayout.columns }).map((_, index) => getGridCellVisual(index))
-            : created.draftValues?.nineGridCells,
-          nineGridComposite: gridLayout ? true : created.draftValues?.nineGridComposite,
-          outputSizeLabel: isWideGeneration ? "2752 × 1536" : created.draftValues?.outputSizeLabel,
-          params: {
+          draftValues: {
+            ...(created.draftValues || {}),
+            action: isPresetGridFunction(functionKey) ? "IMAGE_GENERATE_NINE_GRID" : "IMAGE_GENERATE",
             functionKey,
-            mode:
-              functionKey === CHARACTER_THREE_VIEW_FUNCTION_KEY
-                ? "character-three-view"
-                : isPresetGridFunction(functionKey)
-                  ? "grid"
-                  : "image",
+            generated: false,
+            generationError: undefined,
+            generationProgress: 2,
+            generationStatus: "pending",
+            gridColumns: gridLayout?.columns || created.draftValues?.gridColumns,
+            gridPrompt: gridLayout ? finalPrompt : created.draftValues?.gridPrompt,
+            gridRows: gridLayout?.rows || created.draftValues?.gridRows,
+            nineGridCells: gridLayout
+              ? Array.from({ length: gridLayout.rows * gridLayout.columns }).map((_, index) =>
+                  getGridCellVisual(index),
+                )
+              : created.draftValues?.nineGridCells,
+            nineGridComposite: gridLayout ? true : created.draftValues?.nineGridComposite,
+            outputSizeLabel: undefined,
+            params: {
+              functionKey,
+              mode:
+                functionKey === CHARACTER_THREE_VIEW_FUNCTION_KEY
+                  ? "character-three-view"
+                  : isPresetGridFunction(functionKey)
+                    ? "grid"
+                    : "image",
+              prompt: finalPrompt,
+              references: payload.references,
+              referenceImages: mergedReferenceImages,
+              selectedGridCellCount: anchorSplit?.selectedIndices.length || 0,
+              settings: payload.settings,
+              slashScene,
+              sourceNodeId: anchor.id,
+              sourceUrl,
+            },
+            pendingLabel: "生成中",
             prompt: finalPrompt,
-            references: payload.references,
-            referenceImages: mergedReferenceImages,
-            selectedGridCellCount: anchorSplit?.selectedIndices.length || 0,
-            settings: payload.settings,
-            slashScene,
             sourceNodeId: anchor.id,
             sourceUrl,
+            targetPreset: starterMode || undefined,
+            toolbarOption: slashScene,
           },
-          pendingLabel: "生成中",
-          prompt: finalPrompt,
-          sourceNodeId: anchor.id,
-          sourceUrl,
-          targetPreset: starterMode || undefined,
-          toolbarOption: slashScene,
-        },
-      };
-      const referenceEdges = payload.references
-        .filter((referenceId) => referenceId !== anchor.id && nodes.some((node) => node.id === referenceId))
-        .map((referenceId) => ({ id: makeId("edge"), source: referenceId, target: resultNode.id }));
+        };
+        const referenceEdges = payload.references
+          .filter(
+            (referenceId) =>
+              referenceId !== anchor.id && nodes.some((node) => node.id === referenceId),
+          )
+          .map((referenceId) => ({ id: makeId("edge"), source: referenceId, target: resultNode.id }));
 
-      setNodes((current) => [...current, resultNode]);
-      setEdges((current) => [
-        ...current,
-        { id: makeId("edge"), source: anchor.id, target: resultNode.id },
-        ...referenceEdges,
-      ]);
-      setSelectedNodeId(anchor.id);
-      setCanvasCommand(null);
-      setNodeContextMenu(null);
-      setConnectionMenu(null);
-      setActivePanel(null);
-      toast.success("已提交图片生成");
+        setNodes((current) => [...current, resultNode]);
+        setEdges((current) => [
+          ...current,
+          { id: makeId("edge"), source: anchor.id, target: resultNode.id },
+          ...referenceEdges,
+        ]);
+        setSelectedNodeId(anchor.id);
+        setCanvasCommand(null);
+        setNodeContextMenu(null);
+        setConnectionMenu(null);
+        setActivePanel(null);
+        toast.success("已提交图片生成");
 
-      try {
-        if (!videoCanvasFunctionConfig.enabled || !definition?.enabled) {
-          throw new Error("视频画布功能未启用，请先在配置中开启");
-        }
-        const response = await imageGenerationService.generateImage({
+        try {
+          if (!videoCanvasFunctionConfig.enabled || !definition?.enabled) {
+            throw new Error("视频画布功能未启用，请先在配置中开启");
+          }
+          const response = await imageGenerationService.generateImage({
+            ...canvasImageRequest(
+              {
+                ...payload.settings,
+                model: getFunctionModel(
+                  videoCanvasFunctionConfig,
+                  definition,
+                  payload.settings.model,
+                ),
+              },
+              [sourceUrl, ...extraReferenceImages],
+              isWideGeneration,
+            ),
             allowFailover: false,
-          aspectRatio: isWideGeneration ? "16:9" : payload.settings.ratio,
-          billingFeature: getImageGenerationBillingFeature(functionKey),
-          imageCount: isWideGeneration ? 1 : count,
-          model: getFunctionModel(videoCanvasFunctionConfig, definition, payload.settings.model),
-          prompt: finalPrompt,
-          promptExtend: !isWideGeneration,
-          referenceImage: sourceUrl,
-          referenceImages: extraReferenceImages,
-        });
-        const generatedUrl = response.success ? getFirstGeneratedImageUrl(response) : "";
-        if (!generatedUrl) {
-          throw new Error(response.error || `${definition.label}生成失败`);
+            billingFeature: getImageGenerationBillingFeature(functionKey),
+            prompt: finalPrompt,
+            promptExtend: !isWideGeneration,
+          });
+          const generatedUrls = canvasImageResultUrls(response);
+          const generatedUrl = generatedUrls[0];
+          if (!generatedUrl) {
+            throw new Error(response.error || `${definition.label}生成失败`);
+          }
+          setNodes((current) =>
+            current.map((item) =>
+              item.id === resultNode.id
+                ? {
+                    ...item,
+                    kind: "media",
+                    inputType: "image",
+                    subtitle: "生成结果",
+                    draftValues: {
+                      ...(item.draftValues || {}),
+                      action: "IMAGE_RESOURCE",
+                      generated: true,
+                      generationProgress: 100,
+                      generationStatus: "complete",
+                      mediaType: "image",
+                      mediaUrl: generatedUrl,
+                      nodeType: "image",
+                      nineGridCells: gridLayout
+                        ? Array.from({ length: gridLayout.rows * gridLayout.columns }).map(
+                            (_, index) => getGridCellVisual(index),
+                          )
+                        : item.draftValues?.nineGridCells,
+                      nineGridComposite: gridLayout ? true : item.draftValues?.nineGridComposite,
+                      prompt: finalPrompt,
+                      sourceUrl,
+                      url: [generatedUrl],
+                    },
+                  }
+                : item,
+            ),
+          );
+          const extraNodes = generatedUrls.slice(1).map((url, index) => ({
+            ...resultNode,
+            id: makeId("image-result"),
+            title: `${resultTitle} ${index + 2}`,
+            y: resultNode.y + (index + 1) * (resultNode.height + 40),
+            kind: "media" as const,
+            inputType: "image" as const,
+            subtitle: "生成结果",
+            draftValues: {
+              ...resultNode.draftValues,
+              action: "IMAGE_RESOURCE",
+              generated: true,
+              generationProgress: 100,
+              generationStatus: "complete",
+              mediaType: "image",
+              nodeType: "image",
+              mediaUrl: url,
+              url: [url],
+            },
+          }));
+          if (extraNodes.length) {
+            setNodes((current) => [...current, ...extraNodes]);
+            setEdges((current) => [
+              ...current,
+              ...extraNodes.map((item) => ({
+                id: makeId("edge"),
+                source: anchor.id,
+                target: item.id,
+              })),
+            ]);
+          }
+          toast.success(`已生成 ${generatedUrls.length} 张图片`);
+        } catch (error) {
+          setNodes((current) =>
+            current.map((item) =>
+              item.id === resultNode.id
+                ? {
+                    ...item,
+                    subtitle: "生成失败",
+                    draftValues: {
+                      ...(item.draftValues || {}),
+                      generationError:
+                        error instanceof Error ? error.message : `${definition.label}生成失败`,
+                      generationStatus: "failed",
+                    },
+                  }
+                : item,
+            ),
+          );
+          toast.error(error instanceof Error ? error.message : `${definition.label}生成失败`);
         }
-        setNodes((current) =>
-          current.map((item) =>
-            item.id === resultNode.id
-              ? {
-                  ...item,
-                  kind: "media",
-                  inputType: "image",
-                  subtitle: "生成结果",
-                  draftValues: {
-                    ...(item.draftValues || {}),
-                    action: "IMAGE_RESOURCE",
-                    generated: true,
-                    generationProgress: 100,
-                    generationStatus: "complete",
-                    mediaType: "image",
-                    mediaUrl: generatedUrl,
-                    nodeType: "image",
-                    nineGridCells: gridLayout
-                      ? Array.from({ length: gridLayout.rows * gridLayout.columns }).map((_, index) => getGridCellVisual(index))
-                      : item.draftValues?.nineGridCells,
-                    nineGridComposite: gridLayout ? true : item.draftValues?.nineGridComposite,
-                    prompt: finalPrompt,
-                    sourceUrl,
-                    url: [generatedUrl],
-                  },
-                }
-              : item
-          )
-        );
-        toast.success("已按当前提示词生成图片结果");
-      } catch (error) {
-        setNodes((current) =>
-          current.map((item) =>
-            item.id === resultNode.id
-              ? {
-                  ...item,
-                  subtitle: "生成失败",
-                  draftValues: {
-                    ...(item.draftValues || {}),
-                    generationError: error instanceof Error ? error.message : `${definition.label}生成失败`,
-                    generationStatus: "failed",
-                  },
-                }
-              : item
-          )
-        );
-        toast.error(error instanceof Error ? error.message : `${definition.label}生成失败`);
+      } finally {
+        activeGenerationSubmissions.current.delete(nodeId);
       }
     },
-    [nodes, videoCanvasFunctionConfig]
+    [nodes, videoCanvasFunctionConfig],
   );
 
   const persistVideoComposerSettings = useCallback((nodeId: string, settings: ComposerSettings, mode: VideoGenerationMode) => {
@@ -7970,239 +8015,183 @@ export function LiblibVideoCanvasReplica({
   }, []);
 
   const submitVideoTargetComposer = useCallback(
-    async (
-      nodeId: string,
-      payload?: VideoTargetComposerSubmitPayload,
-    ) => {
+    async (nodeId: string, payload?: VideoTargetComposerSubmitPayload) => {
       const node = nodes.find((item) => item.id === nodeId);
       if (!node) return;
-      const incomingNodes = edges
-        .filter((edge) => edge.target === nodeId)
-        .map((edge) => nodes.find((item) => item.id === edge.source))
-        .filter((item): item is CloneNode => Boolean(item));
-      const imageReferenceLists = await Promise.all(
-        incomingNodes
-          .filter((item) => item.inputType === "image")
-          .map((item) => resolveNodeReferenceImages(item))
-      );
-      const effectMaterials = incomingNodes.filter(isVideoEffectMaterialNode);
-      const effectDescriptors = effectMaterials.map((item) => ({
-        id: getDraftString(item, "effectId"),
-        title:
-          getDraftString(item, "effectTitle") ||
-          item.title.replace(/^素材-特效-/, ""),
-        prompt: getDraftString(item, "effectPrompt"),
-        model: getDraftString(item, "model"),
-        thumbnailUrl:
-          getDraftString(item, "thumbnailUrl") || getNodeMediaUrl(item),
-      }));
-      const roleMaterials = incomingNodes.filter(isVideoRoleMaterialNode);
-      const roleDescriptors = roleMaterials.map((item) => ({
-        id: getDraftString(item, "roleId"),
-        assetId: getDraftString(item, "assetId"),
-        name:
-          getDraftString(item, "roleName") ||
-          item.title.replace(/^素材-角色-/, ""),
-        prompt: getDraftString(item, "rolePrompt"),
-        tags: getDraftString(item, "roleTags"),
-        thumbnailUrl:
-          getDraftString(item, "thumbnailUrl") || getNodeMediaUrl(item),
-      }));
-      const imageUrls = Array.from(
-        new Set(
-          [
-            ...imageReferenceLists.flat(),
-            ...getVideoCanvasMagicMarks(node).map((mark) => mark.imageUrl),
-          ]
-            .map((item) => String(item || "").trim())
-            .filter(Boolean)
-        )
-      ).slice(0, 12);
-      const params = (node.draftValues?.params || {}) as Record<string, unknown>;
-      const paramsSettings =
-        params.settings && typeof params.settings === "object"
-          ? (params.settings as Record<string, unknown>)
-          : {};
-      const requestedMode =
-        payload?.mode ||
-        normalizeVideoGenerationMode(params.mode || paramsSettings.mode) ||
-        (imageUrls.length >= 2 ? "first-last-frame" : imageUrls.length >= 1 ? "first-frame" : "text-to-video");
-      const definition = getConfiguredFunction(
-        videoCanvasFunctionConfig,
-        getVideoFunctionKeyForMode(requestedMode),
-      );
-      const requestedSettings = payload?.settings;
-      const magicMarks = payload?.magicMarks || getVideoCanvasMagicMarks(node);
-      const preferredModelOverride = requestedSettings?.model || String(params.model || paramsSettings.model || "");
-      const preferredModelRef = getFunctionModel(videoCanvasFunctionConfig, definition, preferredModelOverride);
-      const ratio = normalizeVideoRatioValue(requestedSettings?.ratio || params.ratio || paramsSettings.ratio);
-      const resolution = normalizeVideoResolutionValue(
-        requestedSettings?.resolution || params.resolution || paramsSettings.resolution,
-      );
-      const duration = normalizeVideoDurationValue(
-        requestedSettings?.duration || params.duration || paramsSettings.duration,
-      );
-      const markedImageUrls = Array.from(
-        new Set(magicMarks.map((mark) => mark.imageUrl).filter(Boolean))
-      ).slice(0, 4);
-      const referenceImages =
-        requestedMode === "text-to-video" && markedImageUrls.length > 0
-          ? markedImageUrls
-          : selectVideoReferenceImages(imageUrls, requestedMode);
-      if (requestedMode === "first-frame" && referenceImages.length < 1) {
-        toast.error("图生视频至少需要 1 张参考图片");
+      if (activeGenerationSubmissions.current.has(nodeId)) {
+        toast.info("该节点正在生成，请等待当前任务完成");
         return;
       }
-      if (requestedMode === "first-last-frame" && referenceImages.length < 2) {
-        toast.error("首尾帧模式至少需要 2 张参考图片");
-        return;
-      }
-      if (requestedMode === "reference-images" && referenceImages.length < 1) {
-        toast.error("全能参考至少需要 1 张参考图片");
-        return;
-      }
-
-      const rawPrompt = String(
-        payload?.prompt ?? params.prompt ?? node.draftValues?.prompt ?? "",
-      ).trim();
-      const markLabels = magicMarks.map(
-        (mark) => mark.labelOptions[mark.selectedIndex] || mark.labelOptions[0]
-      );
-      const promptWithMarks = [
-        rawPrompt,
-        markLabels.length > 0
-          ? `重点遵循已标记元素：${markLabels.map((label) => `@${label}`).join("、")}`
-          : "",
-      ]
-        .filter(Boolean)
-        .join(" ");
-      const promptWithEffects = [
-        promptWithMarks,
-        ...effectDescriptors.map((effect) =>
-          [
-            `应用视频特效「${effect.title}」。`,
-            effect.prompt,
-          ]
-            .filter(Boolean)
-            .join(" "),
-        ),
-      ]
-        .filter(Boolean)
-        .join(" ");
-      const promptWithRoles = [
-        promptWithEffects,
-        ...roleDescriptors.map((role) =>
-          [
-            `角色引用「${role.name}」${role.assetId ? `（合规资产 ${role.assetId}）` : ""}。`,
-            role.prompt,
-          ]
-            .filter(Boolean)
-            .join(" "),
-        ),
-      ]
-        .filter(Boolean)
-        .join(" ");
-      const finalPrompt = composeFunctionPrompt(
-        definition,
-        promptWithRoles || node.title
-      );
-      const previewUrl =
-        referenceImages[0] ||
-        getNodeReferenceMediaUrl(incomingNodes.find((item) => item.inputType === "image")) ||
-        getNodeReferenceMediaUrl(node) ||
-        "";
-      const savedSettings: ComposerSettings & { duration: string } = {
-        autoValidateMaterial: requestedSettings?.autoValidateMaterial ?? normalizeComposerBoolean(
-          paramsSettings.autoValidateMaterial ?? paramsSettings.auto_validate_material,
-          true,
-        ),
-        audio: requestedSettings?.audio || String(paramsSettings.audio || "开启"),
-        camera: requestedSettings?.camera || String(paramsSettings.camera || "摄像机"),
-        count: requestedSettings?.count || String(paramsSettings.count || "1个"),
-        model: normalizeModelRef(preferredModelOverride) || "auto",
-        modelLabel: requestedSettings?.modelLabel || String(paramsSettings.modelLabel || ""),
-        panorama: requestedSettings?.panorama || String(paramsSettings.panorama || "全能参考"),
-        ratio: formatVideoRatioLabel(ratio),
-        resolution: formatVideoResolutionLabel(resolution),
-        searchEnabled: requestedSettings?.searchEnabled ?? normalizeComposerBoolean(
-          paramsSettings.searchEnabled ?? paramsSettings.search_enabled ?? paramsSettings.searchable,
-          true,
-        ),
-        duration: formatVideoDurationLabel(duration),
-      };
-
-      setNodes((current) =>
-        current.map((item) =>
-          item.id === nodeId
-            ? {
-                ...item,
-                kind: "media",
-                subtitle: "生成中",
-                draftValues: {
-                  ...clearGridSplitDraftValues(item.draftValues),
-                  action: "VIDEO_GENERATE",
-                  generated: false,
-                  generationError: undefined,
-                  generationProgress: 2,
-                  generationStatus: "pending",
-                  mediaType: "video",
-                  mediaUrl: "",
-                  nodeType: "video",
-                  poster: previewUrl,
-                  params: {
-                    ...getNodeParams(item),
-                    duration,
-                    effects: effectDescriptors,
-                    roles: roleDescriptors,
-                    mode: requestedMode,
-                    magicMarks,
-                    model: normalizeModelRef(preferredModelOverride) || undefined,
-                    prompt: rawPrompt || finalPrompt,
-                    ratio,
-                    referenceImages,
-                    resolution,
-                    settings: savedSettings,
-                  },
-                  prompt: rawPrompt || finalPrompt,
-                  sourceUrl: previewUrl,
-                  url: [],
-                },
-              }
-            : item
-        )
-      );
-
+      activeGenerationSubmissions.current.add(nodeId);
       try {
-        const response = await videoGenerationService.generateVideo({
-          duration,
-          images: referenceImages,
-          mode: requestedMode,
-          preferredModelRef,
-          prompt: finalPrompt,
-          generateAudio: savedSettings.audio !== "关闭",
-          ratio,
-          resolution,
-        });
-        if (!response.success || !response.data?.url) {
-          throw new Error(response.error || "视频生成失败");
+        const incomingNodes = edges
+          .filter((edge) => edge.target === nodeId)
+          .map((edge) => nodes.find((item) => item.id === edge.source))
+          .filter((item): item is CloneNode => Boolean(item));
+        const imageReferenceLists = await Promise.all(
+          incomingNodes
+            .filter((item) => item.inputType === "image")
+            .map((item) => resolveNodeReferenceImages(item)),
+        );
+        const effectMaterials = incomingNodes.filter(isVideoEffectMaterialNode);
+        const effectDescriptors = effectMaterials.map((item) => ({
+          id: getDraftString(item, "effectId"),
+          title: getDraftString(item, "effectTitle") || item.title.replace(/^素材-特效-/, ""),
+          prompt: getDraftString(item, "effectPrompt"),
+          model: getDraftString(item, "model"),
+          thumbnailUrl: getDraftString(item, "thumbnailUrl") || getNodeMediaUrl(item),
+        }));
+        const roleMaterials = incomingNodes.filter(isVideoRoleMaterialNode);
+        const roleDescriptors = roleMaterials.map((item) => ({
+          id: getDraftString(item, "roleId"),
+          assetId: getDraftString(item, "assetId"),
+          name: getDraftString(item, "roleName") || item.title.replace(/^素材-角色-/, ""),
+          prompt: getDraftString(item, "rolePrompt"),
+          tags: getDraftString(item, "roleTags"),
+          thumbnailUrl: getDraftString(item, "thumbnailUrl") || getNodeMediaUrl(item),
+        }));
+        const imageUrls = Array.from(
+          new Set(
+            [
+              ...imageReferenceLists.flat(),
+              ...(Array.isArray(getNodeParams(node).referenceImages)
+                ? (getNodeParams(node).referenceImages as string[])
+                : []),
+              ...getVideoCanvasMagicMarks(node).map((mark) => mark.imageUrl),
+            ]
+              .map((item) => String(item || "").trim())
+              .filter(Boolean),
+          ),
+        ).slice(0, 12);
+        const params = (node.draftValues?.params || {}) as Record<string, unknown>;
+        const paramsSettings =
+          params.settings && typeof params.settings === "object"
+            ? (params.settings as Record<string, unknown>)
+            : {};
+        const requestedMode =
+          payload?.mode ||
+          normalizeVideoGenerationMode(params.mode || paramsSettings.mode) ||
+          (imageUrls.length >= 2
+            ? "first-last-frame"
+            : imageUrls.length >= 1
+              ? "first-frame"
+              : "text-to-video");
+        const definition = getConfiguredFunction(
+          videoCanvasFunctionConfig,
+          getVideoFunctionKeyForMode(requestedMode),
+        );
+        if (!videoCanvasFunctionConfig.enabled || !definition.enabled) { toast.error("该视频功能尚未启用"); return; }
+        const requestedSettings = payload?.settings;
+        const magicMarks = payload?.magicMarks || getVideoCanvasMagicMarks(node);
+        const preferredModelOverride =
+          requestedSettings?.model || String(params.model || paramsSettings.model || "");
+        const preferredModelRef = getFunctionModel(
+          videoCanvasFunctionConfig,
+          definition,
+          preferredModelOverride,
+        );
+        const ratio = normalizeVideoRatioValue(
+          requestedSettings?.ratio || params.ratio || paramsSettings.ratio,
+        );
+        const resolution = normalizeVideoResolutionValue(
+          requestedSettings?.resolution || params.resolution || paramsSettings.resolution,
+        );
+        const duration = normalizeVideoDurationValue(
+          requestedSettings?.duration || params.duration || paramsSettings.duration,
+        );
+        const markedImageUrls = Array.from(
+          new Set(magicMarks.map((mark) => mark.imageUrl).filter(Boolean)),
+        ).slice(0, 4);
+        const referenceImages =
+          requestedMode === "text-to-video" && markedImageUrls.length > 0
+            ? markedImageUrls
+            : selectVideoReferenceImages(imageUrls, requestedMode);
+        if (requestedMode === "first-frame" && referenceImages.length < 1) {
+          toast.error("图生视频至少需要 1 张参考图片");
+          return;
         }
+        if (requestedMode === "first-last-frame" && referenceImages.length < 2) {
+          toast.error("首尾帧模式至少需要 2 张参考图片");
+          return;
+        }
+        if (requestedMode === "reference-images" && referenceImages.length < 1) {
+          toast.error("全能参考至少需要 1 张参考图片");
+          return;
+        }
+
+        const rawPrompt = String(
+          payload?.prompt ?? params.prompt ?? node.draftValues?.prompt ?? "",
+        ).trim();
+        const markLabels = magicMarks.map(
+          (mark) => mark.labelOptions[mark.selectedIndex] || mark.labelOptions[0],
+        );
+        const promptWithMarks = [
+          rawPrompt,
+          markLabels.length > 0
+            ? `重点遵循已标记元素：${markLabels.map((label) => `@${label}`).join("、")}`
+            : "",
+        ]
+          .filter(Boolean)
+          .join(" ");
+        const promptWithEffects = [
+          promptWithMarks,
+          ...effectDescriptors.map((effect) =>
+            [`应用视频特效「${effect.title}」。`, effect.prompt].filter(Boolean).join(" "),
+          ),
+        ]
+          .filter(Boolean)
+          .join(" ");
+        const promptWithRoles = [
+          promptWithEffects,
+          ...roleDescriptors.map((role) =>
+            [
+              `角色引用「${role.name}」${role.assetId ? `（合规资产 ${role.assetId}）` : ""}。`,
+              role.prompt,
+            ]
+              .filter(Boolean)
+              .join(" "),
+          ),
+        ]
+          .filter(Boolean)
+          .join(" ");
+        const finalPrompt = composeFunctionPrompt(definition, promptWithRoles || node.title);
+        const previewUrl =
+          referenceImages[0] ||
+          getNodeReferenceMediaUrl(incomingNodes.find((item) => item.inputType === "image")) ||
+          getNodeReferenceMediaUrl(node) ||
+          "";
+        const savedSettings: ComposerSettings & { duration: string } = {
+          autoValidateMaterial: false,
+          audio: requestedSettings?.audio || String(paramsSettings.audio || "开启"),
+          camera: requestedSettings?.camera || String(paramsSettings.camera || "摄像机"),
+          count: requestedSettings?.count || String(paramsSettings.count || "1个"),
+          model: normalizeModelRef(preferredModelOverride) || "auto",
+          modelLabel: requestedSettings?.modelLabel || String(paramsSettings.modelLabel || ""),
+          panorama: requestedSettings?.panorama || String(paramsSettings.panorama || "全能参考"),
+          ratio: formatVideoRatioLabel(ratio),
+          resolution: formatVideoResolutionLabel(resolution),
+          searchEnabled: false,
+          duration: formatVideoDurationLabel(duration),
+        };
+
         setNodes((current) =>
           current.map((item) =>
             item.id === nodeId
               ? {
                   ...item,
                   kind: "media",
-                  subtitle: "生成结果",
+                  subtitle: "生成中",
                   draftValues: {
                     ...clearGridSplitDraftValues(item.draftValues),
                     action: "VIDEO_GENERATE",
-                    generated: true,
-                    generationProgress: 100,
-                    generationStatus: "complete",
+                    generated: false,
+                    generationError: undefined,
+                    generationProgress: 2,
+                    generationStatus: "pending",
                     mediaType: "video",
-                    mediaUrl: response.data?.url,
+                    mediaUrl: "",
                     nodeType: "video",
-                    outputSizeLabel: `${formatVideoResolutionLabel(resolution)} · ${duration}s`,
+                    poster: previewUrl,
                     params: {
                       ...getNodeParams(item),
                       duration,
@@ -8217,44 +8206,147 @@ export function LiblibVideoCanvasReplica({
                       resolution,
                       settings: savedSettings,
                     },
-                    poster: previewUrl,
                     prompt: rawPrompt || finalPrompt,
                     sourceUrl: previewUrl,
-                    url: [response.data?.url],
-                    videoMeta: response.data?.metadata || null,
+                    url: [],
                   },
                 }
-              : item
-          )
+              : item,
+          ),
         );
-        setSelectedNodeId(nodeId);
-        setCanvasCommand(null);
-        setNodeContextMenu(null);
-        setConnectionMenu(null);
-        setActivePanel(null);
-        toast.success("视频已开始生成并返回结果");
-      } catch (error) {
-        setNodes((current) =>
-          current.map((item) =>
-            item.id === nodeId
-              ? {
-                  ...item,
-                  kind: "media",
-                  subtitle: "生成失败",
-                  draftValues: {
-                    ...clearGridSplitDraftValues(item.draftValues),
-                    generationStatus: "failed",
-                    generationError: error instanceof Error ? error.message : "视频生成失败",
-                    poster: previewUrl,
-                  },
-                }
-              : item
-          )
-        );
-        toast.error(error instanceof Error ? error.message : "视频生成失败");
+
+        const batchCount = canvasGenerationCount(savedSettings.count);
+        const siblings = Array.from({ length: batchCount - 1 }, (_, index) => ({
+          ...node,
+          kind: "media" as const,
+          inputType: "video" as const,
+          id: makeId("video-result"),
+          title: `${node.title} ${index + 2}`,
+          y: node.y + (index + 1) * (node.height + 40),
+          draftValues: {
+            ...node.draftValues,
+            generated: false,
+            generationStatus: "pending",
+            generationProgress: 0,
+            pendingLabel: "排队中",
+            generationError: undefined,
+            mediaUrl: "",
+            url: [],
+            poster: previewUrl,
+            params: {
+              ...getNodeParams(node),
+              settings: savedSettings,
+              mode: requestedMode,
+              prompt: finalPrompt,
+            },
+          },
+        }));
+        if (siblings.length) {
+          setNodes((current) => [...current, ...siblings]);
+          setEdges((current) => [
+            ...current,
+            ...siblings.flatMap((sibling) =>
+              incomingNodes.map((source) => ({
+                id: makeId("edge"),
+                source: source.id,
+                target: sibling.id,
+              })),
+            ),
+          ]);
+        }
+        let completed = 0;
+        let failed = 0;
+        for (const jobId of [nodeId, ...siblings.map((item) => item.id)]) {
+          setNodes(current => current.map(item => item.id === jobId ? {...item,draftValues:{...item.draftValues,pendingLabel:"生成中",generationProgress:2}} : item));
+          try {
+            const response = await videoGenerationService.generateVideo({
+              duration,
+              images: referenceImages,
+              mode: requestedMode,
+              preferredModelRef,
+              prompt: finalPrompt,
+              generateAudio: savedSettings.audio !== "关闭",
+              ratio,
+              resolution,
+            });
+            if (!response.success || !response.data?.url) {
+              throw new Error(response.error || "视频生成失败");
+            }
+            setNodes((current) =>
+              current.map((item) =>
+                item.id === jobId
+                  ? {
+                      ...item,
+                      kind: "media",
+                      subtitle: "生成结果",
+                      draftValues: {
+                        ...clearGridSplitDraftValues(item.draftValues),
+                        action: "VIDEO_GENERATE",
+                        generated: true,
+                        generationProgress: 100,
+                        generationStatus: "complete",
+                        mediaType: "video",
+                        mediaUrl: response.data?.url,
+                        nodeType: "video",
+                        outputSizeLabel: `${formatVideoResolutionLabel(resolution)} · ${duration}s`,
+                        params: {
+                          ...getNodeParams(item),
+                          duration,
+                          effects: effectDescriptors,
+                          roles: roleDescriptors,
+                          mode: requestedMode,
+                          magicMarks,
+                          model: normalizeModelRef(preferredModelOverride) || undefined,
+                          prompt: rawPrompt || finalPrompt,
+                          ratio,
+                          referenceImages,
+                          resolution,
+                          settings: savedSettings,
+                        },
+                        poster: previewUrl,
+                        prompt: rawPrompt || finalPrompt,
+                        sourceUrl: previewUrl,
+                        url: [response.data?.url],
+                        videoMeta: response.data?.metadata || null,
+                      },
+                    }
+                  : item,
+              ),
+            );
+            setSelectedNodeId(nodeId);
+            setCanvasCommand(null);
+            setNodeContextMenu(null);
+            setConnectionMenu(null);
+            setActivePanel(null);
+            completed += 1;
+          } catch (error) {
+            setNodes((current) =>
+              current.map((item) =>
+                item.id === jobId
+                  ? {
+                      ...item,
+                      kind: "media",
+                      subtitle: "生成失败",
+                      draftValues: {
+                        ...clearGridSplitDraftValues(item.draftValues),
+                        generationStatus: "failed",
+                        generationError: error instanceof Error ? error.message : "视频生成失败",
+                        poster: previewUrl,
+                      },
+                    }
+                  : item,
+              ),
+            );
+            failed += 1;
+          }
+        }
+        if (completed) toast.success(`视频生成完成：${completed}/${batchCount} 个`);
+        if (failed) toast.error(`${failed} 个视频生成失败，请查看对应节点；已成功结果保留`);
+      } finally {
+        activeGenerationSubmissions.current.delete(nodeId);
       }
     },
-    [edges, nodes, videoCanvasFunctionConfig]
+    [edges, nodes, videoCanvasFunctionConfig],
   );
 
   const runStoryScriptToolbarAction = useCallback(
@@ -8468,6 +8560,7 @@ export function LiblibVideoCanvasReplica({
               nodeType: "image",
               params: {
                 functionKey: "image-repaint",
+                referenceImages: (Array.isArray(anchor.draftValues?.storyAssets) ? anchor.draftValues.storyAssets as StoryWorkflowAsset[] : []).filter(asset=>asset.imageUrl && [row.sceneDescription,row.imagePrompt].join(" ").includes(`@${asset.name}`)).map(asset=>asset.imageUrl),
                 motionPrompt: row.motionPrompt,
                 prompt,
                 sceneDescription: row.sceneDescription,
@@ -8493,7 +8586,7 @@ export function LiblibVideoCanvasReplica({
         addNodes(nextNodes, nextEdges);
         setSelectedNodeId(nextNodes[0]?.id || anchor.id);
         closeTransientUi();
-        toast.success(`已批量生成 ${nextNodes.length} 个分镜图片节点`);
+        toast.success(`已创建 ${nextNodes.length} 个分镜图片节点，选中节点后可生成`);
         return;
       }
 
@@ -8526,14 +8619,15 @@ export function LiblibVideoCanvasReplica({
         const rowIndex = Math.max(0, rows.findIndex((item) => rowKey(item) === rowKey(row)));
         const storyboardNode = storyboardByKey.get(rowKey(row));
         const referenceImage = storyboardNode ? getNodeReferenceMediaUrl(storyboardNode) : row.keyframeUrl;
-        const previewUrl = referenceImage || row.keyframeUrl || FIRST_FRAME_IMAGE_URL;
-        const duration = 5;
+        const previewUrl = referenceImage || row.keyframeUrl || "";
+        const duration = Math.max(2,Math.min(15,Number.parseFloat(row.duration)||5));
+        const model = getFunctionModel(videoCanvasFunctionConfig,getConfiguredFunction(videoCanvasFunctionConfig,"first-frame-video")) || "auto";
         const settings: ComposerSettings = {
           audio: "开启",
           camera: "摄像机",
           count: "1个",
           duration: `${duration}s`,
-          model: "seedance-2.0-vip",
+          model,
           modelLabel: "",
           panorama: referenceImage ? "首帧生成视频" : "文生视频",
           ratio: "16:9",
@@ -8544,7 +8638,7 @@ export function LiblibVideoCanvasReplica({
           id: makeId("story-video"),
           kind: "media",
           title: `分镜视频-#${rowIndex + 1}`,
-          subtitle: `${row.scene} · Seedance 2.0 VIP`,
+          subtitle: `${row.scene} · 待生成`,
           inputType: "video",
           x: storyboardNode ? Math.round(storyboardNode.x + storyboardNode.width + 52) : fallbackX,
           y: storyboardNode ? storyboardNode.y : Math.round(anchor.y + rowIndex * (height + 30)),
@@ -8555,8 +8649,8 @@ export function LiblibVideoCanvasReplica({
             action: "VIDEO_GENERATE",
             functionKey: "first-frame-video",
             generated: false,
-            generationProgress: 2,
-            generationStatus: "pending",
+            generationProgress: 0,
+            generationStatus: "idle",
             mediaType: "video",
             mediaUrl: "",
             nodeType: "video",
@@ -8566,7 +8660,7 @@ export function LiblibVideoCanvasReplica({
               functionKey: "first-frame-video",
               imagePrompt: row.imagePrompt,
               mode: referenceImage ? "first-frame" : "text-to-video",
-              model: "seedance-2.0-vip",
+              model,
               modelLabel: "",
               motionPrompt: row.motionPrompt,
               prompt,
@@ -8647,21 +8741,9 @@ export function LiblibVideoCanvasReplica({
     }
   }, [addNodes, nodes, videoClipRanges]);
 
-  const downloadMediaNode = useCallback((node: CloneNode) => {
-    const mediaUrl = getNodeMediaUrl(node) || getNodeReferenceMediaUrl(node);
-    if (!mediaUrl) {
-      toast.error("当前资产没有可下载地址");
-      return;
-    }
-    const link = document.createElement("a");
-    link.href = mediaUrl;
-    const extension = node.inputType === "video" ? "mp4" : node.inputType === "audio" ? "mp3" : "png";
-    link.download = `${node.title || "未命名资产"}.${extension}`;
-    link.rel = "noreferrer";
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-    toast.success("已开始下载当前资产");
+  const downloadMediaNode = useCallback(async (node: CloneNode) => {
+    try { await downloadCanvasMedia([{url: getNodeMediaUrl(node), name: node.title}]); }
+    catch(error) { toast.error(error instanceof Error ? error.message : "下载失败"); }
   }, []);
 
   const downloadVideoNode = useCallback((node: CloneNode) => {
@@ -8679,52 +8761,88 @@ export function LiblibVideoCanvasReplica({
   }, []);
 
   const extractVideoFrameNode = useCallback(
-    (nodeId: string, kind: VideoFrameExtractionKind) => {
-      const videoNode = nodes.find((item) => item.id === nodeId);
-      if (!videoNode) return;
-      const frameLabelMap: Record<VideoFrameExtractionKind, string> = {
-        current: "当前帧",
-        first: "首帧",
-        last: "尾帧",
-      };
-      const frameUrl =
-        getVideoNodePreviewUrl(videoNode) ||
-        getNodeSourceMediaUrl(videoNode) ||
-        getNodeMediaUrl(videoNode) ||
-        FIRST_FRAME_IMAGE_URL;
-      const existingFrameCount = nodes.filter(
-        (item) =>
-          item.draftValues?.sourceVideoNodeId === videoNode.id &&
-          item.draftValues?.frameExtractionKind === kind
-      ).length;
-      const title = `${videoNode.title || "视频"}-${frameLabelMap[kind]}`;
-      const created = createMediaResourceNode({
-        action: "VIDEO_FRAME_EXTRACT",
-        height: 236,
-        mediaType: "image",
-        mediaUrl: frameUrl,
-        title,
-        width: 420,
-        x: videoNode.x + videoNode.width + OFFICIAL_NODE_GAP,
-        y: videoNode.y + existingFrameCount * 260,
-      });
-      const frameNode: CloneNode = {
-        ...created,
-        subtitle: "视频帧截取",
-        draftValues: {
-          ...(created.draftValues || {}),
-          frameExtractionKind: kind,
+    async (nodeId: string, kind: VideoFrameExtractionKind, time = 0) => {
+      const source = nodes.find((node) => node.id === nodeId);
+      if (!source || activeGenerationSubmissions.current.has(nodeId)) return;
+      activeGenerationSubmissions.current.add(nodeId);
+      const label = { first: "首帧", last: "尾帧", current: "当前帧" }[kind];
+      const notice = toast.loading(`正在截取${label}`);
+      try {
+        const response = await fetch("/api/canvas/video/process", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ operation: "frame", url: getNodeMediaUrl(source), kind, time }),
+          signal: AbortSignal.timeout(295000),
+        });
+        const result = await response.json();
+        if (!response.ok || !result.success || !result.data?.url)
+          throw Error(result.error || "截帧失败");
+        const frame = createMediaResourceNode({
+          action: "VIDEO_FRAME_EXTRACT",
+          mediaType: "image",
+          mediaUrl: result.data.url,
+          title: `${source.title}-${label}`,
+          x: source.x + source.width + 80,
+          y: source.y,
+        });
+        frame.draftValues = {
+          ...frame.draftValues,
           generated: true,
-          outputSizeLabel: "1280 × 720",
-          sourceVideoNodeId: videoNode.id,
-        },
-      };
-      addNodes([frameNode], [{ id: makeId("edge"), source: videoNode.id, target: frameNode.id }]);
-      setSelectedNodeId(frameNode.id);
-      setActiveVideoToolbarMode(null);
-      toast.success(`已截取${frameLabelMap[kind]}`);
+          frameExtractionKind: kind,
+          sourceVideoNodeId: source.id,
+          outputSizeLabel: `${result.data.width} × ${result.data.height}`,
+        };
+        addNodes([frame], [{ id: makeId("edge"), source: source.id, target: frame.id }]);
+        toast.success(`已截取${label}`, { id: notice });
+      } catch (e) {
+        toast.error(e instanceof Error ? e.message : "截帧失败", { id: notice });
+      } finally {
+        activeGenerationSubmissions.current.delete(nodeId);
+      }
     },
-    [addNodes, nodes]
+    [nodes, addNodes],
+  );
+
+  const slowVideoNode = useCallback(
+    async (nodeId: string, factor: number) => {
+      const source = nodes.find((node) => node.id === nodeId);
+      if (!source || activeGenerationSubmissions.current.has(nodeId)) return;
+      activeGenerationSubmissions.current.add(nodeId);
+      const notice = toast.loading(`正在处理 ${factor} 倍慢放`);
+      try {
+        const response = await fetch("/api/canvas/video/process", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ operation: "slow", url: getNodeMediaUrl(source), factor }),
+          signal: AbortSignal.timeout(295000),
+        });
+        const result = await response.json();
+        if (!response.ok || !result.success || !result.data?.url)
+          throw Error(result.error || "慢放处理失败");
+        const video = createMediaResourceNode({
+          action: "VIDEO_RESOURCE",
+          mediaType: "video",
+          mediaUrl: result.data.url,
+          title: `${source.title} · ${factor}倍慢放`,
+          x: source.x + source.width + 80,
+          y: source.y,
+        });
+        video.draftValues = {
+          ...video.draftValues,
+          generated: true,
+          durationSeconds: result.data.duration,
+          outputSizeLabel: `${result.data.width} × ${result.data.height}`,
+          sourceVideoNodeId: source.id,
+        };
+        addNodes([video], [{ id: makeId("edge"), source: source.id, target: video.id }]);
+        toast.success("慢放视频已生成", { id: notice });
+      } catch (e) {
+        toast.error(e instanceof Error ? e.message : "慢放失败", { id: notice });
+      } finally {
+        activeGenerationSubmissions.current.delete(nodeId);
+      }
+    },
+    [nodes, addNodes],
   );
 
   const createVideoHdUpscaleFromVideo = useCallback(
@@ -9492,8 +9610,7 @@ export function LiblibVideoCanvasReplica({
     );
     const imageUrls = Array.from(
       new Set(
-        imageReferenceLists
-          .flat()
+        [...imageReferenceLists.flat(), ...(Array.isArray(getNodeParams(node).referenceImages) ? getNodeParams(node).referenceImages as string[] : [])]
           .map((item) => String(item || "").trim())
           .filter(Boolean)
       )
@@ -9511,6 +9628,12 @@ export function LiblibVideoCanvasReplica({
     const nodeModelRef = normalizeModelRef(params.model || paramsSettings.model);
     const rawPrompt = String(params.prompt || node.draftValues?.prompt || "");
 
+    const delegatesVideo = node.inputType === "video" || /VIDEO_GENERATE/.test(action);
+    if (!delegatesVideo && activeGenerationSubmissions.current.has(nodeId)) return;
+    if (!delegatesVideo) {
+      activeGenerationSubmissions.current.add(nodeId);
+      setNodes(current=>current.map(item=>item.id===nodeId?{...item,draftValues:{...item.draftValues,generationStatus:"pending",generationError:undefined,generated:false}}:item));
+    }
     try {
       if (node.inputType === "image" || /IMAGE_GENERATE/.test(action)) {
         const savedFunctionKey = String(params.functionKey || node.draftValues?.functionKey || "").trim();
@@ -9531,6 +9654,7 @@ export function LiblibVideoCanvasReplica({
               ? "hd-upscale"
               : "image-repaint";
         const definition = getConfiguredFunction(videoCanvasFunctionConfig, functionKey);
+        if (!videoCanvasFunctionConfig.enabled || !definition.enabled) throw Error("该图片功能尚未启用");
         const sourceUrl = imageUrls[0] || getNodeReferenceMediaUrl(node);
         const extraReferenceImages = imageUrls.slice(1);
         const prompt =
@@ -9549,7 +9673,8 @@ export function LiblibVideoCanvasReplica({
         } else {
           const response = await imageGenerationService.generateImage({
             allowFailover: false,
-            aspectRatio: isWideImageGenerationFunction(functionKey) ? "16:9" : undefined,
+            aspectRatio: isWideImageGenerationFunction(functionKey) ? "16:9" : String(paramsSettings.ratio || params.ratio || "auto"),
+            imageSize: String(paramsSettings.resolution || params.imageSize || "1K"),
             billingFeature: getImageGenerationBillingFeature(functionKey),
             imageCount: 1,
             model: getFunctionModel(videoCanvasFunctionConfig, definition, nodeModelRef),
@@ -9588,9 +9713,7 @@ export function LiblibVideoCanvasReplica({
                     mediaType: "image",
                     mediaUrl: generatedUrl,
                     nodeType: "image",
-                    outputSizeLabel: isWideImageGenerationFunction(functionKey)
-                      ? "2752 × 1536"
-                      : item.draftValues?.outputSizeLabel,
+                    outputSizeLabel: undefined,
                     params: {
                       ...getNodeParams(item),
                       functionKey,
@@ -9644,6 +9767,8 @@ export function LiblibVideoCanvasReplica({
                     ...(item.draftValues || {}),
                     content: content ? [content] : item.draftValues?.content,
                     generated: true,
+                    generationStatus: "complete",
+                    generationProgress: 100,
                     prompt,
                     rows: response.data?.analysisRows || response.data?.shotIdeas || item.draftValues?.rows,
                   },
@@ -9655,10 +9780,11 @@ export function LiblibVideoCanvasReplica({
         return;
       }
 
-      toast.info(`${node.title} 暂无可执行的后端动作`);
+      throw Error(`${node.title} 暂无可执行的后端动作`);
     } catch (error) {
+      setNodes(current=>current.map(item=>item.id===nodeId?{...item,draftValues:{...item.draftValues,generationStatus:"failed",generationError:error instanceof Error ? error.message : "生成失败"}}:item));
       toast.error(error instanceof Error ? error.message : `${node.title} 生成失败`);
-    }
+    } finally {if(!delegatesVideo) activeGenerationSubmissions.current.delete(nodeId);}
   }, [edges, nodes, submitVideoTargetComposer, videoCanvasFunctionConfig]);
 
   const deleteNode = useCallback((nodeId: string, options?: { silent?: boolean }) => {
@@ -10710,7 +10836,7 @@ export function LiblibVideoCanvasReplica({
             onClearGridSplit={() => dismissNodeGridSplit(node.id)}
             onClearGridSplitSelection={() => clearNodeGridSplitSelection(node.id)}
             onClearLocalEditRegions={() => clearNodeLocalEditRegions(node.id)}
-            onExtractVideoFrame={(kind) => extractVideoFrameNode(node.id, kind)}
+            onExtractVideoFrame={(kind,time) => void extractVideoFrameNode(node.id, kind,time)}
             onGenerateVideoHd={() => generateVideoHdUpscaleNode(node.id)}
             onModuleAction={(actionLabel) => runTargetModuleAction(node.id, actionLabel)}
             onOpenConnectionMenu={(event, side) => openConnectionMenu(event, node, side)}
@@ -10923,6 +11049,7 @@ export function LiblibVideoCanvasReplica({
               void requestVideoAnalysis(selectedVideoMediaNode.id);
             }}
             onAudioVideoSplit={() => splitVideoAudioTrack(selectedVideoMediaNode.id, "audio-video")}
+            onSlow={factor=>void slowVideoNode(selectedVideoMediaNode.id,factor)}
             onHdOption={(option) => createVideoHdUpscaleFromVideo(selectedVideoMediaNode.id, option)}
             onSubtitleErase={(mode) => {
               setSubtitleEraseMode(mode);
@@ -11197,12 +11324,22 @@ export function LiblibVideoCanvasReplica({
       ) : null}
 
       {selectedNode && selectedTargetModuleKind === "audio" && selectedTargetAnchor ? (
-        <AudioTargetModuleComposer anchor={selectedTargetAnchor} />
+        <AudioTargetModuleComposer anchor={selectedTargetAnchor} onUpload={async file => {
+          const form = new FormData(); form.append("file", file);
+          const response = await fetch("/api/canvas/media/upload", {method:"POST",body:form,signal:AbortSignal.timeout(120000)});
+          const result = await response.json(); const url = result.url || result.data?.url;
+          if(!response.ok || !url) throw Error(result.error || "上传失败");
+          setNodes(current=>current.map(n=>n.id===selectedNode.id?{...n,title:file.name,draftValues:{...n.draftValues,action:"AUDIO_RESOURCE",mediaUrl:url,url:[url],mediaType:"audio",durationSeconds:result.data?.duration,generated:false}}:n));
+        }} />
       ) : null}
 
       {storyWorkflowNode ? (
         <StoryScriptWorkflowDialog
           node={storyWorkflowNode}
+          imageNodes={nodes.filter(n => n.inputType === "image" && Boolean(getNodeMediaUrl(n)))}
+          imageModel={getFunctionModel(videoCanvasFunctionConfig, getConfiguredFunction(videoCanvasFunctionConfig, "image-repaint"))}
+          analysisModel={getFunctionModel(videoCanvasFunctionConfig, getConfiguredFunction(videoCanvasFunctionConfig, "story-script"))}
+          onPatch={patch => setNodes(current => current.map(n => n.id === storyWorkflowNode.id ? {...n, draftValues: {...n.draftValues, ...patch}} : n))}
           onClose={() => setStoryWorkflowNodeId(null)}
           onRun={() => {
             void runNode(storyWorkflowNode.id);
@@ -11343,6 +11480,7 @@ export function LiblibVideoCanvasReplica({
           onOpenWatermarkRules={openHistoryWatermarkRules}
           onSelectNode={setSelectedNodeId}
           onUseNode={reuseHistoryAssetNode}
+          onHideNodes={ids => setNodes(current => current.map(n => ids.includes(n.id) ? {...n, draftValues:{...n.draftValues, historyHidden:true}} : n))}
         />
       ) : null}
 
@@ -11360,6 +11498,7 @@ export function LiblibVideoCanvasReplica({
 
       {activePanel === "assetManager" ? (
         <CanvasAssetManagerPanel
+          projectTitle={projectTitle}
           nodes={nodes}
           onClose={() => setActivePanel(null)}
           onDuplicateNode={duplicateNode}
@@ -11549,18 +11688,18 @@ export function LiblibVideoCanvasReplica({
           onApply={async (settings) => {
             const angleDefinition = getConfiguredFunction(videoCanvasFunctionConfig, "angle-edit");
             const sourceUrl = getNodeMediaUrl(angleEditorNode) || getNodeSourceMediaUrl(angleEditorNode);
+            if (!sourceUrl) throw Error("请先上传参考图片");
+            if (!videoCanvasFunctionConfig.enabled || !angleDefinition?.enabled) throw Error("多角度功能尚未启用");
             let generatedUrl = "";
-            if (sourceUrl && videoCanvasFunctionConfig.enabled && angleDefinition?.enabled) {
-              const response = await imageGenerationService.editAngle({
-                horizontalAngle: settings.horizontalAngle,
-                imageUrl: sourceUrl,
-                verticalAngle: settings.verticalAngle,
-                zoom: settings.zoom,
-              });
+            const presetPrompt = anglePresets[settings.preset || ""]?.prompt;
+            if (presetPrompt) {
+              const response = await imageGenerationService.generateImage({allowFailover:false,model:getFunctionModel(videoCanvasFunctionConfig,angleDefinition),referenceImage:sourceUrl,prompt:presetPrompt,imageCount:1});
+              generatedUrl = response.success ? getFirstGeneratedImageUrl(response) : "";
+              if (!generatedUrl) throw Error(response.error || "视角生成失败");
+            } else {
+              const response = await imageGenerationService.editAngle({imageUrl:sourceUrl,...angleRequestParameters(settings)});
               generatedUrl = response.success ? response.data?.url || response.data?.thumbnailUrl || "" : "";
-              if (!generatedUrl && !response.success) {
-                toast.error(response.error || "多角度生成失败，已保留参数");
-              }
+              if (!generatedUrl) throw Error(response.error || "视角生成失败");
             }
             setNodes((current) =>
               current.map((node) =>
@@ -12604,6 +12743,7 @@ function OfficialVideoMediaToolbar({
   anchor,
   audioSplitLoading = false,
   onAnalyze,
+  onSlow,
   onAudioVideoSplit,
   onHdOption,
   onSubtitleErase,
@@ -12617,6 +12757,7 @@ function OfficialVideoMediaToolbar({
   anchor?: PresetControlAnchor;
   audioSplitLoading?: boolean;
   onAnalyze: () => void;
+  onSlow: (factor:number)=>void;
   onAudioVideoSplit: () => void;
   onHdOption: (option: string) => void;
   onSubtitleErase: (mode: SubtitleEraseMode) => void;
@@ -12647,6 +12788,7 @@ function OfficialVideoMediaToolbar({
       }
     >
       {archiveControl}
+      <select aria-label="视频慢放" title="调整播放速度，不进行 AI 补帧" className="rounded bg-[#262626] p-2 text-sm" value="" onChange={e=>{if(e.target.value)onSlow(Number(e.target.value));}}><option value="">慢放</option>{[2,3,5].map(factor=><option key={factor} value={factor}>{factor} 倍慢放</option>)}</select>
       <OfficialVideoToolbarButton
         active={activeMode === "clip"}
         icon={<Scissors className="h-[18px] w-[18px]" strokeWidth={2.1} />}
@@ -12670,7 +12812,8 @@ function OfficialVideoMediaToolbar({
           active={menu === "hd"}
           dropdown
           icon={<Sparkles className="h-[18px] w-[18px]" strokeWidth={2.1} />}
-          label="高清"
+          disabled
+          label="高清（未接通）"
           onClick={() => setMenu((current) => current === "hd" ? null : "hd")}
         />
         {menu === "hd" ? (
@@ -12697,7 +12840,8 @@ function OfficialVideoMediaToolbar({
           active={menu === "subtitle" || activeMode === "subtitleErase"}
           dropdown
           icon={<Wand2 className="h-[18px] w-[18px]" strokeWidth={2.1} />}
-          label="智能去字幕"
+          disabled
+          label="去字幕（未接通）"
           onClick={() => setMenu((current) => current === "subtitle" ? null : "subtitle")}
         />
         {menu === "subtitle" ? (
@@ -12735,33 +12879,7 @@ function OfficialVideoMediaToolbar({
         />
         {menu === "audio" ? (
           <VideoToolbarMenuPopover width={168}>
-            <div className="group relative">
-              <div className="flex min-h-9 w-full items-center gap-2 rounded-[8px] px-2.5 py-2 text-left text-[13px] text-white/82 transition group-hover:bg-white/8 group-hover:text-white">
-                <span className="flex h-5 w-5 shrink-0 items-center justify-center text-white/46">
-                  <Music2 className="h-4 w-4" strokeWidth={2.1} />
-                </span>
-                <span className="min-w-0 flex-1 truncate">人声分离</span>
-                <ChevronRight className="h-3.5 w-3.5 shrink-0 text-white/44" />
-              </div>
-              <VideoToolbarSubmenu width={168}>
-                <VideoToolbarMenuItem
-                  icon={<Music2 className="h-4 w-4" strokeWidth={2.1} />}
-                  label="仅保留人声"
-                  onClick={() => {
-                    setMenu(null);
-                    onVoiceSplit("voice");
-                  }}
-                />
-                <VideoToolbarMenuItem
-                  icon={<Headphones className="h-4 w-4" strokeWidth={2.1} />}
-                  label="仅保留背景音"
-                  onClick={() => {
-                    setMenu(null);
-                    onVoiceSplit("background");
-                  }}
-                />
-              </VideoToolbarSubmenu>
-            </div>
+            <p className="px-3 py-2 text-xs text-white/40">人声/背景音分离尚未接通</p>
             <VideoToolbarMenuItem
               description="分离内嵌音轨为独立音频节点"
               icon={<GitBranch className="h-4 w-4" strokeWidth={2.1} />}
@@ -14083,383 +14201,46 @@ function TextTargetModuleComposer({
   );
 }
 
-function AudioTargetModuleComposer({ anchor }: { anchor: PresetControlAnchor }) {
-  const [text, setText] = useState("");
-  const [settingsOpen, setSettingsOpen] = useState(false);
-  const [expandedOpen, setExpandedOpen] = useState(false);
-  const [modelMenuOpen, setModelMenuOpen] = useState(false);
-  const [voiceModalOpen, setVoiceModalOpen] = useState(false);
-  const viewportWidth = typeof window !== "undefined" ? window.innerWidth : 1280;
-  const viewportHeight = typeof window !== "undefined" ? window.innerHeight : 720;
-  const compactComposer = viewportWidth < 980 || viewportHeight < 620;
-  const composerWidth = compactComposer ? Math.max(320, viewportWidth - 24) : 660;
-  const composerHeight = settingsOpen ? 565 : 189;
-  const composerTop = Math.max(12, Math.min(anchor.bottomY + 12, viewportHeight - composerHeight - 76));
-
-  const insertToken = useCallback((token: string) => {
-    setText((current) => (current ? `${current} ${token}` : token));
-  }, []);
-
-  const renderQuickTools = () => (
-    <div className="flex items-center gap-1 pl-1 pt-1">
-      {[
-        ["<#>", "停顿"],
-        ["()", "语气词"],
-      ].map(([icon, label]) => (
-        <button
-          className="flex h-6 shrink-0 items-center gap-1 rounded bg-white/10 px-2 text-[13px] text-white/72 transition-colors hover:bg-white/14 hover:text-white"
-          key={label}
-          onClick={() => insertToken(icon)}
-          type="button"
-        >
-          <span>{icon}</span>
-          <span>{label}</span>
-        </button>
-      ))}
-    </div>
-  );
-
-  const renderControlRow = (label: string, value: string, progress: number) => (
-    <div className="flex h-8 cursor-auto items-center justify-between gap-4" key={label}>
-      <div className="flex min-w-0 max-w-[120px] flex-1 items-center">
-        <div className="flex items-center gap-1 text-[13px] text-white/72">{label}</div>
-      </div>
-      <div className="flex min-w-0 flex-1 items-center gap-4">
-        <div className="relative h-1.5 flex-1 rounded-full bg-white/16">
-          <div className="absolute left-0 top-0 h-full rounded-full bg-[#2f8cff]" style={{ width: `${progress}%` }} />
-          <div
-            className="absolute top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white shadow-[0_1px_4px_rgba(0,0,0,0.4)]"
-            style={{ left: `${progress}%` }}
-          />
-        </div>
-        <div className="flex h-8 w-[68px] items-center justify-center rounded-lg bg-white/8 text-[13px] text-white/86">
-          {value}
-        </div>
-      </div>
-    </div>
-  );
-
-  const renderAdvancedSettings = (expanded: boolean) => (
-    <div className={cn(expanded ? "shrink-0" : "", "px-4 pt-1 text-[13px] text-white/72")}>
-      <div className="h-36">
-        <div className="flex h-9 items-center justify-between py-2">
-          <span>基础调节</span>
-          <button className="rounded px-1 text-white/42 transition hover:text-white/78" type="button">
-            一键重置
-          </button>
-        </div>
-        <div className="flex flex-col gap-1 pb-1">
-          {renderControlRow("语速", "1.00", 50)}
-          {renderControlRow("声调", "0", 58)}
-          {renderControlRow("音量", "1.0", 20)}
-        </div>
-      </div>
-      <div className="h-[228px]">
-        <div className="flex h-9 items-center justify-between py-2">
-          <span>音色效果调节</span>
-          <ChevronDown className="h-4 w-4 rotate-180 text-white/55" />
-        </div>
-        <div className="flex flex-col gap-1 pb-1">
-          {renderControlRow("音高", "0", 58)}
-          {renderControlRow("强度", "0", 58)}
-          {renderControlRow("音色调节", "0", 58)}
-        </div>
-        <div className="mt-2 text-white/72">音效</div>
-        <div className="mt-2 grid h-8 grid-cols-5 overflow-hidden rounded-lg bg-white/8 p-0.5 text-[13px] text-white/42">
-          {["无", "空旷回音", "礼堂广播", "电话失真", "电音"].map((effect, index) => (
-            <button
-              className={cn(
-                "rounded-md transition-colors hover:text-white/72",
-                index === 0 ? "bg-white/14 text-white/88" : "text-white/42"
-              )}
-              key={effect}
-              type="button"
-            >
-              {effect}
-            </button>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-
-  const audioModelOptions = [
-    ["Seed Audio 1.0", "多模态音频生成，支持人声、音效、音乐一体化创作"],
-    ["Minimax-speech-2.8-hd", "文字转语音，多元的情绪渲染"],
-    ["Minimax-speech-2.8-turbo", "文字转语音，快速生成自然的音频效果"],
-    ["Eleven V3", "文字转语音，提供高质量、可定制的语音"],
-    ["Eleven Music V3", "智能音乐生成，高质量音乐生成"],
-    ["Mureka V8", "智能音乐生成，兼具多元风格"],
-  ];
-
-  const renderModelMenu = () => (
-    <div className="absolute left-0 top-[calc(100%+1px)] z-[80] w-[369px] rounded-xl border border-white/10 bg-[#333]/95 p-1 shadow-[0_16px_36px_rgba(0,0,0,0.42)]">
-      <div className="tiny-scrollbar max-h-[400px] w-[360px] overflow-y-auto">
-        <div className="flex flex-col gap-1">
-          {audioModelOptions.map(([title, description], index) => (
-            <button
-              className={cn(
-                "group flex h-[52px] w-full items-center gap-2 rounded-xl p-2 text-left transition-colors",
-                title === "Minimax-speech-2.8-hd" ? "bg-white/15" : "hover:bg-white/8"
-              )}
-              key={title}
-              onClick={() => setModelMenuOpen(false)}
-              type="button"
-            >
-              <span className="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white/8 text-white/70">
-                {index === 0 ? <Music2 className="h-4 w-4" /> : <BoxSelect className="h-4 w-4" />}
-              </span>
-              <span className="min-w-0 flex-1 overflow-hidden pr-1">
-                <span className="block truncate text-[14px] text-white/88">{title}</span>
-                <span className="block truncate text-[12px] text-white/42">{description}</span>
-              </span>
-            </button>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-
-  const voiceRows = [
-    ["青涩青年音色", "中文(普通话)", "男"],
-    ["精英青年音色", "中文(普通话)", "男"],
-    ["霸道青年音色", "中文(普通话)", "男"],
-    ["青年大学生音色", "中文(普通话)", "男"],
-    ["少女音色", "中文(普通话)", "女"],
-    ["御姐音色", "中文(普通话)", "女"],
-    ["成熟女性音色", "中文(普通话)", "女"],
-    ["甜美女性音色", "中文(普通话)", "女"],
-    ["青涩青年音色-beta", "中文(普通话)", "男"],
-  ];
-
-  const renderVoiceModal = () => (
-    <div className="fixed inset-0 z-[602] flex items-center justify-center" data-canvas-overlay="true">
-      <section className="h-[616px] w-[800px] overflow-hidden rounded-2xl border border-white/10 bg-[#262626] text-white shadow-[0_24px_60px_rgba(0,0,0,0.55)]">
-        <div className="flex h-[56px] items-center justify-between border-white/8 border-b px-4 py-3">
-          <div className="text-[15px] font-medium text-white/88">音色选择</div>
-          <button
-            className="flex size-8 items-center justify-center rounded-lg text-white/45 transition-colors hover:bg-white/8 hover:text-white/85"
-            onClick={() => setVoiceModalOpen(false)}
-            type="button"
-          >
-            <X className="h-5 w-5" />
-          </button>
-        </div>
-        <div className="flex h-[56px] items-center justify-between gap-3 p-4 pb-0">
-          <div className="flex h-10 shrink-0 items-center gap-1 rounded-xl bg-white/8 p-1">
-            {["音色库", "我的音色", "收藏音色"].map((tab, index) => (
-              <button
-                className={cn(
-                  "min-w-[76px] whitespace-nowrap rounded-lg px-3 py-1.5 text-[13px] transition-colors",
-                  index === 0 ? "bg-white/15 text-white" : "text-white/45 hover:text-white/78"
-                )}
-                key={tab}
-                type="button"
-              >
-                {tab}
-              </button>
-            ))}
-          </div>
-          <div className="flex min-w-0 flex-1 items-center justify-end gap-2">
-            <button className="flex h-10 items-center gap-1 rounded-xl bg-[#3CB5CC1A] px-3 text-[#07B8DD] transition-colors hover:bg-[#3CB5CC2A]" type="button">
-              <Music2 className="h-4 w-4" />
-              克隆新音色
-            </button>
-            <label className="flex h-10 w-[240px] items-center gap-2 rounded-xl bg-white/8 px-3 text-white/42">
-              <Search className="h-4 w-4" />
-              <input className="min-w-0 flex-1 bg-transparent text-sm text-white outline-none placeholder:text-white/42" placeholder="搜索音色库" />
-            </label>
-            <button className="flex h-10 items-center gap-2 rounded-xl bg-white/8 px-3 text-white/78 transition-colors hover:bg-white/12" type="button">
-              <SlidersHorizontal className="h-4 w-4" />
-              筛选
-            </button>
-          </div>
-        </div>
-        <div className="h-[450px] p-4">
-          <div className="tiny-scrollbar flex h-full flex-col gap-1 overflow-y-auto">
-            {voiceRows.map(([name, language, gender]) => {
-              const selected = name === "少女音色";
-              return (
-                <div
-                  className={cn(
-                    "group flex h-16 w-full items-center gap-3 rounded-xl p-3 transition-colors",
-                    selected ? "bg-white/15" : "bg-white/5 hover:bg-white/10"
-                  )}
-                  key={name}
-                >
-                  <div className="flex size-10 shrink-0 items-center justify-center rounded-lg bg-white/8 text-white/72">
-                    <Music2 className="h-4 w-4" />
-                  </div>
-                  <div className="min-w-0 flex-1 text-[15px] text-white/88">{name}</div>
-                  <div className="flex shrink-0 items-center gap-1 text-[12px] text-white/42">
-                    <span>{language}</span>
-                    <span>{gender}</span>
-                  </div>
-                  <button
-                    className={cn(
-                      "h-8 rounded-full px-4 text-[13px] transition-colors",
-                      selected ? "bg-white/10 text-white/38" : "bg-white text-neutral-900 hover:bg-white/86"
-                    )}
-                    type="button"
-                  >
-                    {selected ? "已选" : "选择"}
-                  </button>
-                  <button className="flex size-8 items-center justify-center rounded-lg text-white/40 hover:bg-white/8 hover:text-white/78" type="button">
-                    <Star className="h-4 w-4" />
-                  </button>
-                  <button className="flex size-8 items-center justify-center rounded-lg text-white/40 hover:bg-white/8 hover:text-white/78" type="button">
-                    ...
-                  </button>
-                </div>
-              );
-            })}
-          </div>
-        </div>
-        <div className="flex h-[53px] items-center gap-4 border-white/8 border-t px-4 text-[13px] text-white/45">
-          <button className="flex size-7 items-center justify-center rounded-lg bg-white/14 text-white" type="button">1</button>
-          {["2", "3", "4", "5", "...", "17"].map((page) => (
-            <button className="px-1 transition-colors hover:text-white/80" key={page} type="button">{page}</button>
-          ))}
-          <button className="px-1 transition-colors hover:text-white/80" type="button">›</button>
-          <button className="ml-2 h-8 rounded-lg bg-white/8 px-3 text-white/58" type="button">20条/页</button>
-          <span>跳至</span>
-          <span className="h-8 w-10 rounded-lg bg-white/8" />
-          <span>页</span>
-          <span className="ml-auto">共 327 条</span>
-        </div>
-      </section>
-    </div>
-  );
-
-  const renderComposerSurface = (expanded: boolean) => {
-    const surfaceWidth = expanded ? 800 : 660;
-    const surfaceHeight = expanded ? 600 : composerHeight;
-    const topSectionClass = expanded ? "flex min-h-0 flex-1 flex-col gap-2 p-2" : "flex min-h-0 flex-col gap-2 p-2";
-    const textBoxClass = expanded ? "relative flex min-h-0 flex-1 gap-1" : "relative flex h-24 gap-1";
-
-    return (
-      <div
-        className="relative flex w-full flex-col gap-0 overflow-hidden rounded-2xl border border-white/8 bg-[#262626] text-white shadow-[0_18px_56px_rgba(0,0,0,0.42)]"
-        style={{ height: surfaceHeight, width: surfaceWidth }}
-      >
-        <div className={cn("flex w-full flex-col", expanded ? "min-h-0 flex-1 overflow-hidden" : "min-h-0")}>
-          <div className={topSectionClass}>
-            {renderQuickTools()}
-            <div className={textBoxClass}>
-              <div className={cn("relative flex-1 overflow-hidden rounded-xl p-2", expanded ? "min-h-0" : "min-h-20")}>
-                {!text ? (
-                  <div className="pointer-events-none absolute left-2 top-2 text-[13px] text-white/34">
-                    输入要合成的文本
-                  </div>
-                ) : null}
-                <textarea
-                  className="h-full w-full resize-none bg-transparent text-[13px] leading-5 text-white/78 outline-none"
-                  maxLength={50000}
-                  onChange={(event) => setText(event.target.value)}
-                  onPointerDown={(event) => event.stopPropagation()}
-                  value={text}
-                />
-              </div>
-            </div>
-            <div className="flex h-8 w-full items-center gap-1 text-[13px] text-white/64">
-              <div className="relative shrink-0">
-                <button
-                  className={cn(
-                    "flex h-8 w-auto items-center justify-between gap-1 rounded-lg px-2 py-1 transition-colors",
-                    modelMenuOpen ? "bg-white/10" : "bg-transparent hover:bg-white/8"
-                  )}
-                  onClick={() => setModelMenuOpen((current) => !current)}
-                  type="button"
-                >
-                  <Headphones className="h-3.5 w-3.5 shrink-0 text-white/82" />
-                  <span className="max-w-[170px] truncate">Minimax-speech-2.8-hd</span>
-                  <ChevronDown className="h-3.5 w-3.5 shrink-0 text-white/42" />
-                </button>
-                {modelMenuOpen ? renderModelMenu() : null}
-              </div>
-              <div className="min-w-0 flex-1" />
-              <div className="flex shrink-0 items-center gap-2">
-                <button
-                  className="flex h-8 max-w-[180px] shrink-0 items-center gap-1.5 rounded-lg bg-white/10 px-2 text-white/78 transition-colors hover:bg-white/14"
-                  onClick={() => {
-                    setModelMenuOpen(false);
-                    setVoiceModalOpen(true);
-                  }}
-                  title="切换音色"
-                  type="button"
-                >
-                  <Music2 className="h-3.5 w-3.5" />
-                  <span className="truncate">少女音色</span>
-                  <ChevronDown className="h-3.5 w-3.5 text-white/42" />
-                </button>
-                <button className="flex size-8 shrink-0 items-center justify-center rounded-lg text-white/58 transition-colors hover:bg-white/8 hover:text-white/86" title="翻译" type="button">
-                  <Languages className="h-4 w-4" />
-                </button>
-                <button
-                  className={cn(
-                    "mx-1 flex size-8 shrink-0 items-center justify-center rounded-lg transition-colors",
-                    settingsOpen ? "bg-white/10 text-white" : "text-white/58 hover:bg-white/8 hover:text-white/86"
-                  )}
-                  onClick={() => setSettingsOpen((current) => !current)}
-                  title="基础调节"
-                  type="button"
-                >
-                  <SlidersHorizontal className="h-4 w-4" />
-                </button>
-                <span className="shrink-0 text-white/45">{text.length}/50000</span>
-                <div className="flex h-8 items-center gap-2 text-white/45">
-                  <Zap className="h-3.5 w-3.5" />
-                  <span>1</span>
-                </div>
-                <button className="flex size-8 shrink-0 items-center justify-center rounded-xl bg-white text-neutral-900 transition hover:bg-white/86" title="生成音频" type="button">
-                  <ArrowUp className="h-4 w-4" />
-                </button>
-              </div>
-            </div>
-          </div>
-          {settingsOpen ? renderAdvancedSettings(expanded) : null}
-        </div>
-        <button
-          className="absolute right-2 top-2 z-10 flex size-7 shrink-0 items-center justify-center rounded-lg bg-[#262626] text-white/50 transition-colors hover:bg-white/8 hover:text-white/85"
-          onClick={() => (expanded ? setExpandedOpen(false) : setExpandedOpen(true))}
-          title={expanded ? "收起" : "展开"}
-          type="button"
-        >
-          {expanded ? <Minimize2 className="h-4 w-4" /> : <Maximize2 className="h-4 w-4" />}
-        </button>
-      </div>
-    );
-  };
-
+function AudioTargetModuleComposer({
+  anchor,
+  onUpload,
+}: {
+  anchor: PresetControlAnchor;
+  onUpload: (file: File) => Promise<void>;
+}) {
+  const [busy, setBusy] = useState(false);
   return (
-    <>
-      {expandedOpen ? (
-        <div className="fixed inset-0 z-[600] bg-black/50" data-canvas-overlay="true">
-          <div className="fixed left-1/2 top-1/2 z-[601] max-h-[90dvh] max-w-[90vw] -translate-x-1/2 -translate-y-1/2">
-            {renderComposerSurface(true)}
-          </div>
-        </div>
-      ) : (
-        <div
-          className={cn(
-            "pointer-events-auto absolute z-[70]",
-            compactComposer ? "overflow-x-auto overflow-y-visible" : "overflow-visible"
-          )}
-          data-canvas-overlay="true"
-          style={{
-            height: composerHeight,
-            left: compactComposer ? 12 : anchor.centerX,
-            top: composerTop,
-            transform: compactComposer ? "none" : "translateX(-50%)",
-            transformOrigin: "top left",
-            width: composerWidth,
+    <div
+      className="fixed bottom-8 left-1/2 z-[100] w-[min(520px,90vw)] -translate-x-1/2 rounded-2xl border border-white/10 bg-[#222] p-5 text-white shadow-xl"
+      data-canvas-overlay="true"
+    >
+      <h3 className="text-sm font-semibold">音频素材</h3>
+      <p className="my-3 text-sm leading-6 text-white/60">
+        当前尚未接通语音与音乐生成线路。可上传音频用于预览，或从视频工具提取音轨，再连接到支持音频参考的视频节点。
+      </p>
+      <label className="inline-flex cursor-pointer rounded-lg bg-white px-4 py-2 text-sm text-black">
+        {busy ? "上传中…" : "上传音频"}
+        <input
+          type="file"
+          accept="audio/*"
+          className="hidden"
+          disabled={busy}
+          onChange={async (e) => {
+            const file = e.target.files?.[0];
+            e.target.value = "";
+            if (!file) return;
+            setBusy(true);
+            try {
+              await onUpload(file);
+            } catch (e) {
+              toast.error(e instanceof Error ? e.message : "上传失败");
+            } finally {
+              setBusy(false);
+            }
           }}
-        >
-          {renderComposerSurface(false)}
-        </div>
-      )}
-      {voiceModalOpen ? renderVoiceModal() : null}
-    </>
+        />
+      </label>
+    </div>
   );
 }
 
@@ -15445,16 +15226,7 @@ function VideoTargetModuleComposer({
             <div className="mx-2 border-white/8 border-t" />
             <div className="mx-2 pt-3 text-xs font-bold text-neutral-500">高级设置</div>
             <div className="flex flex-col gap-1 px-2 pb-2 pt-1">
-              <VideoAdvancedSwitchRow
-                checked={settings.searchEnabled !== false}
-                label="联网搜索"
-                onChange={(checked) => setSettings((current) => ({ ...current, searchEnabled: checked }))}
-              />
-              <VideoAdvancedSwitchRow
-                checked={settings.autoValidateMaterial !== false}
-                label="自动校验素材"
-                onChange={(checked) => setSettings((current) => ({ ...current, autoValidateMaterial: checked }))}
-              />
+              <p className="py-2 text-xs text-white/45">输入数量与图片地址会在提交时校验。当前视频线路未接入联网搜索及人物素材合规校验。</p>
             </div>
           </div>
         </div>
@@ -15768,16 +15540,19 @@ function MultiAngleEditorDialog({
   onClose,
 }: {
   node: CloneNode;
-  onApply: (settings: AngleEditorSettings) => void;
+  onApply: (settings: AngleEditorSettings) => void | Promise<void>;
   onClose: () => void;
 }) {
   const initialSettings = (node.draftValues?.angleSettings || {}) as Partial<AngleEditorSettings>;
-  const [activeTab, setActiveTab] = useState("自定义");
-  const [horizontalAngle, setHorizontalAngle] = useState(Number(initialSettings.horizontalAngle ?? 0));
+  const [activeTab, setActiveTab] = useState(initialSettings.preset || "自定义");
+  const [horizontalAngle, setHorizontalAngle] = useState(
+    Number(initialSettings.horizontalAngle ?? 0),
+  );
   const [verticalAngle, setVerticalAngle] = useState(Number(initialSettings.verticalAngle ?? 0));
   const [zoom, setZoom] = useState(Number(initialSettings.zoom ?? 50));
+  const [submitting, setSubmitting] = useState(false);
   const [promptEnabled, setPromptEnabled] = useState(Boolean(initialSettings.promptEnabled));
-  const sourceUrl = getNodeMediaUrl(node) || getNodeSourceMediaUrl(node) || CHARACTER_THREE_VIEW_URL;
+  const sourceUrl = getNodeMediaUrl(node) || getNodeSourceMediaUrl(node) || "";
   const tabs = ["自定义", "鱼眼视角", "倾斜视角", "正面俯拍", "正面仰拍", "全景俯拍", "背面视角"];
 
   const reset = () => {
@@ -15789,8 +15564,11 @@ function MultiAngleEditorDialog({
   };
 
   return (
-    <div className="fixed inset-0 z-[130] flex items-center justify-center bg-black/30" data-canvas-overlay="true">
-      <div className="relative h-[768px] w-[1200px] overflow-hidden rounded-[18px] border border-white/10 bg-[#202020] px-8 py-8 text-white shadow-[0_28px_90px_rgba(0,0,0,0.58)]">
+    <div
+      className="fixed inset-0 z-[130] flex items-center justify-center bg-black/30"
+      data-canvas-overlay="true"
+    >
+      <div className="relative h-[min(768px,95vh)] w-[min(1200px,95vw)] overflow-auto rounded-[18px] border border-white/10 bg-[#202020] px-8 py-8 text-white shadow-[0_28px_90px_rgba(0,0,0,0.58)]">
         <div className="flex items-start justify-between">
           <h2 className="text-[30px] font-semibold tracking-[0] text-white">多角度编辑器</h2>
           <button
@@ -15802,15 +15580,21 @@ function MultiAngleEditorDialog({
           </button>
         </div>
 
-        <div className="mt-8 flex gap-4">
+        <div className="mt-6 flex flex-wrap gap-2">
           {tabs.map((tab) => (
             <button
               className={cn(
-                "h-14 min-w-[148px] cursor-pointer rounded-[10px] border border-white/8 px-6 text-[21px] font-medium text-white/45 transition hover:bg-white/8 hover:text-white/80",
-                activeTab === tab && "border-transparent bg-white/14 text-white"
+                "h-10 min-w-[110px] cursor-pointer rounded-[10px] border border-white/8 px-3 text-sm font-medium text-white/45 transition hover:bg-white/8 hover:text-white/80",
+                activeTab === tab && "border-transparent bg-white/14 text-white",
               )}
               key={tab}
-              onClick={() => setActiveTab(tab)}
+              onClick={() => {
+                const preset = anglePresets[tab];
+                setActiveTab(tab);
+                setHorizontalAngle(preset.horizontalAngle);
+                setVerticalAngle(preset.verticalAngle);
+                setZoom(preset.zoom);
+              }}
               type="button"
             >
               {tab}
@@ -15819,7 +15603,7 @@ function MultiAngleEditorDialog({
         </div>
 
         <div className="mt-6 flex gap-8">
-          <div className="relative flex h-[480px] w-[480px] shrink-0 items-center justify-center overflow-hidden rounded-[18px] bg-[#323232]">
+          <div className="relative flex h-[min(42vh,480px)] w-[min(42vw,480px)] shrink-0 items-center justify-center overflow-hidden rounded-[18px] bg-[#323232]">
             <div className="absolute h-[300px] w-[300px] rounded-full border border-white/24" />
             <div className="absolute h-[300px] w-[300px] rounded-full border border-white/14 [clip-path:ellipse(34%_50%_at_50%_50%)]" />
             <div className="absolute h-[300px] w-[300px] rounded-full border border-white/14 [clip-path:ellipse(50%_22%_at_50%_50%)]" />
@@ -15827,36 +15611,83 @@ function MultiAngleEditorDialog({
             <div className="absolute h-[165px] w-[300px] rounded-full border border-white/12" />
             <div className="absolute h-px w-[308px] bg-white/16" />
             <div className="absolute h-[308px] w-px bg-white/16" />
-            <button className="absolute top-10 text-[32px] text-white/42" onClick={() => setVerticalAngle((value) => Math.min(45, value + 5))} type="button">⌃</button>
-            <button className="absolute bottom-9 text-[32px] text-white/42" onClick={() => setVerticalAngle((value) => Math.max(-45, value - 5))} type="button">⌄</button>
-            <button className="absolute left-10 text-[42px] text-white/42" onClick={() => setHorizontalAngle((value) => Math.max(-180, value - 10))} type="button">‹</button>
-            <button className="absolute right-10 text-[42px] text-white/42" onClick={() => setHorizontalAngle((value) => Math.min(180, value + 10))} type="button">›</button>
+            <button
+              className="absolute top-10 text-[32px] text-white/42"
+              onClick={() => setVerticalAngle((value) => Math.min(90, value + 5))}
+              type="button"
+            >
+              ⌃
+            </button>
+            <button
+              className="absolute bottom-9 text-[32px] text-white/42"
+              onClick={() => setVerticalAngle((value) => Math.max(-30, value - 5))}
+              type="button"
+            >
+              ⌄
+            </button>
+            <button
+              className="absolute left-10 text-[42px] text-white/42"
+              onClick={() => setHorizontalAngle((value) => Math.max(-180, value - 10))}
+              type="button"
+            >
+              ‹
+            </button>
+            <button
+              className="absolute right-10 text-[42px] text-white/42"
+              onClick={() => setHorizontalAngle((value) => Math.min(180, value + 10))}
+              type="button"
+            >
+              ›
+            </button>
             <div className="relative h-[124px] w-[124px] overflow-hidden rounded-[10px] border border-white/50 bg-white shadow-[0_14px_34px_rgba(0,0,0,0.32)]">
-              <img alt="多角度参考图" className="h-full w-full object-contain" draggable={false} onDragStart={preventNativeImageDrag} src={sourceUrl} />
+              <img
+                alt="多角度参考图"
+                className="h-full w-full object-contain"
+                draggable={false}
+                onDragStart={preventNativeImageDrag}
+                src={sourceUrl}
+              />
             </div>
           </div>
 
           <div className="min-w-0 flex-1 pt-4">
-            <AngleSlider label="水平环绕" max={180} min={-180} onChange={setHorizontalAngle} suffix="°" value={horizontalAngle} />
-            <AngleSlider label="垂直俯仰" max={45} min={-45} onChange={setVerticalAngle} suffix="°" value={verticalAngle} />
-            <AngleSlider label="景别缩放" max={100} min={0} onChange={setZoom} value={zoom} valueLabel={zoom < 35 ? "远景" : zoom > 70 ? "近景" : "中景"} />
-            <div className="mt-10 flex items-center gap-8">
-              <span className="w-[120px] text-[26px] text-white/42">提示词</span>
-              <button
-                aria-pressed={promptEnabled}
-                className={cn(
-                  "relative h-[30px] w-[54px] cursor-pointer rounded-full bg-white/14 transition",
-                  promptEnabled && "bg-[#5f78ff]"
-                )}
-                onClick={() => setPromptEnabled((value) => !value)}
-                type="button"
-              >
-                <span
-                  className="absolute top-1 h-[22px] w-[22px] rounded-full bg-white shadow-[0_2px_8px_rgba(0,0,0,0.22)] transition-all"
-                  style={{ left: promptEnabled ? 28 : 4 }}
-                />
-              </button>
-            </div>
+            <AngleSlider
+              label="水平环绕"
+              max={180}
+              min={-180}
+              onChange={(value) => {
+                setActiveTab("自定义");
+                setHorizontalAngle(value);
+              }}
+              suffix="°"
+              value={horizontalAngle}
+            />
+            <AngleSlider
+              label="垂直俯仰"
+              max={90}
+              min={-30}
+              onChange={(value) => {
+                setActiveTab("自定义");
+                setVerticalAngle(value);
+              }}
+              suffix="°"
+              value={verticalAngle}
+            />
+            <AngleSlider
+              label="景别缩放"
+              max={100}
+              min={0}
+              onChange={(value) => {
+                setActiveTab("自定义");
+                setZoom(value);
+              }}
+              value={zoom}
+              valueLabel={zoom < 35 ? "远景" : zoom > 70 ? "近景" : "中景"}
+            />
+            <p className="mt-6 text-sm text-white/45">
+              {anglePresets[activeTab]?.prompt ||
+                `按环绕 ${horizontalAngle}°、俯仰 ${verticalAngle}°、缩放 ${zoom}% 请求视角编辑。中央图片为参考原图。`}
+            </p>
           </div>
         </div>
 
@@ -15865,20 +15696,32 @@ function MultiAngleEditorDialog({
           onClick={reset}
           type="button"
         >
-          ↺
-          <span>重置参数</span>
+          ↺<span>重置参数</span>
         </button>
         <div className="absolute bottom-8 right-8 flex items-center gap-5">
-          <span className="flex items-center gap-2 text-[22px] text-white/56">
-            <span className="text-white/44">⚡</span>
-            1
-          </span>
           <button
             className="flex h-[64px] w-[64px] cursor-pointer items-center justify-center rounded-[14px] bg-white text-[42px] leading-none text-black transition hover:bg-white/90"
-            onClick={() => onApply({ horizontalAngle, promptEnabled, verticalAngle, zoom })}
+            disabled={submitting || !sourceUrl}
+            aria-label="生成多角度图片"
+            onClick={async () => {
+              setSubmitting(true);
+              try {
+                await onApply({
+                  preset: activeTab,
+                  horizontalAngle,
+                  promptEnabled,
+                  verticalAngle,
+                  zoom,
+                });
+              } catch (e) {
+                toast.error(e instanceof Error ? e.message : "视角生成失败");
+              } finally {
+                setSubmitting(false);
+              }
+            }}
             type="button"
           >
-            ↑
+            {submitting ? "…" : "↑"}
           </button>
         </div>
       </div>
@@ -19123,7 +18966,7 @@ function CloneCanvasNode({
   node: CloneNode;
   onCancelGeneration: () => void;
   onContextMenu: (event: ReactMouseEvent<HTMLDivElement>) => void;
-  onExtractVideoFrame: (kind: VideoFrameExtractionKind) => void;
+  onExtractVideoFrame: (kind: VideoFrameExtractionKind,time?:number) => void;
   onGenerateVideoHd: () => void;
   onModuleAction: (actionLabel: TargetModuleActionLabel) => void;
   onOpenConnectionMenu: (event: ReactMouseEvent<HTMLButtonElement>, side: ConnectionSide) => void;
@@ -21436,7 +21279,7 @@ function OfficialVideoResultCard({
 }: {
   durationSeconds: number;
   mediaUrl: string;
-  onExtractFrame: (kind: VideoFrameExtractionKind) => void;
+  onExtractFrame: (kind: VideoFrameExtractionKind,time?:number) => void;
   previewUrl?: string;
   selected: boolean;
   title: string;
@@ -21558,7 +21401,7 @@ function OfficialVideoResultCard({
                   onClick={(event) => {
                     event.stopPropagation();
                     setFrameMenuOpen(false);
-                    onExtractFrame(item.kind);
+                    onExtractFrame(item.kind,currentTime);
                   }}
                   type="button"
                 >
@@ -21799,7 +21642,7 @@ function PresetMediaCanvasNode({
   onClearLocalEditRegions: () => void;
   node: CloneNode;
   onCancelGeneration: () => void;
-  onExtractVideoFrame: (kind: VideoFrameExtractionKind) => void;
+  onExtractVideoFrame: (kind: VideoFrameExtractionKind,time?:number) => void;
   onSetLocalEditMode: (enabled: boolean) => void;
   onSubmitLocalEdit: (regions: LocalEditRegion[]) => void;
   onToggleGridSplitSelection: (index: number, behavior: "replace" | "toggle") => void;
@@ -23179,24 +23022,24 @@ function HistoryAssetPickerModal({
   onClose: () => void;
   onConfirm: (nodes: CloneNode[]) => void;
 }) {
-  const [sourceTab, setSourceTab] = useState("LibTV");
+  const [sourceTab, setSourceTab] = useState("当前画布");
   const [mediaTab, setMediaTab] = useState<"image" | "video" | "audio">("image");
   const [selectedIds, setSelectedIds] = useState<string[]>([]);
-  const imageNodes = nodes.filter((node) => node.inputType === "image" || /图片|镜头|角色|场景|道具|皇帝|沈昭昭|长安|金銮殿/.test(node.title));
-  const videoNodes = nodes.filter((node) => node.inputType === "video" || /视频/.test(node.title));
-  const audioNodes = nodes.filter((node) => node.inputType === "audio" || /音频/.test(node.title));
-  const historyImageNodes = imageNodes.length >= 8 ? imageNodes : [...imageNodes, ...DEFAULT_IMAGE_HISTORY_NODES.slice(0, 8 - imageNodes.length)];
-  const historyVideoNodes = videoNodes.length > 0 ? videoNodes : DEFAULT_VIDEO_HISTORY_NODES;
-  const historyAudioNodes = audioNodes.length > 0 ? audioNodes : DEFAULT_AUDIO_HISTORY_NODES;
+  const imageNodes = nodes.filter((node) => node.inputType === "image" && Boolean(getNodeMediaUrl(node)) && !node.draftValues?.historyHidden);
+  const videoNodes = nodes.filter((node) => node.inputType === "video" && Boolean(getNodeMediaUrl(node)) && !node.draftValues?.historyHidden);
+  const audioNodes = nodes.filter((node) => node.inputType === "audio" && Boolean(getNodeMediaUrl(node)) && !node.draftValues?.historyHidden);
+  const historyImageNodes = imageNodes;
+  const historyVideoNodes = videoNodes;
+  const historyAudioNodes = audioNodes;
   const activeNodes =
-    sourceTab === "LibTV"
+    sourceTab === "当前画布"
       ? mediaTab === "image"
         ? historyImageNodes
         : mediaTab === "video"
           ? historyVideoNodes
           : historyAudioNodes
       : [];
-  const visibleNodes = activeNodes.slice(0, 10);
+  const visibleNodes = activeNodes;
   const selectedNodes = visibleNodes.filter((node) => selectedIds.includes(node.id));
   const unit = "张";
   const title = mediaTab === "image" ? "选择图片" : mediaTab === "video" ? "选择视频" : "选择音频";
@@ -23224,7 +23067,7 @@ function HistoryAssetPickerModal({
         </div>
         <div className="flex h-12 shrink-0 items-start gap-3 px-6 pt-4">
           <div className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto">
-            {["LibTV", "Lib生成器", "WebUI", "ComfyUI", "AI应用"].map((label) => (
+            {["当前画布"].map((label) => (
               <button
                 className={cn(
                   "flex h-8 shrink-0 cursor-pointer items-center justify-center rounded-lg border-none px-3 py-1 text-[13px] transition-colors",
@@ -23355,6 +23198,7 @@ function HistoryAssetsPanel({
   onOpenWatermarkRules,
   onSelectNode,
   onUseNode,
+  onHideNodes,
 }: {
   listDownloadPendingId: string | null;
   nodes: CloneNode[];
@@ -23362,6 +23206,7 @@ function HistoryAssetsPanel({
   onOpenWatermarkRules: (node: CloneNode) => void;
   onSelectNode: (id: string) => void;
   onUseNode: (node: CloneNode) => void;
+  onHideNodes: (ids: string[]) => void;
 }) {
   const [tab, setTab] = useState<"image" | "video" | "audio">("image");
   const [batchMode, setBatchMode] = useState(false);
@@ -23373,18 +23218,18 @@ function HistoryAssetsPanel({
   const [selectedIds, setSelectedIds] = useState<string[]>([]);
   const [sortOrder, setSortOrder] = useState<"desc" | "asc">("desc");
   const [zoomIndex, setZoomIndex] = useState(1);
-  const imageNodes = nodes.filter((node) => node.inputType === "image" || /图片|镜头|角色|场景|道具|皇帝|沈昭昭|长安|金銮殿/.test(node.title));
-  const videoNodes = nodes.filter((node) => node.inputType === "video" || /视频/.test(node.title));
-  const audioNodes = nodes.filter((node) => node.inputType === "audio" || /音频/.test(node.title));
+  const imageNodes = nodes.filter((node) => node.inputType === "image" && Boolean(getNodeMediaUrl(node)) && !node.draftValues?.historyHidden);
+  const videoNodes = nodes.filter((node) => node.inputType === "video" && Boolean(getNodeMediaUrl(node)) && !node.draftValues?.historyHidden);
+  const audioNodes = nodes.filter((node) => node.inputType === "audio" && Boolean(getNodeMediaUrl(node)) && !node.draftValues?.historyHidden);
   const deletedHistoryIdSet = new Set(deletedHistoryIds);
-  const historyImageNodesBase = imageNodes.length >= 8 ? imageNodes : [...imageNodes, ...DEFAULT_IMAGE_HISTORY_NODES.slice(0, 8 - imageNodes.length)];
-  const historyVideoNodesBase = videoNodes.length > 0 ? videoNodes : DEFAULT_VIDEO_HISTORY_NODES;
+  const historyImageNodesBase = imageNodes;
+  const historyVideoNodesBase = videoNodes;
   const historyImageNodes = historyImageNodesBase.filter((node) => !deletedHistoryIdSet.has(node.id));
   const historyVideoNodes = historyVideoNodesBase.filter((node) => !deletedHistoryIdSet.has(node.id));
   const historyAudioNodes = audioNodes.filter((node) => !deletedHistoryIdSet.has(node.id));
   const activeNodes = tab === "image" ? historyImageNodes : tab === "video" ? historyVideoNodes : historyAudioNodes;
-  const sortedNodes = sortOrder === "desc" ? activeNodes : [...activeNodes].reverse();
-  const visibleNodes = sortedNodes.slice(0, 8);
+  const sortedNodes = sortOrder === "desc" ? [...activeNodes].reverse() : activeNodes;
+  const visibleNodes = sortedNodes;
   const zoomLevel = HISTORY_ASSET_ZOOM_LEVELS[zoomIndex];
   const activeNodeIdKey = activeNodes.map((node) => node.id).join("|");
   const selectedNodes = visibleNodes.filter((node) => selectedIds.includes(node.id));
@@ -23395,21 +23240,9 @@ function HistoryAssetsPanel({
     setSelectedIds((current) => current.filter((id) => validIds.has(id)));
   }, [activeNodeIdKey]);
 
-  useEffect(() => {
-    if (!batchDownloadPending) return;
-    const timer = window.setTimeout(() => {
-      setBatchDownloadPending(false);
-    }, 15000);
-    return () => window.clearTimeout(timer);
-  }, [batchDownloadPending]);
 
-  useEffect(() => {
-    if (!previewDownloadPending) return;
-    const timer = window.setTimeout(() => {
-      setPreviewDownloadPending(false);
-    }, 15000);
-    return () => window.clearTimeout(timer);
-  }, [previewDownloadPending]);
+
+
 
   useEffect(() => {
     setPreviewDownloadPending(false);
@@ -23483,10 +23316,12 @@ function HistoryAssetsPanel({
     setBatchMode(false);
   };
 
-  const runBatchDownload = () => {
-    if (batchDownloadPending) return;
-    if (selectedNodes.length === 0) return;
+  const runBatchDownload = async () => {
+    if (batchDownloadPending || !selectedNodes.length) return;
     setBatchDownloadPending(true);
+    try { const result = await downloadCanvasMedia(selectedNodes.map(node => ({url:getNodeMediaUrl(node), name:node.title}))); if(result.failed) toast.error(`${result.failed} 项下载失败，详见压缩包内清单`); }
+    catch(error) { toast.error(error instanceof Error ? error.message : "下载失败"); }
+    finally { setBatchDownloadPending(false); }
   };
 
   const runBatchDelete = () => {
@@ -23500,10 +23335,10 @@ function HistoryAssetsPanel({
       setBatchDeleteConfirmOpen(false);
       return;
     }
-    setDeletedHistoryIds((current) => Array.from(new Set([...current, ...selectedNodes.map((node) => node.id)])));
+    onHideNodes(selectedNodes.map(node => node.id));
     setSelectedIds([]);
     setBatchDeleteConfirmOpen(false);
-    toast.success("删除成功");
+    toast.success("已从当前画布素材列表移除，可重新生成或上传素材；画布节点保留");
   };
 
   const previewNode = previewIndex === null ? null : visibleNodes[previewIndex] || null;
@@ -23516,7 +23351,7 @@ function HistoryAssetsPanel({
       <div className="pointer-events-none fixed inset-0 z-[601] flex items-center justify-center text-white" data-canvas-overlay="true">
         <section className="pointer-events-auto flex h-[calc(100vh-160px)] min-h-[360px] w-[min(90vw,1600px)] max-w-[min(90vw,1600px)] flex-col overflow-hidden rounded-2xl bg-[#262626] shadow-[0_28px_90px_rgba(0,0,0,0.54)]">
           <div className="flex h-16 shrink-0 items-center justify-between px-4">
-            <h3 className="text-base font-medium text-white/86">历史资产</h3>
+            <h3 className="text-base font-medium text-white/86">当前画布素材</h3>
             <div className="flex items-center gap-4">
               <div className="flex h-[29px] items-center gap-1 rounded-lg bg-[#171717]">
                 <button
@@ -23576,7 +23411,7 @@ function HistoryAssetsPanel({
             {batchMode ? (
               <div className="flex items-center justify-end gap-2">
                 <span className="block h-5 w-[67px] whitespace-nowrap text-[13px] text-white/58">已选择 {selectedIds.length} 项</span>
-                <HistoryBatchActionButton disabled={batchDownloadPending || selectedIds.length === 0} label="删除" onClick={runBatchDelete} />
+                <HistoryBatchActionButton disabled={batchDownloadPending || selectedIds.length === 0} label="移除" onClick={runBatchDelete} />
                 <HistoryBatchActionButton disabled={batchDownloadPending || selectedIds.length === 0} label="下载" onClick={runBatchDownload} />
                 <HistoryBatchActionButton disabled={batchDownloadPending || selectedIds.length === 0} label="使用" onClick={runBatchUse} />
                 <button
@@ -23595,7 +23430,7 @@ function HistoryAssetsPanel({
                   onClick={() => setSortOrder((current) => (current === "desc" ? "asc" : "desc"))}
                   type="button"
                 >
-                  {sortOrder === "desc" ? "时间降序" : "时间升序"}
+                  {sortOrder === "desc" ? "最近添加优先" : "最早添加优先"}
                 </button>
                 <button
                   className="flex h-8 w-[86px] items-center justify-center rounded-lg bg-transparent text-[13px] text-white/62 transition hover:bg-white/8 hover:text-white"
@@ -23616,7 +23451,7 @@ function HistoryAssetsPanel({
                   {batchMode ? (
                     <HistorySelectionCheckbox checked={groupSelected} onClick={toggleGroupSelection} />
                   ) : null}
-                  <h4 className="text-sm font-medium text-white/62">2026-07-09</h4>
+                  <h4 className="text-sm font-medium text-white/62">按节点添加顺序</h4>
                 </div>
                 <div className="grid gap-x-3 gap-y-4" style={{ gridTemplateColumns: `repeat(auto-fill, ${zoomLevel.cardSize}px)` }}>
                   {visibleNodes.map((node, index) => {
@@ -23689,7 +23524,7 @@ function HistoryAssetsPanel({
                                 disabled={listDownloadPendingId === node.id}
                                 onClick={(event) => {
                                   event.stopPropagation();
-                                  onOpenWatermarkRules(node);
+                                  void downloadCanvasMedia([{url:getNodeMediaUrl(node),name:node.title}]).catch(error=>toast.error(error.message));
                                 }}
                                 type="button"
                               >
@@ -23769,7 +23604,7 @@ function HistoryAssetsPanel({
                   previewDownloadPending ? "w-[118px] justify-center px-0" : "px-5"
                 )}
                 disabled={previewDownloadPending}
-                onClick={() => setPreviewDownloadPending(true)}
+                onClick={async () => { setPreviewDownloadPending(true); try {await downloadCanvasMedia([{url:previewMediaUrl,name:previewNode.title}]);} catch(error) {toast.error(error instanceof Error ? error.message : "下载失败");} finally {setPreviewDownloadPending(false);} }}
                 type="button"
               >
                 {previewDownloadPending ? null : <Download className="h-4 w-4" />}
@@ -23784,9 +23619,9 @@ function HistoryAssetsPanel({
           <section className="w-[min(344px,calc(100vw-32px))] rounded-xl border border-white/10 bg-[#262626] p-4 text-white shadow-[0_18px_48px_rgba(0,0,0,0.48)]">
             <div className="flex flex-col gap-3">
               <div className="flex items-start gap-2">
-                <p className="text-sm font-bold text-white">批量删除</p>
+                <p className="text-sm font-bold text-white">从素材列表移除</p>
               </div>
-              <div className="text-[13px] text-white/58">确认批量删除 {selectedIds.length} 项</div>
+              <div className="text-[13px] text-white/58">确认移除 {selectedIds.length} 项？画布节点及源文件保留，移除状态随画布保存。</div>
             </div>
             <div className="mt-4 flex items-center justify-end gap-3">
               <button
@@ -23915,6 +23750,7 @@ const VIDEO_CANVAS_TUTORIAL_URL = "https://resonate.feishu.cn/wiki/Loxfw6XHziYRk
 
 function CanvasAssetManagerPanel({
   nodes,
+  projectTitle,
   onClose,
   onDuplicateNode,
   onRenameNode,
@@ -23923,6 +23759,7 @@ function CanvasAssetManagerPanel({
   panelWidth,
 }: {
   nodes: CloneNode[];
+  projectTitle: string;
   onClose: () => void;
   onDuplicateNode: (id: string) => void;
   onRenameNode: (id: string, title: string) => boolean;
@@ -24015,11 +23852,9 @@ function CanvasAssetManagerPanel({
             aria-label="工作区名称"
             className="h-5 w-[78px] truncate bg-transparent text-[13px] text-white/82 outline-none"
             readOnly
-            value="未命名工作区"
+            value={projectTitle}
           />
-          <button className="flex h-7 w-[68px] items-center justify-center rounded-lg text-[13px] text-white hover:bg-white/10" type="button">
-            画布 1
-          </button>
+          <span className="text-xs text-white/45">当前画布</span>
         </div>
       </div>
 
@@ -24237,58 +24072,14 @@ function CanvasAssetManagerPanel({
           </div>
         </>
       ) : (
-        <div className="flex min-h-0 flex-1 flex-col gap-3 px-2 py-3">
-          <div className="flex h-[30px] items-center gap-1">
-            <div className="relative h-[30px] min-w-0 flex-1">
-              <input
-                className="h-[30px] w-full rounded-lg border border-white/10 bg-white/8 px-3 pr-8 text-[13px] text-white outline-none placeholder:text-white/35"
-                onChange={(event) => setAssetSearchQuery(event.target.value)}
-                placeholder="请输入搜索内容"
-                value={assetSearchQuery}
-              />
-              <button aria-label="搜索" className="absolute right-1 top-1 flex h-[22px] w-[22px] items-center justify-center rounded-md text-white/50 hover:bg-white/10 hover:text-white" type="button">
-                <Search className="h-3.5 w-3.5" />
-              </button>
-            </div>
-            <div className="relative" ref={assetFilterRef}>
-              <button
-                aria-label="筛选素材类型"
-                className="flex h-7 w-7 items-center justify-center rounded-lg text-white/55 hover:bg-white/10 hover:text-white"
-                onClick={() => setAssetFilterOpen((value) => !value)}
-                type="button"
-              >
-                <Settings2 className="h-4 w-4" />
-              </button>
-              {assetFilterOpen ? (
-                <div className="absolute left-0 top-[38px] z-[410] w-[322px] rounded-[12px] border border-white/10 bg-[#212121] p-4 shadow-[0_18px_60px_rgba(0,0,0,0.46)]" role="menu">
-                  <div className="text-[14px] leading-5 text-white/50">标签</div>
-                  <div className="mt-3 grid w-[192px] grid-cols-3 gap-x-2 gap-y-2">
-                    {["其它", "人物", "场景", "物品", "风格", "音效"].map((tag) => (
-                      <button className="h-8 rounded-lg text-[13px] text-white/78 hover:bg-white/10" key={tag} type="button">
-                        {tag}
-                      </button>
-                    ))}
-                  </div>
-                  <div className="mt-5 flex justify-end gap-3">
-                    <button className="h-8 rounded-lg px-3 text-[13px] text-white/55 hover:bg-white/10" onClick={() => setAssetFilterOpen(false)} type="button">
-                      清空
-                    </button>
-                    <button className="h-8 rounded-lg px-3 text-[13px] text-white hover:bg-white/10" onClick={() => setAssetFilterOpen(false)} type="button">
-                      应用
-                    </button>
-                  </div>
-                </div>
-              ) : null}
-            </div>
-          </div>
-
-          <div className="flex min-h-0 flex-1 flex-col">
-            <div className="tiny-scrollbar h-full overflow-y-auto overflow-x-hidden">
-              <div className="flex min-h-[188px] flex-col items-center justify-center px-4 py-8 text-center text-[13px] text-white/45">
-                暂无资产
-              </div>
-            </div>
-          </div>
+        <div className="flex min-h-0 flex-1 flex-col gap-3 px-3 py-3">
+          <input aria-label="搜索当前素材" className="rounded-lg bg-white/10 p-2 text-sm" placeholder="搜索当前画布素材" value={assetSearchQuery} onChange={e=>setAssetSearchQuery(e.target.value)}/>
+          <select aria-label="素材类型" className="rounded bg-[#222] p-2 text-sm" value={filter} onChange={e=>setFilter(e.target.value)}>{["全部","图片","视频","音频"].map(type=><option key={type}>{type}</option>)}</select>
+          <p className="text-xs text-white/40">当前画布中已有文件的素材，可定位或下载。</p>
+          <div className="min-h-0 flex-1 space-y-3 overflow-auto">{nodes.filter(node=>Boolean(getNodeMediaUrl(node)) && (!assetSearchQuery.trim() || node.title.toLowerCase().includes(assetSearchQuery.trim().toLowerCase())) && (filter === "全部" || node.inputType === ({图片:"image",视频:"video",音频:"audio"} as Record<string,string>)[filter])).map(node=><article key={node.id} className="rounded-lg border border-white/10 p-2">
+            {node.inputType === "image" ? <img alt={node.title} src={getNodeMediaUrl(node)} className="h-24 w-full object-contain"/> : <p className="py-4 text-center text-xs text-white/50">{node.inputType === "video" ? "视频" : "音频"}</p>}
+            <p className="truncate py-2 text-xs">{node.title}</p><div className="flex gap-2 text-xs"><button className="rounded bg-white/10 px-2 py-1" onClick={()=>onSelectNode(node.id)}>定位</button><button className="rounded bg-white/10 px-2 py-1" onClick={()=>void downloadCanvasMedia([{url:getNodeMediaUrl(node),name:node.title}]).catch(e=>toast.error(e.message))}>下载</button></div>
+          </article>)}</div>
         </div>
       )}
 
@@ -24309,10 +24100,10 @@ function CanvasAssetManagerPanel({
 
 function ShortcutPanel({ onClose }: { onClose: () => void }) {
   const groups = [
-    ["创作", [["成组", "G"], ["合并分镜组", "Option+G"], ["解组", "Shift+G"], ["连线", "L"], ["复制节点和连线", "D"], ["生成", "Enter"], ["新建节点", "Tab"], ["节点复制", "Option+拖动节点"]]],
-    ["缩放", [["放大", ""], ["缩小", ""], ["适应画布", "0"]]],
-    ["移动画布", [["键盘", "Space"], ["触控板", ""], ["鼠标", ""], ["整理画布", "Option+Shift+F"]]],
-    ["其他", [["撤销", "Z"], ["重做", "Shift+Z"], ["删除", ""]]],
+    ["连线", [["连线模式", "L"], ["退出/取消选择", "Escape"]]],
+    ["保存", [["保存画布", "Ctrl/⌘ + S"]]],
+    ["移动画布", [["临时平移", "Space + 拖动"]]],
+    ["删除", [["删除所选节点或连线", "Delete / Backspace"]]],
   ] as const;
 
   return (
diff --git a/components/canvas/director/DirectorMotionPanel.tsx b/components/canvas/director/DirectorMotionPanel.tsx
index 1e0676524..483b724cd 100644
--- a/components/canvas/director/DirectorMotionPanel.tsx
+++ b/components/canvas/director/DirectorMotionPanel.tsx
@@ -12,6 +12,7 @@ import {
 } from "@/lib/video-canvas/director-motion";
 export function DirectorMotionPanel({
   motion,
+  compact = false,
   pose,
   disabled,
   onChange,
@@ -23,6 +24,7 @@ export function DirectorMotionPanel({
   onCancel,
   onOverview,
 }: {
+  compact?: boolean;
   motion: DirectorMotion;
   pose: DirectorPose;
   disabled: boolean;
@@ -69,8 +71,7 @@ export function DirectorMotionPanel({
       const m = latest.current.motion;
       const next = timeRef.current + (previous ? (now - previous) / 1000 : 0);
       previous = now;
-      const t =
-        next >= m.duration ? (m.loop ? next % m.duration : m.duration) : next;
+      const t = next >= m.duration ? (m.loop ? next % m.duration : m.duration) : next;
       timeRef.current = t;
       setTime(t);
       latest.current.onPreview(t);
@@ -107,9 +108,7 @@ export function DirectorMotionPanel({
       toast.error("相机不能与注视点重合");
       return;
     }
-    const existing = motion.keyframes.find(
-      (k) => Math.abs(k.time - time) < 0.01,
-    );
+    const existing = motion.keyframes.find((k) => Math.abs(k.time - time) < 0.01);
     if (!existing && motion.keyframes.length >= 100) {
       toast.error("最多支持 100 个关键帧");
       return;
@@ -141,12 +140,16 @@ export function DirectorMotionPanel({
     setTimeout(() => URL.revokeObjectURL(url), 1000);
   };
   return (
-    <section
-      className="space-y-3 border-t border-white/15 pt-3"
-      aria-label="镜头轨迹"
-    >
+    <section className="space-y-3 border-t border-white/15 pt-3" aria-label="镜头轨迹">
       <div className="text-sm font-semibold">镜头轨迹</div>
-      <fieldset disabled={disabled} className="space-y-3 disabled:opacity-50">
+      <fieldset
+        disabled={disabled}
+        className={
+          compact
+            ? "grid grid-cols-1 gap-3 sm:grid-cols-3 lg:grid-cols-4 disabled:opacity-50"
+            : "space-y-3 disabled:opacity-50"
+        }
+      >
         <div className="grid grid-cols-2 gap-2">
           <label className="text-xs">
             时长（秒）
@@ -193,9 +196,7 @@ export function DirectorMotionPanel({
               key={kind}
               onClick={() => {
                 const base =
-                  (preview
-                    ? sampleDirectorMotion(motion, timeRef.current)
-                    : pose) || pose;
+                  (preview ? sampleDirectorMotion(motion, timeRef.current) : pose) || pose;
                 if (!validDirectorPose(base)) {
                   toast.error("相机不能与注视点重合");
                   return;
@@ -278,25 +279,15 @@ export function DirectorMotionPanel({
             循环
           </label>
         </div>
-        <button
-          type="button"
-          className={button}
-          disabled={preview}
-          onClick={add}
-        >
+        <button type="button" className={button} disabled={preview} onClick={add}>
           记录/更新当前机位
         </button>
         {preview ? (
-          <p className="text-xs text-amber-200">
-            正在预览轨迹；点击“编辑机位”后可调整并记录机位。
-          </p>
+          <p className="text-xs text-amber-200">正在预览轨迹；点击“编辑机位”后可调整并记录机位。</p>
         ) : null}
         <div className="max-h-48 space-y-1 overflow-y-auto">
           {motion.keyframes.map((k, i) => (
-            <div
-              key={k.id}
-              className="flex items-center gap-1 rounded bg-white/5 p-1"
-            >
+            <div key={k.id} className="flex items-center gap-1 rounded bg-white/5 p-1">
               <button
                 type="button"
                 className={button}
@@ -319,12 +310,10 @@ export function DirectorMotionPanel({
                 className="min-w-0 flex-1 rounded bg-white/10 p-1 text-xs"
                 onChange={(e) => {
                   const n = Number(e.target.value);
-                  if (n < 0 || n > motion.duration || !Number.isFinite(n))
-                    return;
+                  if (n < 0 || n > motion.duration || !Number.isFinite(n)) return;
                   if (
                     motion.keyframes.some(
-                      (other) =>
-                        other.id !== k.id && Math.abs(other.time - n) < 0.01,
+                      (other) => other.id !== k.id && Math.abs(other.time - n) < 0.01,
                     )
                   ) {
                     toast.error("关键帧时间不能重复");
@@ -333,9 +322,7 @@ export function DirectorMotionPanel({
                   onChange({
                     ...motion,
                     keyframes: motion.keyframes
-                      .map((other) =>
-                        other.id === k.id ? { ...k, time: n } : other,
-                      )
+                      .map((other) => (other.id === k.id ? { ...k, time: n } : other))
                       .sort((a, b) => a.time - b.time),
                   });
                 }}
@@ -348,9 +335,7 @@ export function DirectorMotionPanel({
                   edit();
                   onChange({
                     ...motion,
-                    keyframes: motion.keyframes.filter(
-                      (other) => other.id !== k.id,
-                    ),
+                    keyframes: motion.keyframes.filter((other) => other.id !== k.id),
                   });
                 }}
               >
@@ -363,11 +348,7 @@ export function DirectorMotionPanel({
           <button type="button" className={button} onClick={downloadJson}>
             保存轨迹文件
           </button>
-          <button
-            type="button"
-            className={button}
-            onClick={() => input.current?.click()}
-          >
+          <button type="button" className={button} onClick={() => input.current?.click()}>
             导入轨迹文件
           </button>
         </div>
@@ -420,10 +401,7 @@ export function DirectorMotionPanel({
             const data = JSON.parse(await file.text());
             if (data.version !== 1) throw Error("不支持的轨迹文件版本");
             const m = readDirectorMotion(data.motion);
-            if (
-              m.keyframes.length < 2 ||
-              m.keyframes.length !== data.motion?.keyframes?.length
-            )
+            if (m.keyframes.length < 2 || m.keyframes.length !== data.motion?.keyframes?.length)
               throw Error("轨迹数据无效或包含重复时间");
             edit();
             onChange(m);
diff --git a/components/canvas/director/DirectorStudioDialog.tsx b/components/canvas/director/DirectorStudioDialog.tsx
index 95fb22e36..899aca9bc 100644
--- a/components/canvas/director/DirectorStudioDialog.tsx
+++ b/components/canvas/director/DirectorStudioDialog.tsx
@@ -1,11 +1,9 @@
 "use client";
+import { directorPoses, type DirectorPoseName } from "@/lib/video-canvas/director-poses";
 import { useEffect, useRef, useState } from "react";
 import { Camera, Plus, Upload, X, Trash2 } from "lucide-react";
 import { toast } from "sonner";
-import {
-  DirectorViewport,
-  type DirectorViewportHandle,
-} from "./DirectorViewport";
+import { DirectorViewport, type DirectorViewportHandle } from "./DirectorViewport";
 import {
   readDirectorScene,
   directorRatios,
@@ -29,9 +27,7 @@ async function upload(file: File) {
     file.type.startsWith("video/") ? "canvas-video-process" : "director-studio",
   );
   const response = await fetch(
-    /\.glb$/i.test(file.name)
-      ? "/api/canvas/director/upload-model"
-      : "/api/files/upload",
+    /\.glb$/i.test(file.name) ? "/api/canvas/director/upload-model" : "/api/files/upload",
     {
       method: "POST",
       body: form,
@@ -56,12 +52,7 @@ export function DirectorStudioDialog({
   onClose: () => void;
   onSend: (snapshots: DirectorSnapshot[]) => void;
   onSendMotion: (snapshot: DirectorSnapshot, motion: DirectorMotion) => void;
-  onSendVideo: (video: {
-    url: string;
-    width: number;
-    height: number;
-    duration: number;
-  }) => void;
+  onSendVideo: (video: { url: string; width: number; height: number; duration: number }) => void;
 }) {
   const [scene, setScene] = useState(() => readDirectorScene(initialScene));
   const current = useRef(scene);
@@ -71,10 +62,9 @@ export function DirectorStudioDialog({
     setScene(next);
     onChange(next);
   };
+  const [objectSearch, setObjectSearch] = useState("");
   const [selected, setSelected] = useState(scene.objects[0]?.id || "");
-  const [mode, setMode] = useState<"translate" | "rotate" | "scale">(
-    "translate",
-  );
+  const [mode, setMode] = useState<"translate" | "rotate" | "scale">("translate");
   const [cameraView, setCameraView] = useState(false);
   const [busy, setBusy] = useState(false);
   const viewport = useRef<DirectorViewportHandle>(null);
@@ -104,10 +94,7 @@ export function DirectorStudioDialog({
     try {
       const motion = current.current.motion;
       const dimensions = directorImageSize(current.current.ratio);
-      const blob = await viewport.current!.record(
-        controller.signal,
-        setExportProgress,
-      );
+      const blob = await viewport.current!.record(controller.signal, setExportProgress);
       setExportedVideo({
         blob,
         url: URL.createObjectURL(blob),
@@ -129,8 +116,7 @@ export function DirectorStudioDialog({
     try {
       const motion = current.current.motion;
       const pose = sampleDirectorMotion(motion, 0);
-      if (!pose || motion.keyframes.length < 2)
-        throw Error("至少需要两个关键帧");
+      if (!pose || motion.keyframes.length < 2) throw Error("至少需要两个关键帧");
       const image = await viewport.current!.capture(pose);
       const url = await upload(
         new File([image.blob], `director-motion-${Date.now()}.png`, {
@@ -158,31 +144,21 @@ export function DirectorStudioDialog({
     }
   };
   const fileInput = useRef<HTMLInputElement>(null);
-  const camera =
-    scene.cameras.find((c) => c.id === scene.activeCameraId) ||
-    scene.cameras[0];
+  const camera = scene.cameras.find((c) => c.id === scene.activeCameraId) || scene.cameras[0];
   const object = scene.objects.find((o) => o.id === selected);
   const patchObject = (id: string, patch: Partial<DirectorObject>) =>
     commit({
       ...current.current,
-      objects: current.current.objects.map((o) =>
-        o.id === id ? { ...o, ...patch } : o,
-      ),
+      objects: current.current.objects.map((o) => (o.id === id ? { ...o, ...patch } : o)),
     });
   const patchCamera = (patch: Partial<typeof camera>) =>
     commit({
       ...current.current,
       cameras: current.current.cameras.map((c) =>
-        c.id === current.current.activeCameraId
-          ? mergeDirectorCameraPose(c, patch)
-          : c,
+        c.id === current.current.activeCameraId ? mergeDirectorCameraPose(c, patch) : c,
       ),
     });
-  const addObject = (
-    kind: DirectorObject["kind"],
-    name: string,
-    url?: string,
-  ) => {
+  const addObject = (kind: DirectorObject["kind"], name: string, url?: string) => {
     const id = crypto.randomUUID();
     commit({
       ...current.current,
@@ -211,9 +187,7 @@ export function DirectorStudioDialog({
           type: "image/png",
         }),
       );
-      const active = current.current.cameras.find(
-        (c) => c.id === current.current.activeCameraId,
-      )!;
+      const active = current.current.cameras.find((c) => c.id === current.current.activeCameraId)!;
       const snapshot = {
         id: crypto.randomUUID(),
         title: `${active.name}-截图${current.current.snapshots.length + 1}`,
@@ -235,7 +209,7 @@ export function DirectorStudioDialog({
   };
   const field = "w-full rounded bg-white/10 px-2 py-1.5 text-sm outline-none";
   const button =
-    "rounded-lg border border-white/10 px-3 py-2 text-sm hover:bg-white/10 disabled:opacity-40";
+    "whitespace-nowrap rounded-lg border border-white/10 px-2 py-2 text-sm hover:bg-white/10 disabled:opacity-40";
   return (
     <div
       role="dialog"
@@ -276,54 +250,43 @@ export function DirectorStudioDialog({
         </button>
       </header>
       <div className="grid min-h-0 flex-1 grid-cols-[210px_minmax(0,1fr)_260px]">
-        <aside
-          inert={busy}
-          className="overflow-y-auto border-r border-white/10 p-4"
-        >
+        <aside inert={busy} className="overflow-y-auto border-r border-white/10 p-4">
           <div className="mb-3 text-sm text-white/60">场景对象</div>
+          <input
+            aria-label="搜索场景对象"
+            className={`${field} mb-3`}
+            placeholder="搜索场景对象"
+            value={objectSearch}
+            onChange={(e) => setObjectSearch(e.target.value)}
+          />
           <div className="space-y-2">
-            {scene.objects.map((o) => (
-              <button
-                className={`${button} w-full text-left ${selected === o.id ? "bg-white/15" : ""}`}
-                key={o.id}
-                onClick={() => setSelected(o.id)}
-              >
-                {o.name}
-              </button>
-            ))}
+            {scene.objects
+              .filter((o) => o.name.toLowerCase().includes(objectSearch.trim().toLowerCase()))
+              .map((o) => (
+                <button
+                  className={`${button} w-full text-left ${selected === o.id ? "bg-white/15" : ""}`}
+                  key={o.id}
+                  onClick={() => setSelected(o.id)}
+                >
+                  {o.name}
+                </button>
+              ))}
           </div>
           <div className="mt-5 flex flex-col gap-2">
-            <button
-              className={button}
-              onClick={() => addObject("actor", "基础人偶")}
-            >
+            <button className={button} onClick={() => addObject("actor", "基础人偶")}>
               添加人偶
             </button>
-            <button
-              className={button}
-              onClick={() => addObject("box", "立方体")}
-            >
+            <button className={button} onClick={() => addObject("box", "立方体")}>
               添加立方体
             </button>
-            <button
-              className={button}
-              onClick={() => addObject("sphere", "球体")}
-            >
+            <button className={button} onClick={() => addObject("sphere", "球体")}>
               添加球体
             </button>
-            <button
-              className={button}
-              disabled={busy}
-              onClick={() => fileInput.current?.click()}
-            >
+            <button className={button} disabled={busy} onClick={() => fileInput.current?.click()}>
               <Upload size={14} className="mr-2 inline" />
               上传 GLB 模型
             </button>
-            <button
-              className={button}
-              disabled
-              title="尚未接入图片识别与场景重建"
-            >
+            <button className={button} disabled title="尚未接入图片识别与场景重建">
               AI 识图导入（未接通）
             </button>
           </div>
@@ -368,19 +331,14 @@ export function DirectorStudioDialog({
           </div>
         </main>
         <aside className="space-y-4 overflow-y-auto border-l border-white/10 p-4">
-          <fieldset
-            disabled={busy || previewTime !== null}
-            className="space-y-4"
-          >
+          <fieldset disabled={busy || previewTime !== null} className="space-y-4">
             <label className="block text-sm">
               机位
               <select
                 aria-label="机位"
                 className={`${field} mt-2`}
                 value={scene.activeCameraId}
-                onChange={(e) =>
-                  commit({ ...current.current, activeCameraId: e.target.value })
-                }
+                onChange={(e) => commit({ ...current.current, activeCameraId: e.target.value })}
               >
                 {scene.cameras.map((c) => (
                   <option key={c.id} value={c.id}>
@@ -394,6 +352,15 @@ export function DirectorStudioDialog({
                 ["正面", [0, 2, 7]],
                 ["侧面", [7, 2, 0]],
                 ["俯视", [0, 8, 0.1]],
+                ["正面特写", [0, 1.7, 2]],
+                ["正面全景", [0, 2, 10]],
+                ["侧面近景", [2, 1.5, 0]],
+                ["背面", [0, 2, -7]],
+                ["45°俯拍", [4, 6, 4]],
+                ["低机位", [0, 0.3, 4]],
+                ["左过肩", [-1, 1.8, -2]],
+                ["右过肩", [1, 1.8, -2]],
+                ["鸟瞰", [0, 14, 0.1]],
               ].map(([name, position]) => (
                 <button
                   className={button}
@@ -429,7 +396,7 @@ export function DirectorStudioDialog({
                 type="number"
                 min={15}
                 max={90}
-                value={camera.fov}
+                value={Number(camera.fov.toFixed(2))}
                 onChange={(e) => {
                   const n = Number(e.target.value);
                   if (n >= 15 && n <= 90) patchCamera({ fov: n });
@@ -442,9 +409,7 @@ export function DirectorStudioDialog({
                 aria-label="截图比例"
                 className={`${field} mt-2`}
                 value={scene.ratio}
-                onChange={(e) =>
-                  commit({ ...current.current, ratio: e.target.value })
-                }
+                onChange={(e) => commit({ ...current.current, ratio: e.target.value })}
               >
                 {directorRatios.map((r) => (
                   <option key={r}>{r}</option>
@@ -478,15 +443,19 @@ export function DirectorStudioDialog({
             {object ? (
               <section className="space-y-2 border-t border-white/10 pt-3">
                 <div className="flex items-center justify-between text-sm">
-                  <span>{object.name}</span>
+                  <input
+                    aria-label="对象名称"
+                    className={field}
+                    value={object.name}
+                    maxLength={80}
+                    onChange={(e) => patchObject(object.id, { name: e.target.value })}
+                  />
                   <button
                     aria-label="删除所选场景对象"
                     onClick={() => {
                       commit({
                         ...current.current,
-                        objects: current.current.objects.filter(
-                          (o) => o.id !== object.id,
-                        ),
+                        objects: current.current.objects.filter((o) => o.id !== object.id),
                       });
                       setSelected("");
                     }}
@@ -494,10 +463,104 @@ export function DirectorStudioDialog({
                     <Trash2 size={14} />
                   </button>
                 </div>
+                <div className="flex flex-wrap gap-3 text-xs">
+                  <label>
+                    <input
+                      type="checkbox"
+                      checked={object.visible !== false}
+                      onChange={(e) => patchObject(object.id, { visible: e.target.checked })}
+                    />{" "}
+                    显示
+                  </label>
+                  <label>
+                    <input
+                      type="checkbox"
+                      checked={object.locked === true}
+                      onChange={(e) => patchObject(object.id, { locked: e.target.checked })}
+                    />{" "}
+                    锁定变换轴
+                  </label>
+                  {object.kind !== "model" && (
+                    <label>
+                      颜色{" "}
+                      <input
+                        aria-label="对象颜色"
+                        type="color"
+                        value={object.color || (object.kind === "actor" ? "#687bb0" : "#c3664c")}
+                        onChange={(e) => patchObject(object.id, { color: e.target.value })}
+                      />
+                    </label>
+                  )}
+                </div>
+                {object.kind === "actor" && (
+                  <label className="block text-xs">
+                    人偶姿势
+                    <select
+                      aria-label="人偶姿势"
+                      className={`${field} mt-1`}
+                      value={object.pose || "站立"}
+                      onChange={(e) =>
+                        patchObject(object.id, { pose: e.target.value as DirectorPoseName })
+                      }
+                    >
+                      {Object.keys(directorPoses).map((name) => (
+                        <option key={name}>{name}</option>
+                      ))}
+                    </select>
+                  </label>
+                )}
+                <button
+                  className={button}
+                  onClick={() => {
+                    const copy = {
+                      ...object,
+                      id: crypto.randomUUID(),
+                      name: `${object.name} 副本`,
+                      position: [
+                        object.position[0] + 1,
+                        ...object.position.slice(1),
+                      ] as DirectorVector,
+                    };
+                    commit({ ...current.current, objects: [...current.current.objects, copy] });
+                    setSelected(copy.id);
+                  }}
+                >
+                  复制对象
+                </button>
+                <button
+                  className={button}
+                  onClick={() =>
+                    patchCamera({
+                      target: [object.position[0], object.position[1] + 1, object.position[2]],
+                    })
+                  }
+                >
+                  相机对准所选对象
+                </button>
+                <label className="block text-xs">
+                  等比缩放
+                  <input
+                    aria-label="等比缩放"
+                    className={`${field} mt-1`}
+                    type="number"
+                    step="0.1"
+                    min="0.01"
+                    value={Number(object.scale[0].toFixed(2))}
+                    onChange={(e) => {
+                      const n = Number(e.target.value);
+                      if (n > 0 && Number.isFinite(n))
+                        patchObject(object.id, {
+                          scale: object.scale.map(
+                            (v) => (v * n) / object.scale[0],
+                          ) as DirectorVector,
+                        });
+                    }}
+                  />
+                </label>
                 {(["position", "rotation", "scale"] as const).map((key, j) => (
                   <div key={key}>
                     <div className="mb-1 text-xs text-white/50">
-                      {["位置", "旋转（弧度）", "缩放"][j]}
+                      {["位置", "旋转（度）", "缩放"][j]}
                     </div>
                     <div className="grid grid-cols-3 gap-1">
                       {object[key].map((v, i) => (
@@ -507,16 +570,12 @@ export function DirectorStudioDialog({
                           className={field}
                           type="number"
                           step="0.1"
-                          value={Number(v.toFixed(2))}
+                          value={Number((key === "rotation" ? (v * 180) / Math.PI : v).toFixed(2))}
                           onChange={(e) => {
                             const n = Number(e.target.value);
-                            if (
-                              !Number.isFinite(n) ||
-                              (key === "scale" && n <= 0)
-                            )
-                              return;
+                            if (!Number.isFinite(n) || (key === "scale" && n <= 0)) return;
                             const values = [...object[key]] as DirectorVector;
-                            values[i] = n;
+                            values[i] = key === "rotation" ? (n * Math.PI) / 180 : n;
                             patchObject(object.id, { [key]: values });
                           }}
                         />
@@ -527,27 +586,8 @@ export function DirectorStudioDialog({
               </section>
             ) : null}
           </fieldset>
-          <DirectorMotionPanel
-            motion={scene.motion}
-            pose={camera}
-            disabled={busy}
-            onChange={(motion) => commit({ ...current.current, motion })}
-            onPose={patchCamera}
-            onPreview={setPreviewTime}
-            onExport={exportMotion}
-            onSend={sendMotion}
-            exportProgress={exportProgress}
-            onCancel={() => recording.current?.abort()}
-            onOverview={() => {
-              setCameraView(false);
-              viewport.current?.showPath();
-            }}
-          />
           {exportedVideo ? (
-            <section
-              className="space-y-2 border-t border-white/10 pt-3"
-              aria-label="运镜导出结果"
-            >
+            <section className="space-y-2 border-t border-white/10 pt-3" aria-label="运镜导出结果">
               <video
                 controls
                 src={exportedVideo.url}
@@ -567,15 +607,11 @@ export function DirectorStudioDialog({
                 onClick={async () => {
                   setBusy(true);
                   try {
-                    const ext = exportedVideo.blob.type.includes("mp4")
-                      ? "mp4"
-                      : "webm";
+                    const ext = exportedVideo.blob.type.includes("mp4") ? "mp4" : "webm";
                     const url = await upload(
-                      new File(
-                        [exportedVideo.blob],
-                        `director-motion-${Date.now()}.${ext}`,
-                        { type: exportedVideo.blob.type.split(";")[0] },
-                      ),
+                      new File([exportedVideo.blob], `director-motion-${Date.now()}.${ext}`, {
+                        type: exportedVideo.blob.type.split(";")[0],
+                      }),
                     );
                     onSendVideo({ ...exportedVideo, url });
                     toast.success("运镜视频已发送到画布");
@@ -612,6 +648,29 @@ export function DirectorStudioDialog({
           </section>
         </aside>
       </div>
+      <details
+        open
+        className="max-h-[32vh] shrink-0 overflow-auto border-t border-white/15 bg-[#1c1c1c] px-4 pb-3"
+      >
+        <summary className="cursor-pointer py-2 text-sm">相机时间轴与运镜</summary>
+        <DirectorMotionPanel
+          compact
+          motion={scene.motion}
+          pose={camera}
+          disabled={busy}
+          onChange={(motion) => commit({ ...current.current, motion })}
+          onPose={patchCamera}
+          onPreview={setPreviewTime}
+          onExport={exportMotion}
+          onSend={sendMotion}
+          exportProgress={exportProgress}
+          onCancel={() => recording.current?.abort()}
+          onOverview={() => {
+            setCameraView(false);
+            viewport.current?.showPath();
+          }}
+        />
+      </details>
       <input
         ref={fileInput}
         className="hidden"
@@ -628,10 +687,7 @@ export function DirectorStudioDialog({
           setBusy(true);
           try {
             const header = new DataView(await file.slice(0, 12).arrayBuffer());
-            if (
-              header.byteLength < 12 ||
-              header.getUint32(0, true) !== 0x46546c67
-            )
+            if (header.byteLength < 12 || header.getUint32(0, true) !== 0x46546c67)
               throw Error("文件不是有效 GLB 模型");
             const url = await upload(file);
             addObject("model", file.name, url);
diff --git a/components/canvas/director/DirectorViewport.tsx b/components/canvas/director/DirectorViewport.tsx
index ec20cdc26..08f3fea77 100644
--- a/components/canvas/director/DirectorViewport.tsx
+++ b/components/canvas/director/DirectorViewport.tsx
@@ -1,11 +1,6 @@
 "use client";
-import {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from "react";
+import { directorPoses } from "@/lib/video-canvas/director-poses";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
 import * as THREE from "three";
 import { buildThreeAssetUrl } from "@/lib/canvas/three-asset-url";
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
@@ -16,20 +11,12 @@ import {
   type DirectorScene,
   type DirectorObject,
 } from "@/lib/video-canvas/director-scene";
-import {
-  sampleDirectorMotion,
-  type DirectorPose,
-} from "@/lib/video-canvas/director-motion";
+import { sampleDirectorMotion, type DirectorPose } from "@/lib/video-canvas/director-motion";
 import { recordDirectorVideo } from "@/lib/video-canvas/director-recording";
 export type DirectorViewportHandle = {
   showPath: () => void;
-  record: (
-    signal: AbortSignal,
-    onProgress: (time: number) => void,
-  ) => Promise<Blob>;
-  capture: (
-    pose?: DirectorPose,
-  ) => Promise<{ blob: Blob; width: number; height: number }>;
+  record: (signal: AbortSignal, onProgress: (time: number) => void) => Promise<Blob>;
+  capture: (pose?: DirectorPose) => Promise<{ blob: Blob; width: number; height: number }>;
 };
 type Props = {
   scene: DirectorScene;
@@ -39,18 +26,14 @@ type Props = {
   previewTime: number | null;
   locked: boolean;
   onTransform: (id: string, patch: Partial<DirectorObject>) => void;
-  onCamera: (
-    position: [number, number, number],
-    target: [number, number, number],
-  ) => void;
+  onCamera: (position: [number, number, number], target: [number, number, number]) => void;
 };
 function dispose(root: THREE.Object3D) {
   root.traverse((o) => {
     if (o instanceof THREE.Mesh || o instanceof THREE.Line) {
       o.geometry.dispose();
       for (const m of Array.isArray(o.material) ? o.material : [o.material]) {
-        for (const value of Object.values(m))
-          if (value instanceof THREE.Texture) value.dispose();
+        for (const value of Object.values(m)) if (value instanceof THREE.Texture) value.dispose();
         m.dispose();
       }
     }
@@ -130,9 +113,7 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
       world.add(objects);
       transform.addEventListener("dragging-changed", (e) => {
         orbit.enabled =
-          !e.value &&
-          !latest.current.cameraView &&
-          latest.current.previewTime === null;
+          !e.value && !latest.current.cameraView && latest.current.previewTime === null;
       });
       transform.addEventListener("mouseUp", () => {
         const o = transform.object;
@@ -144,12 +125,8 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
           });
       });
       orbit.addEventListener("end", () => {
-        if (latest.current.previewTime !== null || latest.current.cameraView)
-          return;
-        latest.current.onCamera(
-          camera.position.toArray(),
-          orbit.target.toArray(),
-        );
+        if (latest.current.previewTime !== null || latest.current.cameraView) return;
+        latest.current.onCamera(camera.position.toArray(), orbit.target.toArray());
       });
 
       const resize = () => {
@@ -200,9 +177,12 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
       if (!r || !ready) return;
       let active = true;
       r.transform.detach();
+      const desired = new Set(props.scene.objects.map((o) => o.id));
       r.objects.children.slice().forEach((o) => {
-        dispose(o);
-        r.objects.remove(o);
+        if (!desired.has(o.name)) {
+          dispose(o);
+          r.objects.remove(o);
+        }
       });
       setError("");
       r.pending = 0;
@@ -212,18 +192,40 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
           return;
         }
         object.name = item.id;
+        object.visible = item.visible !== false;
+        object.userData.directorSignature = JSON.stringify([
+          item.kind,
+          item.url,
+          item.pose,
+          item.color,
+        ]);
         object.position.fromArray(item.position);
         object.rotation.set(...item.rotation);
         object.scale.fromArray(item.scale);
         r.objects.add(object);
         if (
           item.id === latest.current.selected &&
+          !item.locked &&
+          item.visible !== false &&
           !latest.current.cameraView &&
           latest.current.previewTime === null
         )
           r.transform.attach(object);
       };
       for (const item of props.scene.objects) {
+        const existing = r.objects.children.find((o) => o.name === item.id);
+        if (
+          existing &&
+          existing.userData.directorSignature ===
+            JSON.stringify([item.kind, item.url, item.pose, item.color])
+        ) {
+          attach(existing, item);
+          continue;
+        }
+        if (existing) {
+          dispose(existing);
+          r.objects.remove(existing);
+        }
         if (item.kind === "model" && item.url) {
           r.pending++;
           new GLTFLoader().load(
@@ -256,31 +258,69 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
           continue;
         }
         const mat = new THREE.MeshStandardMaterial({
-          color: item.kind === "actor" ? 0x687bb0 : 0xc3664c,
+          color: item.color || (item.kind === "actor" ? "#687bb0" : "#c3664c"),
           roughness: 0.6,
         });
         let object: THREE.Object3D;
         if (item.kind === "actor") {
           const group = new THREE.Group();
-          const body = new THREE.Mesh(
-            new THREE.CapsuleGeometry(0.32, 0.7, 6, 16),
-            mat,
-          );
-          body.position.y = 1.05;
-          group.add(body);
-          const head = new THREE.Mesh(
-            new THREE.SphereGeometry(0.24, 24, 16),
-            mat.clone(),
-          );
-          head.position.y = 1.95;
-          group.add(head);
-          for (const x of [-0.18, 0.18]) {
-            const leg = new THREE.Mesh(
-              new THREE.CapsuleGeometry(0.12, 0.55, 4, 12),
+          const pose = directorPoses[item.pose || "站立"] || directorPoses["站立"];
+          const radians = THREE.MathUtils.degToRad;
+          const hips = new THREE.Group();
+          hips.position.y = 1 + ("height" in pose ? pose.height : 0);
+          group.add(hips);
+          const torso = new THREE.Group();
+          torso.rotation.x = radians(pose.lean);
+          hips.add(torso);
+          const body = new THREE.Mesh(new THREE.BoxGeometry(0.52, 0.65, 0.28), mat);
+          body.position.y = 0.38;
+          torso.add(body);
+          const head = new THREE.Mesh(new THREE.SphereGeometry(0.2, 20, 16), mat.clone());
+          head.position.y = 0.95;
+          torso.add(head);
+          const limb = (
+            parent: THREE.Object3D,
+            position: [number, number, number],
+            angle: number,
+            bend: number,
+            length: number,
+            radius: number,
+            spread = 0,
+          ) => {
+            const root = new THREE.Group();
+            root.position.set(...position);
+            root.rotation.x = radians(angle);
+            root.rotation.z = radians(spread);
+            parent.add(root);
+            const upper = new THREE.Mesh(
+              new THREE.CapsuleGeometry(radius, length - radius * 2, 4, 12),
               mat.clone(),
             );
-            leg.position.set(x, 0.42, 0);
-            group.add(leg);
+            upper.position.y = -length / 2;
+            root.add(upper);
+            const joint = new THREE.Group();
+            joint.position.y = -length;
+            joint.rotation.x = radians(bend);
+            root.add(joint);
+            const lower = new THREE.Mesh(
+              new THREE.CapsuleGeometry(radius * 0.85, length - radius * 2, 4, 12),
+              mat.clone(),
+            );
+            lower.position.y = -length / 2;
+            joint.add(lower);
+          };
+          for (let i = 0; i < 2; i++) {
+            const side = i === 0 ? -1 : 1;
+            limb(
+              torso,
+              [side * 0.33, 0.65, 0],
+              pose.arms[i],
+              -pose.elbows[i],
+              0.34,
+              0.07,
+              ("spread" in pose ? pose.spread : 5) * side,
+            );
+            limb(hips, [side * 0.15, 0, 0], pose.legs[i], pose.knees[i], 0.46, 0.1);
           }
           object = group;
         } else {
@@ -319,10 +359,17 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
       r.orbit.enabled = !props.cameraView && props.previewTime === null;
       r.transform.setMode(props.mode);
       const selected = r.objects.getObjectByName(props.selected);
-      if (selected && !props.cameraView && props.previewTime === null)
+      if (
+        selected &&
+        selected.visible &&
+        !props.scene.objects.find((o) => o.id === props.selected)?.locked &&
+        !props.cameraView &&
+        props.previewTime === null
+      )
         r.transform.attach(selected);
       else r.transform.detach();
     }, [
+      props.scene.objects,
       props.scene.cameras,
       props.scene.activeCameraId,
       props.selected,
@@ -342,10 +389,7 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
       const points = Array.from(
         { length: 121 },
         (_, i) =>
-          new THREE.Vector3(
-            ...sampleDirectorMotion(motion, (motion.duration * i) / 120)!
-              .position,
-          ),
+          new THREE.Vector3(...sampleDirectorMotion(motion, (motion.duration * i) / 120)!.position),
       );
       r.path.add(
         new THREE.Line(
@@ -365,8 +409,7 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
     useEffect(() => {
       const r = runtime.current;
       if (!r) return;
-      r.path.visible =
-        !props.locked && !props.cameraView && props.previewTime === null;
+      r.path.visible = !props.locked && !props.cameraView && props.previewTime === null;
       if (props.locked || props.previewTime === null) return;
       const pose = sampleDirectorMotion(props.scene.motion, props.previewTime);
       if (!pose) return;
@@ -376,13 +419,7 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
       r.camera.updateProjectionMatrix();
       r.camera.lookAt(r.orbit.target);
       r.transform.detach();
-    }, [
-      props.previewTime,
-      props.scene.motion,
-      props.cameraView,
-      props.locked,
-      ready,
-    ]);
+    }, [props.previewTime, props.scene.motion, props.cameraView, props.locked, ready]);
     useEffect(() => {
       runtime.current?.resize();
     }, [props.scene.ratio, ready]);
@@ -402,19 +439,13 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
           const radius = Math.max(3, box.getSize(new THREE.Vector3()).length());
           const position = center
             .clone()
-            .add(
-              new THREE.Vector3(1, 0.8, 1)
-                .normalize()
-                .multiplyScalar(radius * 1.4),
-            );
+            .add(new THREE.Vector3(1, 0.8, 1).normalize().multiplyScalar(radius * 1.4));
           latest.current.onCamera(position.toArray(), center.toArray());
         },
         record: async (signal, onProgress) => {
           const r = runtime.current;
-          if (!r || !ready || r.pending || error)
-            throw Error(error || "3D 场景尚未准备好");
-          if (latest.current.scene.motion.keyframes.length < 2)
-            throw Error("至少需要两个关键帧");
+          if (!r || !ready || r.pending || error) throw Error(error || "3D 场景尚未准备好");
+          if (latest.current.scene.motion.keyframes.length < 2) throw Error("至少需要两个关键帧");
           const motion = latest.current.scene.motion;
           const size = r.renderer.getSize(new THREE.Vector2()),
             pixelRatio = r.renderer.getPixelRatio();
@@ -465,11 +496,8 @@ export const DirectorViewport = forwardRef<DirectorViewportHandle, Props>(
         },
         capture: async (pose) => {
           const r = runtime.current;
-          if (!r || !ready || r.pending || error)
-            throw Error(error || "3D 场景尚未准备好");
-          const { width, height } = directorImageSize(
-            latest.current.scene.ratio,
-          );
+          if (!r || !ready || r.pending || error) throw Error(error || "3D 场景尚未准备好");
+          const { width, height } = directorImageSize(latest.current.scene.ratio);
           const previousSize = r.renderer.getSize(new THREE.Vector2());
           const pixelRatio = r.renderer.getPixelRatio();
           const aspect = r.camera.aspect;
diff --git a/docs/video-canvas-deep-parity-2026-09-17.json b/docs/video-canvas-deep-parity-2026-09-17.json
index 76c4eb733..bb0e29f7c 100644
--- a/docs/video-canvas-deep-parity-2026-09-17.json
+++ b/docs/video-canvas-deep-parity-2026-09-17.json
@@ -1929,5 +1929,10 @@
         }
       ]
     }
-  ]
+  ],
+  "followup": {
+    "date": "2026-09-17",
+    "report": "video-canvas-repairs-2026-09-17.md",
+    "scope": "基线保留；后续已修复、部分补齐和明确未接通项目见报告，未部署"
+  }
 }
diff --git a/docs/video-canvas-deep-parity-2026-09-17.md b/docs/video-canvas-deep-parity-2026-09-17.md
index 7ba46637a..767f30204 100644
--- a/docs/video-canvas-deep-parity-2026-09-17.md
+++ b/docs/video-canvas-deep-parity-2026-09-17.md
@@ -1,5 +1,7 @@
 # 视频画布逐层功能对照记录 — 2026-09-17
 
+> 后续修复见 [逐项修复和验证记录](video-canvas-repairs-2026-09-17.md)。下方为修复前基线，尤其 05-15 的截帧判断已在修复记录中纠正；不能将基线结论作为最新状态。
+
 本轮按页面 → 模块 → 菜单 → 子菜单/参数 → 实际处理代码逐层核对，共记录 **231 个检查点、10 个分组**。结论：当前本地版本的基础生成、视频处理和相机运镜已有真实能力，但离参考站完整功能与像素级对齐仍有明显差距；旧文档中“已完成/已对齐”的泛化表述不能作为验收结论。
 
 ## 范围和证据口径
diff --git a/docs/video-canvas-repairs-2026-09-17.md b/docs/video-canvas-repairs-2026-09-17.md
new file mode 100644
index 000000000..c68769909
--- /dev/null
+++ b/docs/video-canvas-repairs-2026-09-17.md
@@ -0,0 +1,57 @@
+# 视频画布修复记录 — 2026-09-17
+
+基于 `e5b2de3c` 的 231 项对照检查继续修复。本文记录已修改的具体行为和验证边界；**不表示 231 项全部完成，也不表示与 LibTV 像素级一致**。代码在 `codex/video-canvas-parity-0916`；本轮没有部署、重启 48 服务器或修改生产数据库。
+
+## 生成与参数
+
+| 对照 ID | 修复 | 验证 |
+|---|---|---|
+| 03-02、03-06、03-33 | 主图片生成传递所选清晰度；展示每张返回图片；空参考不再注入人物示例 | 请求契约单测覆盖 1K/2K/4K、数量、空参考、多张结果；不表示各模型都支持全部规格 |
+| 03-22 | 禁用的宫格功能在创建结果前拦截，不再把示例图标记成功 | 代码检查 |
+| 04-14 | 视频 1/2/4 个对应逐个请求及独立结果节点，单项失败保留其余成功结果；重复点击拦截 | 类型与执行链检查；未付费调用 4 个视频进行验收 |
+| 02-09、02-10 | 移除未执行的联网搜索、合规素材校验开关；明确保留基础输入校验 | 代码检查 |
+| 03-12、03-13、03-32 | 多角度预设更新并提交参数；环绕角转换到 0–360、缩放 0–100 转 0–10；鱼眼和倾斜通过配置的图片模型重绘 | 单测；浏览器选择背面实际提交 180°/0°/50%；未调用模型评估角度效果 |
+| 03-14 | 明确中央图片是参考原图；去掉无执行作用的提示词开关和固定价格 | 代码检查；不宣称实时生成预览 |
+| 06-19 | 分镜视频使用配置模型及镜头时长、真实参考；未提交时显示待生成，移除 Seedance 写死与示例封面 | 代码检查；仍是创建生成器节点，需用户提交生成 |
+
+## 脚本工作流
+
+- `06-04/05/07`：表格可编辑、添加、删除和上移镜头，清空内容不会立即被默认值填回；采用画布现有保存流程。
+- `06-08/09/10/11/13`：不再注入唐朝示例角色；从脚本引用识别候选资产，类型可人工修正；支持新增、上传、引用当前画布、清除、删除、调用配置图片模型生成。
+- `06-14/15/16/17`：完成数量按真实图片和提示词计算；全局风格可编辑并参与合成；单镜和批量合成调用现有分析服务，验证镜头数量与输出字段，失败保留原内容；去掉固定第三方模型和价格。
+- `06-18`：分镜图片节点按 `@资产名` 携带准备好的参考图片；按钮文案区分创建节点与已生成图片。
+- 浏览器组件验收：修改对白、新增镜头、引用资产、修改风格，刷新后恢复；空提示词仍显示 `0/2`，资产引用后显示 `1/3`。验收页采用 localStorage 保存适配器，**不是本轮数据库端到端验收**。AI 合成、资产 AI 生成与上传仅完成执行链检查，本轮没有重复付费请求。
+- 尚未实现拖动排序、资产逐项模型/比例/数量选择、完整自动批量生成闭环。
+
+## 素材、下载和音频
+
+- `10-09/10/11/12`：面板明确范围为“当前画布素材”，只列有真实文件地址的节点，不补示例，不截断为 8/10 条，去掉虚构日期，按节点添加顺序排序。空列表已在浏览器验证。
+- `10-13`：单项、预览和批量下载调用已有下载/ZIP 接口，不再用 15 秒动画代替下载；显示 ZIP 部分失败；音频下载保留原文件，不交给图片解码器。跨域文件经现有认证下载接口处理。单测验证 WAV 字节与扩展名。
+- `10-14`：动作明确为从素材列表移除，状态随画布保存；不冒充删除源文件或跨项目历史记录。
+- `10-18`：原空资产页改为当前画布媒体列表，搜索、类型过滤、定位和下载有实际执行；工作区显示项目标题。个人跨画布资产库和 Agent 资产仍未实现。
+- `07-01…18`：未找到已实现的 TTS/音乐后端适配器，移除固定模型、假音色、空生成按钮与假调节控件。提供 `/api/canvas/media/upload` 的真实音频上传入口，保存时长，继续使用原有播放器。**这是纠正不可用入口，不是接通配音/音乐生成**。
+- `01-26/10-25`：快捷键说明只显示已绑定操作，不再列出不存在的撤销、分组等快捷键。
+
+## 视频后期
+
+- `05-15/16`：纠正上一轮对截帧的判断。旧活动处理函数实际复制封面，并硬写 1280×720；现在使用 FFmpeg 按首帧、尾帧、播放器当前时间截取真实 PNG，并探测实际输出尺寸。
+- `05-06`：新增 2/3/5 倍慢放，视频时间戳与音轨同步变速；保留音高，输出最长 10 分钟。属于普通变速，**不是 AI 补帧**。
+- `05-04/09/10/12/13`：超分、去字幕、人声/背景音分离未接专用服务，在活动工具栏明确不可用；仍保留真实音视频分离。
+- 真实本地 FFmpeg 验证：320×180、24fps、2 秒合成视频（含音轨），首帧/1 秒帧/尾帧输出不同；2/3/5 倍慢放分别约 **4.013 / 6.005 / 9.990 秒**，三份都保留音轨。集成测试用临时目录并自动清理。
+
+## 3D 导演台
+
+- `08-03/04/05/07/08/09`：对象搜索、改名、复制、显隐、锁定变换轴、等比缩放、基础对象颜色；旋转输入改为度，保存仍用弧度。
+- `08-11/13`：基础人偶改为连接肩肘髋膝的关节层级，支持 12 种姿势：站立、T 型、行走、跑步、坐姿、蹲下、招手、伸手、鞠躬、格斗、踢球、看手机。**不是参考站完整的 20 姿势、8 体型或专业骨骼编辑器**。
+- `08-15`：已加载对象只在资源、几何或外观变化时重建；单纯位置/旋转/缩放不再销毁并重新下载全部 GLB。
+- `09-01/06/07/09`：扩展至 12 个机位预设；可对准所选对象；FOV 保留两位小数；相机时间轴移至底部可折叠区域。对准是一次性定位，不是自动跟随。
+- 浏览器实际显示 T 型、招手姿势，创建正面机位与环绕轨迹，导出并通过本地上传适配器接收 **1280×720、约 2.997 秒 MP4（VP9）**。旧场景与新增姿势/显隐等数据 JSON 往返单测通过。
+- 对象多轨、自动帧、目标跟随、自由路径、全景和 AI 识图重建仍未实现。
+
+## 验证与未完成范围
+
+- TypeScript：`pnpm exec tsc --noEmit --pretty false` 通过。
+- 5 组相关回归：**50 项通过，无跳过**，包括新加入的本地真实 FFmpeg 测试。
+- 浏览器：脚本编辑与恢复、资产引用计数、空素材列表、多角度预设提交、关节人偶渲染、相机轨迹导出。
+- 本轮使用生成参数契约和组件验收，没有重复测试全部供应商；不宣称新模型线路成功。
+- 尚需继续：生成中任务断线/刷新恢复、全画布撤销分组、多画布/故事板/Agent、跨项目资产、完整智能剪辑、专用后期服务、3D 高级轨迹和逐状态像素验收。底层未接通能力不能只靠复制页面宣称完成。
diff --git a/lib/canvas/photoshop-safe-download.ts b/lib/canvas/photoshop-safe-download.ts
index b8c8cd45d..f0f304c49 100644
--- a/lib/canvas/photoshop-safe-download.ts
+++ b/lib/canvas/photoshop-safe-download.ts
@@ -157,7 +157,7 @@ function looksLikeErrorDocument(buffer: Buffer, contentType: string): boolean {
   return /^(?:<!doctype\s+html|<html[\s>]|<\?xml|<error[\s>]|[{[])/i.test(text);
 }
 
-function detectAsset(bytes: Buffer, contentType: string): { kind: "image" | "video"; mimeType: string; ext: string } | null {
+function detectAsset(bytes: Buffer, contentType: string): { kind: "image" | "video" | "audio"; mimeType: string; ext: string } | null {
   if (bytes.length < 4) return null;
 
   if (bytes.subarray(0, 8).equals(Buffer.from([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]))) {
@@ -184,8 +184,14 @@ function detectAsset(bytes: Buffer, contentType: string): { kind: "image" | "vid
   if (looksLikeSvg(bytes, contentType)) {
     return { kind: "image", mimeType: "image/svg+xml", ext: "svg" };
   }
+  if (hasAsciiAt(bytes, 0, "RIFF") && hasAsciiAt(bytes, 8, "WAVE")) return {kind:"audio",mimeType:"audio/wav",ext:"wav"};
+  if (hasAsciiAt(bytes, 0, "ID3") || (bytes[0] === 0xff && (bytes[1] & 0xe0) === 0xe0 && (bytes[1] & 0x06) !== 0)) return {kind:"audio",mimeType:"audio/mpeg",ext:"mp3"};
+  if (hasAsciiAt(bytes, 0, "OggS")) return {kind:"audio",mimeType:"audio/ogg",ext:"ogg"};
+  if (hasAsciiAt(bytes, 0, "fLaC")) return {kind:"audio",mimeType:"audio/flac",ext:"flac"};
+  if (getContentTypeMime(contentType).startsWith("audio/")) return {kind:"audio",mimeType:getContentTypeMime(contentType),ext:getContentTypeMime(contentType).includes("mp4") ? "m4a" : getContentTypeMime(contentType).split("/")[1]};
   if (hasAsciiAt(bytes, 4, "ftyp")) {
     const brand = bytes.subarray(8, Math.min(bytes.length, 32)).toString("latin1").toLowerCase();
+    if (brand.includes("m4a")) return {kind:"audio",mimeType:"audio/mp4",ext:"m4a"};
     if (brand.includes("avif")) return { kind: "image", mimeType: "image/avif", ext: "avif" };
     if (brand.includes("heic") || brand.includes("heif") || brand.includes("mif1")) {
       return { kind: "image", mimeType: "image/heic", ext: "heic" };
@@ -258,7 +264,7 @@ async function normalizeCanvasDownloadAsset(params: {
     throw new Error("无法识别图片格式");
   }
 
-  if (detected.kind === "video") {
+  if (detected.kind !== "image") {
     return {
       ok: true,
       filename: buildCanvasAssetFilename({
diff --git a/lib/video-canvas/angle-settings.ts b/lib/video-canvas/angle-settings.ts
new file mode 100644
index 000000000..1507f9fd0
--- /dev/null
+++ b/lib/video-canvas/angle-settings.ts
@@ -0,0 +1,35 @@
+export const anglePresets: Record<
+  string,
+  { horizontalAngle: number; verticalAngle: number; zoom: number; prompt?: string }
+> = {
+  自定义: { horizontalAngle: 0, verticalAngle: 0, zoom: 50 },
+  鱼眼视角: {
+    horizontalAngle: 0,
+    verticalAngle: 0,
+    zoom: 20,
+    prompt: "保持主体身份与场景，以鱼眼超广角镜头重新构图，明显桶形畸变",
+  },
+  倾斜视角: {
+    horizontalAngle: 30,
+    verticalAngle: 0,
+    zoom: 50,
+    prompt: "保持主体身份与场景，以荷兰角镜头拍摄，画面地平线倾斜 25 度",
+  },
+  正面俯拍: { horizontalAngle: 0, verticalAngle: 45, zoom: 50 },
+  正面仰拍: { horizontalAngle: 0, verticalAngle: -30, zoom: 50 },
+  全景俯拍: { horizontalAngle: 0, verticalAngle: 90, zoom: 0 },
+  背面视角: { horizontalAngle: 180, verticalAngle: 0, zoom: 50 },
+};
+export function angleRequestParameters(settings: {
+  horizontalAngle: number;
+  verticalAngle: number;
+  zoom: number;
+}) {
+  if (![settings.horizontalAngle, settings.verticalAngle, settings.zoom].every(Number.isFinite))
+    throw Error("视角参数必须是有限数值");
+  return {
+    horizontalAngle: ((settings.horizontalAngle % 360) + 360) % 360,
+    verticalAngle: Math.max(-30, Math.min(90, settings.verticalAngle)),
+    zoom: Math.max(0, Math.min(10, settings.zoom / 10)),
+  };
+}
diff --git a/lib/video-canvas/director-poses.ts b/lib/video-canvas/director-poses.ts
new file mode 100644
index 000000000..68d33cf1b
--- /dev/null
+++ b/lib/video-canvas/director-poses.ts
@@ -0,0 +1,41 @@
+// Angles in degrees. Each joint is local to its parent, so limbs remain connected.
+export const directorPoses = {
+  站立: { arms: [0, 0], elbows: [0, 0], legs: [0, 0], knees: [0, 0], lean: 0 },
+  "T 型": { arms: [0, 0], elbows: [0, 0], legs: [0, 0], knees: [0, 0], lean: 0, spread: 90 },
+  行走: { arms: [-30, 30], elbows: [15, 15], legs: [30, -30], knees: [10, 35], lean: 0 },
+  跑步: { arms: [-55, 55], elbows: [80, 80], legs: [60, -45], knees: [70, 100], lean: 12 },
+  坐姿: {
+    arms: [10, 10],
+    elbows: [75, 75],
+    legs: [-90, -90],
+    knees: [90, 90],
+    lean: 0,
+    height: -0.45,
+  },
+  蹲下: {
+    arms: [-65, -65],
+    elbows: [15, 15],
+    legs: [-95, -95],
+    knees: [125, 125],
+    lean: 25,
+    height: -0.65,
+  },
+  招手: { arms: [0, -165], elbows: [0, 30], legs: [0, 0], knees: [0, 0], lean: 0 },
+  伸手: { arms: [-90, -90], elbows: [0, 0], legs: [0, 0], knees: [0, 0], lean: 0 },
+  鞠躬: { arms: [-20, -20], elbows: [0, 0], legs: [0, 0], knees: [0, 0], lean: 40 },
+  格斗: { arms: [-50, -75], elbows: [100, 90], legs: [-20, 20], knees: [20, 35], lean: 5 },
+  踢球: { arms: [-15, 30], elbows: [20, 20], legs: [-70, 5], knees: [10, 10], lean: -10 },
+  看手机: { arms: [-30, -30], elbows: [105, 105], legs: [0, 0], knees: [0, 0], lean: 8 },
+} satisfies Record<
+  string,
+  {
+    arms: number[];
+    elbows: number[];
+    legs: number[];
+    knees: number[];
+    lean: number;
+    spread?: number;
+    height?: number;
+  }
+>;
+export type DirectorPoseName = keyof typeof directorPoses;
diff --git a/lib/video-canvas/director-scene.ts b/lib/video-canvas/director-scene.ts
index 39b8c679d..64debde7d 100644
--- a/lib/video-canvas/director-scene.ts
+++ b/lib/video-canvas/director-scene.ts
@@ -1,3 +1,4 @@
+import { directorPoses, type DirectorPoseName } from "./director-poses";
 import {
   defaultDirectorMotion,
   readDirectorMotion,
@@ -10,6 +11,10 @@ export type DirectorObject = {
   name: string;
   kind: "actor" | "box" | "sphere" | "model";
   url?: string;
+  color?: string;
+  visible?: boolean;
+  locked?: boolean;
+  pose?: DirectorPoseName;
   position: DirectorVector;
   rotation: DirectorVector;
   scale: DirectorVector;
@@ -39,9 +44,7 @@ export type DirectorScene = {
 };
 export const directorRatios = ["16:9", "9:16", "1:1", "4:3", "3:4", "21:9"];
 export function directorImageSize(ratio: string) {
-  const [w, h] = (directorRatios.includes(ratio) ? ratio : "16:9")
-    .split(":")
-    .map(Number);
+  const [w, h] = (directorRatios.includes(ratio) ? ratio : "16:9").split(":").map(Number);
   return w >= h
     ? { width: 1280, height: Math.round((1280 * h) / w) }
     : { width: Math.round((1280 * w) / h), height: 1280 };
@@ -122,7 +125,18 @@ export function readDirectorScene(value: unknown): DirectorScene {
     : [];
   const validCameras = cameras.length ? cameras : fallback.cameras;
   return {
-    objects,
+    objects: objects.map((o) => {
+      const clean = { ...o };
+      if (
+        o.color !== undefined &&
+        (typeof o.color !== "string" || !/^#[0-9a-f]{6}$/i.test(o.color))
+      )
+        delete clean.color;
+      if (o.visible !== undefined) clean.visible = o.visible !== false;
+      if (o.locked !== undefined) clean.locked = o.locked === true;
+      if (o.pose !== undefined && !Object.hasOwn(directorPoses, o.pose)) delete clean.pose;
+      return clean;
+    }),
     cameras: validCameras,
     activeCameraId: validCameras.some((c) => c.id === v.activeCameraId)
       ? v.activeCameraId
diff --git a/lib/video-canvas/download.ts b/lib/video-canvas/download.ts
new file mode 100644
index 000000000..674982e2b
--- /dev/null
+++ b/lib/video-canvas/download.ts
@@ -0,0 +1,35 @@
+/** Downloads through the authenticated canvas export route, including cross-origin media. */
+export async function downloadCanvasMedia(files: Array<{ url: string; name: string }>) {
+  if (!files.length) throw Error("没有可下载的素材");
+  if (files.length > 200) throw Error("每次最多下载 200 项，请分批选择");
+  const batch = files.length > 1;
+  const response = await fetch(batch ? "/api/canvas/download-zip" : "/api/canvas/download-image", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(batch ? { files, folderName: "画布素材" } : files[0]),
+    signal: AbortSignal.timeout(300000),
+  });
+  if (!response.ok) {
+    const data = await response.json().catch(() => ({}));
+    throw Error(data.error || "素材下载失败");
+  }
+  const blob = await response.blob();
+  if (!blob.size) throw Error("返回的下载文件为空");
+  const encodedName = response.headers
+    .get("content-disposition")
+    ?.match(/filename\*=UTF-8''([^;]+)/i)?.[1];
+  const filename = encodedName
+    ? decodeURIComponent(encodedName)
+    : batch
+      ? "画布素材.zip"
+      : files[0].name;
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  window.setTimeout(() => URL.revokeObjectURL(url), 60000);
+  return { failed: Number(response.headers.get("X-Download-Failed-Count") || 0) };
+}
diff --git a/lib/video-canvas/generation-contract.ts b/lib/video-canvas/generation-contract.ts
new file mode 100644
index 000000000..603b138ae
--- /dev/null
+++ b/lib/video-canvas/generation-contract.ts
@@ -0,0 +1,29 @@
+export function canvasGenerationCount(value: unknown) {
+  const count = Number.parseInt(String(value), 10);
+  return [1, 2, 4].includes(count) ? count : 1;
+}
+export function canvasImageRequest(
+  settings: { model?: string; ratio: string; resolution: string; count: string },
+  references: string[],
+  wide = false,
+) {
+  const images = [...new Set(references.map((url) => url.trim()).filter(Boolean))].slice(0, 12);
+  return {
+    model: settings.model,
+    aspectRatio: wide ? "16:9" : settings.ratio,
+    imageSize: settings.resolution,
+    imageCount: wide ? 1 : canvasGenerationCount(settings.count),
+    referenceImage: images[0],
+    referenceImages: images.slice(1),
+  };
+}
+export function canvasImageResultUrls(response: {
+  success: boolean;
+  data?: { images?: Array<{ originalUrl?: string; thumbnailUrl?: string }> };
+}) {
+  return response.success
+    ? (response.data?.images || [])
+        .map((image) => image.originalUrl || image.thumbnailUrl || "")
+        .filter(Boolean)
+    : [];
+}
diff --git a/lib/video-canvas/media-contract.ts b/lib/video-canvas/media-contract.ts
index 88c00b896..d40831ebf 100644
--- a/lib/video-canvas/media-contract.ts
+++ b/lib/video-canvas/media-contract.ts
@@ -1,20 +1,45 @@
 import { z } from "zod";
 
 const fraction = z.number().finite().min(0).max(1);
-export const videoTimeRangeSchema = z.object({ start: fraction, end: fraction })
-  .refine(range => range.end > range.start, "结束位置必须晚于开始位置");
+export const videoTimeRangeSchema = z
+  .object({ start: fraction, end: fraction })
+  .refine((range) => range.end > range.start, "结束位置必须晚于开始位置");
 export type VideoTimeRange = z.infer<typeof videoTimeRangeSchema>;
 
 export const videoProcessSchema = z.discriminatedUnion("operation", [
-  z.object({ operation: z.literal("crop"), url: z.string().url(), rect: z.object({
-    x: fraction, y: fraction, width: fraction.positive(), height: fraction.positive(),
-  }).refine(rect => rect.x + rect.width <= 1.001 && rect.y + rect.height <= 1.001, "裁剪区域超出画面") }),
+  z.object({
+    operation: z.literal("crop"),
+    url: z.string().url(),
+    rect: z
+      .object({
+        x: fraction,
+        y: fraction,
+        width: fraction.positive(),
+        height: fraction.positive(),
+      })
+      .refine(
+        (rect) => rect.x + rect.width <= 1.001 && rect.y + rect.height <= 1.001,
+        "裁剪区域超出画面",
+      ),
+  }),
   z.object({ operation: z.literal("audio-video"), url: z.string().url() }),
+  z.object({
+    operation: z.literal("frame"),
+    url: z.string().url(),
+    kind: z.enum(["first", "last", "current"]),
+    time: z.number().finite().min(0).default(0),
+  }),
+  z.object({
+    operation: z.literal("slow"),
+    url: z.string().url(),
+    factor: z.union([z.literal(2), z.literal(3), z.literal(5)]),
+  }),
   z.object({ operation: z.literal("trim"), url: z.string().url(), range: videoTimeRangeSchema }),
 ]);
 
 export function toVideoTimeRange(range: VideoTimeRange, duration: number) {
-  if (!videoTimeRangeSchema.safeParse(range).success || !Number.isFinite(duration) || duration <= 0) throw new Error("剪辑范围无效");
+  if (!videoTimeRangeSchema.safeParse(range).success || !Number.isFinite(duration) || duration <= 0)
+    throw new Error("剪辑范围无效");
   const start = range.start * duration;
   const end = range.end * duration;
   if (end - start < 0.1) throw new Error("剪辑时长不能少于 0.1 秒");
diff --git a/lib/video-canvas/media-processing.ts b/lib/video-canvas/media-processing.ts
index e9cd80390..2f457c451 100644
--- a/lib/video-canvas/media-processing.ts
+++ b/lib/video-canvas/media-processing.ts
@@ -1,47 +1,213 @@
-import {execFile} from 'node:child_process';
-import {promisify} from 'node:util';
-import { toVideoTimeRange, type VideoTimeRange } from './media-contract';
+import { execFile } from "node:child_process";
+import { promisify } from "node:util";
+import { toVideoTimeRange, type VideoTimeRange } from "./media-contract";
 
-export type MediaRect = {x:number;y:number;width:number;height:number};
-export function toVideoPixelRect(rect:MediaRect,width:number,height:number) {
-  if (![rect.x,rect.y,rect.width,rect.height,width,height].every(Number.isFinite) || rect.x<0 || rect.y<0 || rect.width<=0 || rect.height<=0 || rect.x+rect.width>1.001 || rect.y+rect.height>1.001) throw new Error('裁剪区域无效');
-  const even=(n:number)=>Math.floor(n/2)*2;
-  const x=even(rect.x*width), y=even(rect.y*height);
-  const w=Math.min(even(rect.width*width),even(width-x)), h=Math.min(even(rect.height*height),even(height-y));
-  if(w<2||h<2) throw new Error('裁剪区域太小');
-  return {x,y,width:w,height:h};
+export type MediaRect = { x: number; y: number; width: number; height: number };
+export function toVideoPixelRect(rect: MediaRect, width: number, height: number) {
+  if (
+    ![rect.x, rect.y, rect.width, rect.height, width, height].every(Number.isFinite) ||
+    rect.x < 0 ||
+    rect.y < 0 ||
+    rect.width <= 0 ||
+    rect.height <= 0 ||
+    rect.x + rect.width > 1.001 ||
+    rect.y + rect.height > 1.001
+  )
+    throw new Error("裁剪区域无效");
+  const even = (n: number) => Math.floor(n / 2) * 2;
+  const x = even(rect.x * width),
+    y = even(rect.y * height);
+  const w = Math.min(even(rect.width * width), even(width - x)),
+    h = Math.min(even(rect.height * height), even(height - y));
+  if (w < 2 || h < 2) throw new Error("裁剪区域太小");
+  return { x, y, width: w, height: h };
 }
-const run=promisify(execFile);
-const inputSafety=['-protocol_whitelist','file','-format_whitelist','mov,matroska,webm,avi,mpeg,mpegts,flv,ogg'];
-export async function processVideoFile(input:string,output:string,operation:'crop'|'extract-audio'|'silent-video'|'trim',rect?:MediaRect,range?:VideoTimeRange) {
-  const {stdout}=await run('ffprobe',['-v','error',...inputSafety,'-show_streams','-show_format','-of','json',input],{timeout:15000,maxBuffer:1024*1024});
-  const info=JSON.parse(stdout), video=info.streams?.find((s:any)=>s.codec_type==='video');
-  if(!video) throw new Error('素材中没有视频画面');
-  if (!(Number(video.width)>0 && Number(video.height)>0) || Number(video.width)*Number(video.height)>33554432) throw new Error('视频尺寸不受支持，请使用 8K 以内的视频');
-  const duration=Number(info.format?.duration || 0);
-  if(!Number.isFinite(duration)||duration<=0||duration>600) throw new Error('本地视频处理支持 10 分钟以内的视频');
-  let args:string[];
-  let dimensions={width:Number(video.width),height:Number(video.height)};
+const run = promisify(execFile);
+const inputSafety = [
+  "-protocol_whitelist",
+  "file",
+  "-format_whitelist",
+  "mov,matroska,webm,avi,mpeg,mpegts,flv,ogg",
+];
+export async function processVideoFile(
+  input: string,
+  output: string,
+  operation: "crop" | "extract-audio" | "silent-video" | "trim" | "frame" | "slow",
+  rect?: MediaRect,
+  range?: VideoTimeRange,
+  options?: { kind?: "first" | "last" | "current"; time?: number; factor?: number },
+) {
+  const { stdout } = await run(
+    "ffprobe",
+    ["-v", "error", ...inputSafety, "-show_streams", "-show_format", "-of", "json", input],
+    { timeout: 15000, maxBuffer: 1024 * 1024 },
+  );
+  const info = JSON.parse(stdout),
+    video = info.streams?.find((s: any) => s.codec_type === "video");
+  if (!video) throw new Error("素材中没有视频画面");
+  if (
+    !(Number(video.width) > 0 && Number(video.height) > 0) ||
+    Number(video.width) * Number(video.height) > 33554432
+  )
+    throw new Error("视频尺寸不受支持，请使用 8K 以内的视频");
+  const duration = Number(video.duration || info.format?.duration || 0);
+  if (!Number.isFinite(duration) || duration <= 0 || duration > 600)
+    throw new Error("本地视频处理支持 10 分钟以内的视频");
+  let args: string[];
+  let dimensions = { width: Number(video.width), height: Number(video.height) };
   let outputDuration = duration;
-  if(operation==='extract-audio') {
-    if(!info.streams.some((s:any)=>s.codec_type==='audio')) throw new Error('原视频不包含音轨');
-    args=['-map','0:a:0','-vn','-c:a','aac','-b:a','192k'];
-  } else if(operation==='silent-video') {
-    args=['-map','0:v:0','-an','-c:v','copy','-movflags','+faststart'];
-  } else if(operation==='trim') {
-    if (!range) throw new Error('请选择剪辑范围');
+  if (operation === "frame") {
+    const [numerator, denominator] = String(video.avg_frame_rate || "30/1")
+      .split("/")
+      .map(Number);
+    const fps = numerator / denominator;
+    const last = Math.max(0, duration - 1 / (Number.isFinite(fps) && fps > 0 ? fps : 30));
+    const time =
+      options?.kind === "last"
+        ? last
+        : options?.kind === "current"
+          ? Math.min(last, Math.max(0, Number(options.time) || 0))
+          : 0;
+    args = ["-ss", String(time), "-map", "0:v:0", "-frames:v", "1", "-an", "-c:v", "png"];
+    outputDuration = 0;
+  } else if (operation === "slow") {
+    const factor = options?.factor;
+    if (!factor || ![2, 3, 5].includes(factor)) throw Error("慢放倍数无效");
+    outputDuration = duration * factor;
+    if (outputDuration > 600) throw Error("慢放后视频不能超过 10 分钟");
+    let speed = 1 / factor;
+    const filters: string[] = [];
+    while (speed < 0.5) {
+      filters.push("atempo=0.5");
+      speed /= 0.5;
+    }
+    filters.push(`atempo=${speed}`);
+    args = [
+      "-map",
+      "0:v:0",
+      "-map",
+      "0:a?",
+      "-vf",
+      `setpts=${factor}*(PTS-STARTPTS),scale=trunc(iw/2)*2:trunc(ih/2)*2`,
+      "-c:v",
+      "libx264",
+      "-preset",
+      "veryfast",
+      "-crf",
+      "20",
+      "-pix_fmt",
+      "yuv420p",
+    ];
+    if (info.streams.some((stream: any) => stream.codec_type === "audio"))
+      args.push("-af", filters.join(","), "-c:a", "aac");
+    args.push("-movflags", "+faststart");
+    dimensions = {
+      width: Math.floor(dimensions.width / 2) * 2,
+      height: Math.floor(dimensions.height / 2) * 2,
+    };
+  } else if (operation === "extract-audio") {
+    if (!info.streams.some((s: any) => s.codec_type === "audio"))
+      throw new Error("原视频不包含音轨");
+    args = ["-map", "0:a:0", "-vn", "-c:a", "aac", "-b:a", "192k"];
+  } else if (operation === "silent-video") {
+    args = ["-map", "0:v:0", "-an", "-c:v", "copy", "-movflags", "+faststart"];
+  } else if (operation === "trim") {
+    if (!range) throw new Error("请选择剪辑范围");
     const selected = toVideoTimeRange(range, duration);
     outputDuration = selected.duration;
-    dimensions = {width:Math.floor(dimensions.width/2)*2,height:Math.floor(dimensions.height/2)*2};
-    args=['-ss',String(selected.start),'-t',String(selected.duration),'-map','0:v:0','-map','0:a?',
-      '-vf','scale=trunc(iw/2)*2:trunc(ih/2)*2','-c:v','libx264','-preset','veryfast','-crf','20',
-      '-pix_fmt','yuv420p','-c:a','aac','-movflags','+faststart'];
+    dimensions = {
+      width: Math.floor(dimensions.width / 2) * 2,
+      height: Math.floor(dimensions.height / 2) * 2,
+    };
+    args = [
+      "-ss",
+      String(selected.start),
+      "-t",
+      String(selected.duration),
+      "-map",
+      "0:v:0",
+      "-map",
+      "0:a?",
+      "-vf",
+      "scale=trunc(iw/2)*2:trunc(ih/2)*2",
+      "-c:v",
+      "libx264",
+      "-preset",
+      "veryfast",
+      "-crf",
+      "20",
+      "-pix_fmt",
+      "yuv420p",
+      "-c:a",
+      "aac",
+      "-movflags",
+      "+faststart",
+    ];
   } else {
-    if(!rect) throw new Error('请选择裁剪区域');
-    const crop=toVideoPixelRect(rect,dimensions.width,dimensions.height);
-    dimensions=crop;
-    args=['-map','0:v:0','-map','0:a?','-vf',`crop=${crop.width}:${crop.height}:${crop.x}:${crop.y}`,'-c:v','libx264','-preset','veryfast','-crf','20','-pix_fmt','yuv420p','-c:a','aac','-movflags','+faststart'];
+    if (!rect) throw new Error("请选择裁剪区域");
+    const crop = toVideoPixelRect(rect, dimensions.width, dimensions.height);
+    dimensions = crop;
+    args = [
+      "-map",
+      "0:v:0",
+      "-map",
+      "0:a?",
+      "-vf",
+      `crop=${crop.width}:${crop.height}:${crop.x}:${crop.y}`,
+      "-c:v",
+      "libx264",
+      "-preset",
+      "veryfast",
+      "-crf",
+      "20",
+      "-pix_fmt",
+      "yuv420p",
+      "-c:a",
+      "aac",
+      "-movflags",
+      "+faststart",
+    ];
   }
-  await run('ffmpeg',['-nostdin','-y','-v','error','-threads','2','-filter_threads','1',...inputSafety,'-i',input,...args,'-threads','2',output],{timeout:180000,maxBuffer:1024*1024});
-  return {duration:outputDuration,...dimensions};
+  await run(
+    "ffmpeg",
+    [
+      "-nostdin",
+      "-y",
+      "-v",
+      "error",
+      "-threads",
+      "2",
+      "-filter_threads",
+      "1",
+      ...inputSafety,
+      "-i",
+      input,
+      ...args,
+      "-threads",
+      "2",
+      output,
+    ],
+    { timeout: 180000, maxBuffer: 1024 * 1024 },
+  );
+  if (operation === "frame") {
+    const probe = await run(
+      "ffprobe",
+      [
+        "-v",
+        "error",
+        "-select_streams",
+        "v:0",
+        "-show_entries",
+        "stream=width,height",
+        "-of",
+        "json",
+        output,
+      ],
+      { timeout: 15000, maxBuffer: 1024 * 1024 },
+    );
+    const frame = JSON.parse(probe.stdout).streams?.[0];
+    if (!frame?.width || !frame?.height) throw Error("未截取到有效视频帧");
+    dimensions = { width: Number(frame.width), height: Number(frame.height) };
+  }
+  return { duration: outputDuration, ...dimensions };
 }
diff --git a/tests/routes/video-canvas-director.test.ts b/tests/routes/video-canvas-director.test.ts
index 5e82f07fa..8ce3cfc33 100644
--- a/tests/routes/video-canvas-director.test.ts
+++ b/tests/routes/video-canvas-director.test.ts
@@ -322,3 +322,13 @@ test("editing a keyframe cannot replace the active camera identity", () => {
   expect(edited.position).toEqual(key.position);
   expect(mergeDirectorCameraPose(edited, { fov: 65 }).fov).toBe(65);
 });
+
+test('director appearance, pose, visibility and locking survive save/reload without changing transforms',()=>{
+  const scene=defaultDirectorScene();
+  Object.assign(scene.objects[0],{pose:'跑步',color:'#123abc',visible:false,locked:true});
+  expect(readDirectorScene(JSON.parse(JSON.stringify(scene)))).toEqual(scene);
+  const invalid=JSON.parse(JSON.stringify(scene));invalid.objects[0].pose='unknown';invalid.objects[0].color='url(evil)';
+  const loaded=readDirectorScene(invalid);
+  expect(loaded.objects[0].pose).toBeUndefined();expect(loaded.objects[0].color).toBeUndefined();
+  expect(loaded.objects[0].position).toEqual(scene.objects[0].position);
+});
diff --git a/tests/routes/video-canvas-followup.test.ts b/tests/routes/video-canvas-followup.test.ts
index db517f2b5..947298c43 100644
--- a/tests/routes/video-canvas-followup.test.ts
+++ b/tests/routes/video-canvas-followup.test.ts
@@ -45,3 +45,38 @@ test("archive failure preserves the generated output and cannot mark it permanen
     expect(out.metadata.permanentVideoUrl).toBeUndefined();
   }
 });
+
+import { canvasGenerationCount, canvasImageRequest, canvasImageResultUrls } from '@/lib/video-canvas/generation-contract';
+import { angleRequestParameters, anglePresets } from '@/lib/video-canvas/angle-settings';
+import { fetchCanvasDownloadAsset } from '@/lib/canvas/photoshop-safe-download';
+
+test('image composer transmits resolution and all references without injecting demo content',()=>{
+  for(const resolution of ['1K','2K','4K']) {
+    const request=canvasImageRequest({model:'configured-image',ratio:'9:16',resolution,count:'4张'},[]);
+    expect(request).toMatchObject({model:'configured-image',aspectRatio:'9:16',imageSize:resolution,imageCount:4,referenceImages:[]});
+    expect(request.referenceImage).toBeUndefined();
+  }
+  expect(canvasImageRequest({ratio:'1:1',resolution:'2K',count:'2'},['https://a.test/1','https://a.test/1','https://a.test/2'])).toMatchObject({imageCount:2,referenceImage:'https://a.test/1',referenceImages:['https://a.test/2']});
+});
+test('all returned image results survive, while failures never expose fallback images',()=>{
+  const data={images:[{originalUrl:'a',thumbnailUrl:'thumb'},{originalUrl:'b'},{thumbnailUrl:'c'},{}]};
+  expect(canvasImageResultUrls({success:true,data})).toEqual(['a','b','c']);
+  expect(canvasImageResultUrls({success:false,data})).toEqual([]);
+  expect(['1个','2个','4个','Infinity','100','0'].map(canvasGenerationCount)).toEqual([1,2,4,1,1,1]);
+});
+test('angle controls convert degrees and percent zoom into provider units',()=>{
+  expect(angleRequestParameters({horizontalAngle:-90,verticalAngle:-45,zoom:50})).toEqual({horizontalAngle:270,verticalAngle:-30,zoom:5});
+  expect(angleRequestParameters(anglePresets['全景俯拍'])).toEqual({horizontalAngle:0,verticalAngle:90,zoom:0});
+  expect(anglePresets['鱼眼视角'].prompt).toContain('鱼眼');
+  expect(()=>angleRequestParameters({horizontalAngle:NaN,verticalAngle:0,zoom:50})).toThrow();
+});
+test('audio downloads preserve original bytes and extension instead of passing through an image decoder',async()=>{
+  const original=globalThis.fetch;
+  const bytes=Buffer.from('RIFF00000000WAVEfmt synthetic QA audio');
+  globalThis.fetch=async()=>new Response(bytes,{headers:{'content-type':'audio/wav'}});
+  try {
+    const result=await fetchCanvasDownloadAsset({file:{url:'https://cdn.example/audio.wav',name:'配音'},index:0,requestOrigin:'https://canvas.example',cookie:'',retryCount:1});
+    expect(result.ok).toBe(true);
+    if(result.ok){expect(result.bytes).toEqual(bytes);expect(result.filename).toMatch(/\.wav$/);expect(result.contentType).toBe('audio/wav');}
+  } finally {globalThis.fetch=original;}
+});
diff --git a/tests/routes/video-canvas-tools.test.ts b/tests/routes/video-canvas-tools.test.ts
index e4dc7b9f4..fa108e1c5 100644
--- a/tests/routes/video-canvas-tools.test.ts
+++ b/tests/routes/video-canvas-tools.test.ts
@@ -1,3 +1,4 @@
+import { processVideoFile } from "@/lib/video-canvas/media-processing";
 import { test, expect } from "@playwright/test";
 import { promptToolSchema, selectPromptToolModel, promptToolErrorMessage } from "@/lib/video-canvas/prompt-tools";
 import { toVideoTimeRange, videoProcessSchema } from "@/lib/video-canvas/media-contract";
@@ -51,3 +52,23 @@ test("invalid trim and crop requests are rejected before downloading", () => {
   expect(() => toVideoTimeRange({ start: 0, end: 1 }, NaN)).toThrow();
   expect(videoProcessSchema.safeParse({ operation: "audio-video", url }).success).toBe(true);
 });
+
+test('frame and slow-motion inputs reject invalid timestamps and unbounded multipliers',()=>{
+  expect(videoProcessSchema.safeParse({operation:'frame',url:'https://example.com/a.mp4',kind:'current',time:-1}).success).toBe(false);
+  expect(videoProcessSchema.safeParse({operation:'frame',url:'https://example.com/a.mp4',kind:'last'}).success).toBe(true);
+  for(const factor of [0,1,4,100,Infinity]) expect(videoProcessSchema.safeParse({operation:'slow',url:'https://example.com/a.mp4',factor}).success).toBe(false);
+  for(const factor of [2,3,5]) expect(videoProcessSchema.safeParse({operation:'slow',url:'https://example.com/a.mp4',factor}).success).toBe(true);
+});
+
+test('real FFmpeg frames differ by time and slow motion keeps synchronized audio',async()=>{
+  const {execFileSync}=await import('node:child_process');
+  try{execFileSync('ffmpeg',['-version'],{stdio:'ignore'});execFileSync('ffprobe',['-version'],{stdio:'ignore'});}catch{test.skip(true,'FFmpeg and ffprobe required for media integration');return;}
+  const {mkdtemp,readFile,rm}=await import('node:fs/promises');const {tmpdir}=await import('node:os');const {join}=await import('node:path');
+  const dir=await mkdtemp(join(tmpdir(),'canvas-media-test-'));
+  try{
+    const source=join(dir,'source.mp4');execFileSync('ffmpeg',['-y','-v','error','-f','lavfi','-i','testsrc2=size=320x180:rate=24:duration=2','-f','lavfi','-i','sine=frequency=440:duration=2','-c:v','libx264','-pix_fmt','yuv420p','-c:a','aac',source]);
+    const frames=[];for(const kind of ['first','current','last'] as const){const file=join(dir,`${kind}.png`);const result=await processVideoFile(source,file,'frame',undefined,undefined,{kind,time:1});expect(result.width).toBe(320);expect(result.height).toBe(180);frames.push((await readFile(file)).toString('base64'));}
+    expect(new Set(frames).size).toBe(3);
+    for(const factor of [2,3,5]){const file=join(dir,`slow${factor}.mp4`);await processVideoFile(source,file,'slow',undefined,undefined,{factor});const info=JSON.parse(execFileSync('ffprobe',['-v','error','-show_format','-show_streams','-of','json',file],{encoding:'utf8'}));expect(Math.abs(Number(info.format.duration)-2*factor)).toBeLessThan(0.2);expect(info.streams.some((s:{codec_type:string})=>s.codec_type==='audio')).toBe(true);}
+  }finally{await rm(dir,{recursive:true,force:true});}
+});