完善画布生成面板交互

补齐普通生图参考图来源菜单和画布选择流程

接入UI设计图与视频生成面板的提交链路

让生成引用上传目标支持多种生成面板

统一图片信息弹窗断言并补充相关测试

修复图标按钮浮层锚点ref与视频生成类型契约

src/components/image-editor/ImageCanvasGenerationDialogModel.ts

@@ -23,6 +23,8 @@ import {
   ICON_FRAME_ORIGINAL_SIZE,
   SPEC_FRAME_DISPLAY_SIZE,
   SPEC_FRAME_ORIGINAL_SIZE,
+  UI_DESIGN_FRAME_DISPLAY_SIZE,
+  UI_DESIGN_FRAME_ORIGINAL_SIZE,
 } from './ImageCanvasGenerationModel';
 
 type CanvasSize = { width: number; height: number };
@@ -180,6 +182,37 @@ export function createIconGenerationDialogDraft({
   };
 }
 
+export function createUiDesignGenerationDialogDraft({
+  canvasSize,
+  viewport,
+  imageModel,
+}: {
+  canvasSize: CanvasSize;
+  viewport: CanvasViewport;
+  imageModel: string;
+}): Omit<CanvasGenerationDialogState, 'id'> {
+  const worldCenter = getViewportWorldCenter({ canvasSize, viewport });
+  const dimensionDefaults = resolveImageDimensionDefaults(imageModel);
+  return {
+    mode: 'ui-design',
+    prompt: '',
+    status: 'idle',
+    composerOpen: true,
+    uiDesignSpecReference: null,
+    imageModel,
+    aspectRatio: dimensionDefaults.aspectRatio,
+    imageSize: dimensionDefaults.imageSize,
+    placeholder: {
+      x: worldCenter.x - UI_DESIGN_FRAME_DISPLAY_SIZE.width / 2,
+      y: worldCenter.y - UI_DESIGN_FRAME_DISPLAY_SIZE.height / 2,
+      width: UI_DESIGN_FRAME_DISPLAY_SIZE.width,
+      height: UI_DESIGN_FRAME_DISPLAY_SIZE.height,
+      originalWidth: UI_DESIGN_FRAME_ORIGINAL_SIZE.width,
+      originalHeight: UI_DESIGN_FRAME_ORIGINAL_SIZE.height,
+    },
+  };
+}
+
 export function createEditDialogDraft(
   sourceLayer: CanvasLayer,
 ): GenerateDialogState {
@@ -255,6 +288,24 @@ export function appendCharacterReference(
     : dialog;
 }
 
+export function appendGenerationReference(
+  dialog: GenerateDialogState | null,
+  layer: CanvasLayer,
+): GenerateDialogState | null {
+  return dialog?.mode === 'generate' ||
+    dialog?.mode === 'video' ||
+    dialog?.mode === 'spec'
+    ? {
+        ...resetFailedGenerationDialog(dialog),
+        generationReferences: [
+          ...(dialog.generationReferences ?? []),
+          createCanvasLayerReference(layer),
+        ],
+        composerOpen: true,
+      }
+    : dialog;
+}
+
 export function assignIconSpecReference(
   dialog: GenerateDialogState | null,
   layer: CanvasLayer,
@@ -271,6 +322,19 @@ export function assignIconSpecReference(
     : dialog;
 }
 
+export function assignUiDesignSpecReference(
+  dialog: GenerateDialogState | null,
+  layer: CanvasLayer,
+): GenerateDialogState | null {
+  return dialog?.mode === 'ui-design'
+    ? {
+        ...resetFailedGenerationDialog(dialog),
+        uiDesignSpecReference: createCanvasLayerReference(layer),
+        composerOpen: true,
+      }
+    : dialog;
+}
+
 export function updateSpecFormDialogValue(
   dialog: GenerateDialogState | null,
   key: keyof SpecFormValues,