恢复画布视频生成入口

恢复画布底部工具栏的视频生成和 UI 设计入口

恢复视频生成弹窗的参数、模型和提交状态处理

补齐规范参考、快捷键和生成流程相关测试

src/components/image-editor/ImageCanvasGenerationDialogModel.test.ts

@@ -7,9 +7,11 @@ import type {
 } from './ImageCanvasEditorTypes';
 import {
   appendCharacterReference,
+  appendGenerationReference,
   appendIconDescriptionToDialog,
   assignCharacterSpecReference,
   assignIconSpecReference,
+  assignUiDesignSpecReference,
   closeGenerateComposerDialog,
   createCharacterAnimationPanelDraft,
   createCharacterGenerationDialogDraft,
@@ -18,6 +20,8 @@ import {
   createIconGenerationDialogDraft,
   createQuickEditPanelDraft,
   createSpecDialogDraft,
+  createUiDesignGenerationDialogDraft,
+  createVideoGenerationDialogDraft,
   hideGeneratedLayerComposerAfterBlur,
   updateCharacterAnimationDurationPanel,
   updateIconDescriptionInDialog,
@@ -132,6 +136,52 @@ describe('ImageCanvasGenerationDialogModel', () => {
     });
   });
 
+  it('creates video and UI design drafts restored from the original generation entry work', () => {
+    const canvasSize = { width: 960, height: 720 };
+    const viewport = { x: 0, y: 0, scale: 1 };
+
+    expect(createVideoGenerationDialogDraft({ canvasSize, viewport }))
+      .toMatchObject({
+        mode: 'video',
+        status: 'idle',
+        composerOpen: true,
+        generationReferences: [],
+        videoModel: 'seedance2.0',
+        videoAspectRatio: '16:9',
+        videoResolution: '480p',
+        videoDurationSeconds: 4,
+        videoMode: 'std',
+        videoSound: 'off',
+        placeholder: {
+          x: 200,
+          y: 202.5,
+          width: 560,
+          height: 315,
+          originalWidth: 1280,
+          originalHeight: 720,
+        },
+      });
+    expect(
+      createUiDesignGenerationDialogDraft({
+        canvasSize,
+        viewport,
+        imageModel: 'gpt-image-2',
+      }),
+    ).toMatchObject({
+      mode: 'ui-design',
+      imageModel: 'gpt-image-2',
+      aspectRatio: '16:9',
+      imageSize: '1K',
+      uiDesignSpecReference: null,
+      placeholder: {
+        x: 200,
+        y: 202.5,
+        width: 560,
+        height: 315,
+      },
+    });
+  });
+
   it('creates edit, quick-edit, and character animation panel drafts', () => {
     const sourceLayer = createLayer({
       prompt: '原图提示',
@@ -214,6 +264,56 @@ describe('ImageCanvasGenerationDialogModel', () => {
     expect(assignIconSpecReference(iconDialog, sourceLayer)).toBe(iconDialog);
   });
 
+  it('routes picked canvas references to spec, image, video, and UI design fields', () => {
+    const sourceLayer = createLayer({ title: '参考图' });
+    expect(
+      appendGenerationReference(
+        {
+          mode: 'spec',
+          prompt: '',
+          status: 'failed',
+          errorMessage: '失败',
+        },
+        sourceLayer,
+      ),
+    ).toMatchObject({
+      status: 'idle',
+      errorMessage: undefined,
+      specReference: { label: '参考图' },
+    });
+    expect(
+      appendGenerationReference(
+        {
+          mode: 'video',
+          prompt: '',
+          status: 'idle',
+          generationReferences: [],
+        },
+        sourceLayer,
+      ),
+    ).toMatchObject({
+      generationReferences: [{ label: '参考图' }],
+    });
+
+    const uiDialog: GenerateDialogState = {
+      mode: 'ui-design',
+      prompt: '',
+      status: 'failed',
+      errorMessage: '失败',
+    };
+    expect(assignUiDesignSpecReference(uiDialog, sourceLayer)).toBe(uiDialog);
+    expect(
+      assignUiDesignSpecReference(
+        uiDialog,
+        createLayer({ title: '图标规范', assetKind: 'icon-spec' }),
+      ),
+    ).toMatchObject({
+      status: 'idle',
+      errorMessage: undefined,
+      uiDesignSpecReference: { label: '图标规范' },
+    });
+  });
+
   it('updates failed spec and icon dialog fields back to idle state', () => {
     const specDialog: GenerateDialogState = {
       mode: 'spec',