修复画板私有素材预览

让生成参考图和角色动作参考图通过 objectKey 换签显示

让视频图层 poster 与框选预览复用签名读取

补充参考槽、框选预览和视频图层回归测试

沉淀框选预览换签缓存踩坑

src/components/image-editor/ImageCanvasCharacterAnimationPanelView.tsx

@@ -1,4 +1,4 @@
-import { ChevronDown, X } from 'lucide-react';
+import { ChevronDown, ImageIcon, X } from 'lucide-react';
 import {
   type CSSProperties,
   type Dispatch,
@@ -29,6 +29,7 @@ import {
   CHARACTER_ANIMATION_DURATION_OPTIONS,
   CHARACTER_ANIMATION_RATIO_OPTIONS,
 } from './ImageCanvasGenerationModel';
+import { ImageCanvasReferenceSlot } from './ImageCanvasReferenceSlot';
 import { useImageCanvasFloatingOptionDismiss } from './useImageCanvasFloatingOptionDismiss';
 
 type ImageCanvasCharacterAnimationPanelViewProps = {
@@ -177,17 +178,15 @@ export function ImageCanvasCharacterAnimationPanelView({
         }}
       >
         <div className="image-canvas-editor__reference-strip">
-          <span
-            className="image-canvas-editor__reference-chip image-canvas-editor__reference-chip--character"
+          <ImageCanvasReferenceSlot
+            tone="character"
+            icon={<ImageIcon className="h-4 w-4" aria-hidden="true" />}
+            imageSrc={sourceLayer.src}
+            objectKey={sourceLayer.objectKey}
+            label={sourceLayer.title}
+            ariaLabel={sourceLayer.title}
             title={sourceLayer.title}
-          >
-            <span className="image-canvas-editor__reference-chip-icon">
-              <img src={sourceLayer.src} alt="" aria-hidden="true" />
-            </span>
-            <span className="image-canvas-editor__reference-chip-label">
-              {sourceLayer.title}
-            </span>
-          </span>
+          />
         </div>
         <EditorIconButton
           className="image-canvas-editor__generation-close"