feat(canvas): preview generated task images in app

src/pages/ImageCanvas/DesignPlanHistory.tsx

@@ -4,6 +4,7 @@ import { saveImageWorkspaceAsset } from '@/lib/image-workspace';
 import { cn } from '@/lib/utils';
 import type { DesignGenerationTask, DesignWorkspace } from '../../../shared/image-workspace';
 import { DesignAssetThumbnail } from './DesignAssetThumbnail';
+import { DesignImagePreviewButton } from './DesignImagePreview';
 import { youthTaskIssueMessage } from './youth-issue-copy';
 
 const STATUS_LABELS: Record<DesignGenerationTask['status'], string> = {
@@ -41,7 +42,7 @@ export function DesignPlanHistory({ workspace }: { workspace: DesignWorkspace })
   if (tasks.length === 0) return null;
 
   return (
-    <div className="space-y-2" data-testid="design-plan-history">
+    <div key={workspace.workspace.workspaceId} className="space-y-2" data-testid="design-plan-history">
       {tasks.map((task) => {
         const resultAssets = task.resultAssetIds
           .map((assetId) => workspace.assets.find((asset) => asset.assetId === assetId) ?? null)
@@ -111,6 +112,7 @@ export function DesignPlanHistory({ workspace }: { workspace: DesignWorkspace })
                   {resultAssets.map((asset) => (
                     <div key={asset.assetId} className="group/result relative">
                       <DesignAssetThumbnail asset={asset} className="h-20 w-20 rounded-xl" />
+                      {asset.mediaType === 'image' && <DesignImagePreviewButton asset={asset} />}
                       <button
                         type="button"
                         aria-label="保存作品到电脑"