feat(agents): 新增云端智能体入口与草稿编辑

src/pages/ModuleSelection/index.tsx

@@ -12,7 +12,8 @@ import { cn } from '@/lib/utils';
 import { useAuthStore } from '@/stores/auth';
 import { getUserProfileDisplayName } from '@/stores/user-profile';
 
-const moduleSelectionContent: Record<AiModuleId, { label: string; image: string; imageAlt: string }> = {
+const moduleSelectionContent: Record<AiModuleId, { label: string; image?: string; imageAlt: string }> = {
+  cloud_agents: { label: 'Agents 智能体', imageAlt: '个人云智能体' },
   programming: { label: 'Code 编程', image: moduleGameImage, imageAlt: '游戏创作工作台' },
   painting: { label: 'Canvas 设计', image: moduleCanvasImage, imageAlt: '数位板设计创作' },
   robot: { label: 'Robot 机器', image: moduleRobotImage, imageAlt: '青少年管理机器人硬件与设备绑定' },
@@ -89,12 +90,14 @@ export function ModuleSelection({ authRequired = true }: { authRequired?: boolea
                   <span className="module-option-card-frame" aria-hidden="true" />
                   <div className="module-option-card-surface relative flex h-full w-full rounded-lg bg-background">
                     <div className="module-option-card-image relative shrink-0">
-                      <img
+                      {content.image ? <img
                         src={content.image}
                         alt={content.imageAlt}
                         className={cn('module-option-card-image-media h-full w-full object-cover', !enabled && 'grayscale')}
                         draggable="false"
-                      />
+                      /> : <div className="flex h-full w-full items-center justify-center bg-violet-50 text-violet-600">
+                        <module.Icon className="h-12 w-12" strokeWidth={1.25} />
+                      </div>}
                     </div>
                     <div className="module-option-card-content relative min-h-0 flex-1">
                       <p className="module-option-card-title font-medium tracking-[-0.02em]">{content.label}</p>