diff --git a/video-gen-app/src/pages/GenerateConver.tsx b/video-gen-app/src/pages/GenerateConver.tsx
index c7506169..2f339269 100644
--- a/video-gen-app/src/pages/GenerateConver.tsx
+++ b/video-gen-app/src/pages/GenerateConver.tsx
@@ -1,912 +1,187 @@
-/**
- * AI对话页面组件
- * 
- * 功能说明：
- * - 提供AI聊天界面，支持创建对话、发送消息、上传图片/视频、删除对话等功能
- * - 支持媒体类型选择（图片/视频）和生成数量选择（1-10）
- * - 消息列表自动滚动到底部
- * - 响应式侧边栏（可收起/展开）
- * 
- * 技术栈：React + TypeScript + Ant Design
- * 
- * 页面结构：
- * - 左侧：对话列表侧边栏
- * - 右侧：消息展示区 + 输入区域
- * 
- * @component AIChatPage
- * @returns {React.ReactElement} AI聊天页面组件
- */
-import React, { useState, useRef, useEffect } from 'react';
-
-// Ant Design组件导入
+import React, { useState } from 'react';
 import {
-  Layout,      // 布局组件
-  Button,      // 按钮组件
-  Input,       // 输入框组件
-  Select,      // 选择器组件
-  Upload,      // 文件上传组件
-  message,     // 消息提示组件
-  Space,       // 间距组件
-  Typography,  // 排版组件
-  Tooltip,     // 提示组件
-  Popconfirm,  // 确认弹窗组件
+  Layout,
+  Button,
+  Input,
+  Select,
+  Upload,
+  message,
+  Space,
+  Typography,
 } from 'antd';
-
-// Ant Design图标导入
 import {
-  PlusOutlined,       // 加号图标（新建对话）
-  MenuUnfoldOutlined, // 展开菜单图标
-  MenuFoldOutlined,   // 收起菜单图标
-  SendOutlined,       // 发送图标
-  DeleteOutlined,     // 删除图标
-  RobotOutlined,      // 机器人图标（AI头像）
-  LoadingOutlined,    // 加载图标
-  PictureOutlined,    // 图片图标
-  VideoCameraOutlined, // 视频图标
+  PlusOutlined,
+  MenuUnfoldOutlined,
+  MenuFoldOutlined,
+  SendOutlined,
+  UploadOutlined,
 } from '@ant-design/icons';
 
-// 解构Layout组件
 const { Header, Sider, Content } = Layout;
-// 解构Input组件
 const { TextArea } = Input;
-// 解构Select组件
 const { Option } = Select;
-// 解构Typography组件
 const { Text } = Typography;
 
-/**
- * 消息类型定义
- * @interface Message
- * @property {string} id - 消息唯一标识
- * @property {'user' | 'bot'} type - 消息发送者类型
- * @property {string} content - 消息文本内容
- * @property {string} timestamp - 消息发送时间
- * @property {string[]} [images] - 消息附带的图片URL列表（可选）
- */
-interface Message {
-  id: string;
-  type: 'user' | 'bot';
-  content: string;
-  timestamp: string;
-  images?: string[];
-}
-
-/**
- * 对话类型定义
- * @interface Conversation
- * @property {string} id - 对话唯一标识
- * @property {string} title - 对话标题
- * @property {string} lastMessage - 最后一条消息预览
- * @property {string} timestamp - 最后消息时间
- * @property {Message[]} messages - 消息列表
- */
-interface Conversation {
-  id: string;
-  title: string;
-  lastMessage: string;
-  timestamp: string;
-  messages: Message[];
-}
-
-/**
- * 模拟文件上传函数
- * @param {File} file - 要上传的文件对象
- * @returns {Promise<{ url: string }>} 返回包含文件URL的Promise
- * @description 模拟真实的文件上传过程，延迟500ms后返回文件的Object URL
- */
-const mockUpload = (file: File): Promise<{ url: string }> => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      // 使用URL.createObjectURL创建本地文件预览URL
-      const url = URL.createObjectURL(file);
-      resolve({ url });
-    }, 500);
-  });
-};
-
-/**
- * 模拟AI回复函数
- * @param {string} content - 用户输入的内容
- * @returns {Promise<string>} 返回AI回复内容的Promise
- * @description 模拟AI响应过程，延迟1500ms后随机返回一条预设回复
- */
-const mockAIResponse = (content: string): Promise<string> => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const responses = [
-        `好的，我来帮您创作关于"${content}"的内容...`,
-        `您的想法很有趣！关于"${content}"，我有以下建议：`,
-        `收到！正在为您生成"${content}"相关的内容...`,
-        `太棒了！"${content}"是一个很棒的主题，让我来帮您实现。`,
-      ];
-      // 随机选择一条回复
-      resolve(responses[Math.floor(Math.random() * responses.length)]);
-    }, 1500);
-  });
-};
-
-/**
- * AI聊天页面主组件
- * @function AIChatPage
- * @returns {React.ReactElement} AI聊天页面
- */
 const AIChatPage: React.FC = () => {
-  // ==================== 状态定义 ====================
-  
-  /**
-   * 侧边栏收起/展开状态
-   * @state {boolean} collapsed - true表示收起，false表示展开
-   */
+  // 侧边栏收起/展开状态
   const [collapsed, setCollapsed] = useState<boolean>(false);
-  
-  /**
-   * 当前选中的对话ID
-   * @state {string | null} currentConversationId - 当前活跃对话的ID，null表示未选中任何对话
-   */
-  const [currentConversationId, setCurrentConversationId] = useState<string | null>(null);
-  
-  /**
-   * 对话列表
-   * @state {Conversation[]} conversations - 存储所有对话数据，包含初始模拟数据
-   */
-  const [conversations, setConversations] = useState<Conversation[]>([
-    {
-      id: '1',
-      title: '女生产品文案',
-      lastMessage: '女生拿着这个产品',
-      timestamp: '2026-05-26 09:41:07',
-      messages: [
-        {
-          id: 'm1',
-          type: 'user',
-          content: '女生拿着这个产品',
-          timestamp: '2026-05-26 09:41:07',
-          images: ['https://neeko-copilot.bytedance.net/api/text_to_image?prompt=woman%20holding%20luxury%20cream%20jar%20elegant%20bathroom&image_size=portrait_4_3'],
-        },
-        {
-          id: 'm2',
-          type: 'bot',
-          content: '好的，我来为您生成关于这个产品的创意内容...',
-          timestamp: '2026-05-26 09:41:10',
-        },
-      ],
-    },
-    {
-      id: '2',
-      title: '旅行视频脚本',
-      lastMessage: '帮我写一个旅行vlog脚本',
-      timestamp: '2026-05-25 14:30:22',
-      messages: [
-        {
-          id: 'm3',
-          type: 'user',
-          content: '帮我写一个旅行vlog脚本',
-          timestamp: '2026-05-25 14:30:22',
-        },
-        {
-          id: 'm4',
-          type: 'bot',
-          content: '当然！我来帮您构思一个精彩的旅行vlog脚本...',
-          timestamp: '2026-05-25 14:30:25',
-        },
-      ],
-    },
-  ]);
-  
-  /**
-   * 输入框内容
-   * @state {string} inputValue - 用户在文本输入框中输入的内容
-   */
+  // 输入框内容
   const [inputValue, setInputValue] = useState<string>('');
-  
-  /**
-   * 媒体类型选择（图片/视频）
-   * @state {string} mediaType - 'image'表示图片，'video'表示视频
-   */
+  // 第一个选择器：文件类型（图片/视频）
   const [mediaType, setMediaType] = useState<string>('image');
-  
-  /**
-   * 生成数量选择（1-10）
-   * @state {string} countType - 生成内容的数量，值为'1'到'10'
-   */
+  // 第二个选择器：1/2/3
   const [countType, setCountType] = useState<string>('1');
-  
-  /**
-   * 文件上传状态
-   * @state {boolean} uploading - true表示正在上传文件
-   */
-  const [uploading, setUploading] = useState<boolean>(false);
-  
-  /**
-   * AI响应加载状态
-   * @state {boolean} loading - true表示AI正在生成回复
-   */
-  const [loading, setLoading] = useState<boolean>(false);
-  
-  /**
-   * 当前上传的图片URL列表
-   * @state {string[]} currentImages - 存储当前会话中待发送的图片URL
-   */
-  const [currentImages, setCurrentImages] = useState<string[]>([]);
 
-  // ==================== 引用定义 ====================
-  
-  /**
-   * 消息列表底部引用，用于自动滚动
-   * @ref {HTMLDivElement | null} messagesEndRef - 指向消息列表最后一个元素
-   */
-  const messagesEndRef = useRef<HTMLDivElement>(null);
-
-  // ==================== 派生数据 ====================
-  
-  /**
-   * 获取当前选中的对话对象
-   * @const {Conversation | undefined} currentConversation - 当前活跃对话数据
-   */
-  const currentConversation = conversations.find((c) => c.id === currentConversationId);
-
-  // ==================== 副作用 ====================
-  
-  /**
-   * 自动滚动到底部
-   * @effect 当消息列表更新时，自动滚动到最新消息位置
-   * @dependency {currentConversation?.messages} - 监听消息列表变化
-   */
-  useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-  }, [currentConversation?.messages]);
-
-  // ==================== 事件处理函数 ====================
-  
-  /**
-   * 创建新对话
-   * @function handleNewChat
-   * @description 创建一个新的空对话，并切换到该对话
-   */
+  // 模拟“新对话”点击
   const handleNewChat = () => {
-    // 生成唯一ID（使用时间戳）
-    const newId = Date.now().toString();
-    const newConversation: Conversation = {
-      id: newId,
-      title: '新对话',
-      lastMessage: '',
-      timestamp: new Date().toLocaleString('zh-CN'),
-      messages: [],
-    };
-    // 将新对话插入到列表顶部
-    setConversations((prev) => [newConversation, ...prev]);
-    // 切换到新对话
-    setCurrentConversationId(newId);
-    // 清空输入框和已上传图片
+    message.info('开启新对话');
     setInputValue('');
-    setCurrentImages([]);
-    // 显示提示消息
-    message.info('已开启新对话');
   };
 
-  /**
-   * 删除对话
-   * @function handleDeleteChat
-   * @param {string} conversationId - 要删除的对话ID
-   * @description 删除指定对话，并自动切换到其他对话
-   */
-  const handleDeleteChat = (conversationId: string) => {
-    // 过滤掉要删除的对话
-    setConversations((prev) => prev.filter((c) => c.id !== conversationId));
-    // 如果删除的是当前选中的对话，切换到其他对话
-    if (currentConversationId === conversationId) {
-      setCurrentConversationId(
-        conversations[0]?.id === conversationId
-          ? conversations[1]?.id || null
-          : conversations[0]?.id || null
-      );
-    }
-    // 显示成功提示
-    message.success('对话已删除');
-  };
-
-  /**
-   * 选择对话
-   * @function handleSelectChat
-   * @param {string} conversationId - 要选择的对话ID
-   * @description 切换到指定对话，清空已上传图片
-   */
-  const handleSelectChat = (conversationId: string) => {
-    setCurrentConversationId(conversationId);
-    setCurrentImages([]);
-  };
-
-  /**
-   * 发送消息
-   * @function handleSend
-   * @async
-   * @description 发送用户消息，等待AI回复，并更新对话状态
-   */
-  const handleSend = async () => {
-    // 验证：必须有内容或图片
-    if (!inputValue.trim() && currentImages.length === 0) {
-      message.warning('请输入内容或上传图片');
+  // 发送消息
+  const handleSend = () => {
+    if (!inputValue.trim()) {
+      message.warning('请输入内容');
       return;
     }
-
-    // 创建用户消息对象
-    const newMessage: Message = {
-      id: `m${Date.now()}`,
-      type: 'user',
-      content: inputValue.trim(),
-      timestamp: new Date().toLocaleString('zh-CN'),
-      images: currentImages.length > 0 ? [...currentImages] : undefined,
-    };
-
-    // 更新对话列表，添加用户消息
-    setConversations((prev) =>
-      prev.map((c) =>
-        c.id === currentConversationId
-          ? {
-              ...c,
-              messages: [...c.messages, newMessage],
-              lastMessage: inputValue.trim() || '[图片]',
-              timestamp: new Date().toLocaleString('zh-CN'),
-              // 如果是新对话，使用第一条消息作为标题
-              title: c.title === '新对话' && inputValue.trim()
-                ? inputValue.trim().substring(0, 20)
-                : c.title,
-            }
-          : c
-      )
-    );
-
-    // 清空输入框和已上传图片
+    console.log('发送消息:', inputValue, mediaType, countType);
+    message.success('消息已发送');
     setInputValue('');
-    setCurrentImages([]);
-    // 设置加载状态
-    setLoading(true);
-
-    try {
-      // 调用模拟AI回复
-      const response = await mockAIResponse(inputValue.trim() || '图片请求');
-      // 创建AI回复消息对象
-      const botMessage: Message = {
-        id: `m${Date.now() + 1}`,
-        type: 'bot',
-        content: response,
-        timestamp: new Date().toLocaleString('zh-CN'),
-      };
-
-      // 更新对话列表，添加AI回复
-      setConversations((prev) =>
-        prev.map((c) =>
-          c.id === currentConversationId
-            ? {
-                ...c,
-                messages: [...c.messages, botMessage],
-                lastMessage: response.substring(0, 30) + (response.length > 30 ? '...' : ''),
-                timestamp: new Date().toLocaleString('zh-CN'),
-              }
-            : c
-        )
-      );
-    } catch (error) {
-      // 处理错误
-      message.error('发送失败，请重试');
-    } finally {
-      // 无论成功与否，取消加载状态
-      setLoading(false);
-    }
   };
 
-  /**
-   * 文件上传处理
-   * @function handleUpload
-   * @async
-   * @param {File} file - 要上传的文件
-   * @returns {false} - 返回false阻止自动上传，由自定义逻辑处理
-   * @description 验证文件类型和大小，上传文件并添加到当前图片列表
-   */
-  const handleUpload = async (file: File) => {
-    // 验证文件类型
-    const isImage = file.type.startsWith('image/');
-    const isVideo = file.type.startsWith('video/');
-
-    if (!isImage && !isVideo) {
-      message.error('仅支持图片或视频文件');
-      return false;
+  // 文件上传前校验（仅示意）
+  const beforeUpload = (file: File) => {
+    const isImageOrVideo = file.type.startsWith('image/') || file.type.startsWith('video/');
+    if (!isImageOrVideo) {
+      message.error('只能上传图片或视频文件');
     }
-
-    // 验证文件大小
-    const maxMB = isVideo ? 100 : 10;
-    if (file.size / 1024 / 1024 > maxMB) {
-      message.error(`${isVideo ? '视频' : '图片'}大小不能超过${maxMB}MB`);
-      return false;
-    }
-
-    // 验证图片数量（最多4张）
-    const imageCount = currentImages.filter((_, i) => i < 4).length;
-    if (imageCount >= 4) {
-      message.error('最多上传4张图片');
-      return false;
-    }
-
-    // 设置上传状态
-    setUploading(true);
-
-    try {
-      // 调用模拟上传
-      const res = await mockUpload(file);
-      // 添加到图片列表
-      setCurrentImages((prev) => [...prev, res.url]);
-      message.success(`${isImage ? '图片' : '视频'}上传成功`);
-    } catch (error) {
-      message.error('上传失败');
-    } finally {
-      setUploading(false);
-    }
-
-    // 返回false阻止Ant Design的自动上传行为
-    return false;
+    return isImageOrVideo;
   };
 
-  /**
-   * 移除已上传的图片
-   * @function handleRemoveImage
-   * @param {number} index - 要移除的图片索引
-   * @description 从当前图片列表中移除指定索引的图片
-   */
-  const handleRemoveImage = (index: number) => {
-    setCurrentImages((prev) => prev.filter((_, i) => i !== index));
-  };
-
-  /**
-   * 按回车键发送
-   * @function handleKeyPress
-   * @param {React.KeyboardEvent} e - 键盘事件对象
-   * @description 监听回车键，非Shift+Enter时发送消息
-   */
-  const handleKeyPress = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault();
-      handleSend();
-    }
-  };
-
-  // ==================== 渲染 ====================
-
   return (
-    <Layout style={{ minHeight: '100vh', background: '#fafafa' }}>
-      {/* 左侧边栏 - 对话列表 */}
+    <Layout style={{ minHeight: '100vh' }}>
+      {/* 左侧边栏 */}
       <Sider
         trigger={null}
         collapsible
         collapsed={collapsed}
-        width={220}
+        width={180}
         style={{
           background: '#fff',
           borderRight: '1px solid #f0f0f0',
         }}
       >
-        <div style={{ padding: 12 }}>
-          {/* 收起/展开按钮 */}
+        <div style={{ padding: 16 }}>
           <Button
             type="text"
             icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
             onClick={() => setCollapsed(!collapsed)}
-            style={{ marginBottom: 12, width: '100%' }}
+            style={{ marginBottom: 16 }}
           />
-
-          {/* 新对话按钮 - 展开状态显示 */}
           {!collapsed && (
             <Button
               block
-              type="primary"
               icon={<PlusOutlined />}
               onClick={handleNewChat}
-              style={{ marginBottom: 16, borderRadius: 8 }}
             >
               新对话
             </Button>
           )}
-
-          {/* 对话列表 - 展开状态显示 */}
-          {!collapsed && conversations.length > 0 && (
-            <div style={{ maxHeight: 'calc(100vh - 120px)', overflowY: 'auto' }}>
-              {conversations.map((conversation) => (
-                <div
-                  key={conversation.id}
-                  onClick={() => handleSelectChat(conversation.id)}
-                  style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    padding: '10px 12px',
-                    marginBottom: 4,
-                    borderRadius: 8,
-                    cursor: 'pointer',
-                    background: currentConversationId === conversation.id ? '#f0f5ff' : 'transparent',
-                    border: currentConversationId === conversation.id ? '1px solid #e0e8ff' : 'none',
-                    transition: 'all 0.2s',
-                  }}
-                  onMouseEnter={(e) => {
-                    e.currentTarget.style.background = currentConversationId === conversation.id ? '#f0f5ff' : '#fafafa';
-                  }}
-                  onMouseLeave={(e) => {
-                    e.currentTarget.style.background = currentConversationId === conversation.id ? '#f0f5ff' : 'transparent';
-                  }}
-                >
-                  {/* 对话信息区域 */}
-                  <div style={{ flex: 1, minWidth: 0 }}>
-                    <p style={{ margin: 0, fontSize: 13, fontWeight: 500, color: '#333', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                      {conversation.title}
-                    </p>
-                    <p style={{ margin: 2, fontSize: 11, color: '#999', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                      {conversation.lastMessage || '暂无消息'}
-                    </p>
-                  </div>
-                  {/* 删除按钮 */}
-                  <Popconfirm
-                    title="确定删除此对话？"
-                    onConfirm={() => handleDeleteChat(conversation.id)}
-                    okText="确定"
-                    cancelText="取消"
-                  >
-                    <Button
-                      type="text"
-                      icon={<DeleteOutlined />}
-                      style={{ color: '#999', padding: 4 }}
-                      onClick={(e) => e.stopPropagation()}
-                    />
-                  </Popconfirm>
-                </div>
-              ))}
-            </div>
-          )}
         </div>
       </Sider>
 
       {/* 主内容区 */}
-      <Layout style={{ flex: 1 }}>
-        {/* 头部 - 显示对话标题和模型信息 */}
+      <Layout>
         <Header
           style={{
             background: '#fff',
-            padding: '0 24px',
+            padding: '0 16px',
             borderBottom: '1px solid #f0f0f0',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
           }}
         >
-          <div>
-            <Text strong style={{ fontSize: 16 }}>
-              {currentConversation?.title || '开启创作'}
-            </Text>
-          </div>
-          <div style={{ display: 'flex', gap: 16, fontSize: 12, color: '#999' }}>
-            <span>模型: Gemini 3 Pro</span>
-            <span>比例: 9:16</span>
-            <span style={{ color: '#6366f1', fontWeight: 500 }}>消耗 15 积分</span>
-          </div>
+          <Text strong>开启创作</Text>
         </Header>
 
-        {/* 消息区域 */}
         <Content
           style={{
             margin: 0,
             background: '#fafafa',
             display: 'flex',
             flexDirection: 'column',
-            padding: 24,
-            overflow: 'hidden',
+            justifyContent: 'center',
+            alignItems: 'center',
+            padding: '24px 16px',
           }}
         >
-          {/* 空状态 - 未选择对话时显示 */}
-          {!currentConversation && (
-            <div style={{ flex: 1, display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }}>
-              <div
-                style={{
-                  width: 80,
-                  height: 80,
-                  borderRadius: 50,
-                  background: 'linear-gradient(135deg, #6366f1 0%, #a78bfa 100%)',
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'center',
-                  marginBottom: 16,
-                }}
+          {/* 中间提示语 */}
+          <div style={{ marginBottom: 24 }}>
+            <h2 style={{ textAlign: 'center' }}>你好，想创作什么？</h2>
+          </div>
+
+          {/* 底部输入区域 */}
+          <div
+            style={{
+              width: '100%',
+              maxWidth: 700,
+              background: '#fff',
+              borderRadius: 12,
+              border: '1px solid #e8e8e8',
+              padding: 16,
+            }}
+          >
+            <div style={{ display: 'flex', gap: 8, marginBottom: 12 }}>
+              {/* 文件上传按钮 */}
+              <Upload
+                beforeUpload={beforeUpload}
+                showUploadList={false}
               >
-                <RobotOutlined style={{ fontSize: 40, color: '#fff' }} />
-              </div>
-              <h2 style={{ margin: 0, fontSize: 18, fontWeight: 500, color: '#333' }}>
-                你好，想创作什么？
-              </h2>
-              <p style={{ margin: 8, fontSize: 13, color: '#999' }}>
-                输入想法、剧本或上传参考，开始你的创作之旅
-              </p>
+                <Button icon={<UploadOutlined />} />
+              </Upload>
+
+              {/* 文本输入框 */}
+              <TextArea
+                value={inputValue}
+                onChange={(e) => setInputValue(e.target.value)}
+                placeholder="输入想法、剧本或上传参考，支持“/”使用技能，@添加主体，和Agent一起创作"
+                autoSize={{ minRows: 1, maxRows: 4 }}
+                style={{ flex: 1 }}
+              />
+
+              {/* 发送按钮 */}
+              <Button
+                type="primary"
+                shape="circle"
+                icon={<SendOutlined />}
+                onClick={handleSend}
+              />
             </div>
-          )}
 
-          {/* 消息列表 - 有对话时显示 */}
-          {currentConversation && (
-            <div
-              style={{
-                height: 'calc(100vh - 280px)',  // 固定高度，减去头部和输入区域
-                overflowY: 'auto',                 // 垂直滚动
-                paddingBottom: 24,
-                paddingRight: 8,                   // 预留滚动条空间
-              }}
-            >
-              {/* 遍历消息列表 */}
-              {currentConversation.messages.map((message) => (
-                <div
-                  key={message.id}
-                  style={{
-                    display: 'flex',
-                    justifyContent: 'flex-start',  // 所有消息左对齐
-                    marginBottom: 16,
-                  }}
-                >
-                  <div style={{ display: 'flex', gap: 10, maxWidth: '70%' }}>
-                    {/* 头像 */}
-                    <div
-                      style={{
-                        width: 36,
-                        height: 36,
-                        borderRadius: 50,
-                        background: '#e0e0e0',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        flexShrink: 0,
-                      }}
-                    >
-                      <RobotOutlined style={{ color: '#666', fontSize: 16 }} />
-                    </div>
+            {/* 底部两个选择器 */}
+            <Space size="middle">
+              {/* 第一个选择器：图片/视频 */}
+              <Select
+                value={mediaType}
+                onChange={(val) => setMediaType(val)}
+                style={{ width: 120 }}
+              >
+                <Option value="image">图片</Option>
+                <Option value="video">视频</Option>
+              </Select>
 
-                    {/* 消息内容 */}
-                    <div>
-                      {/* 消息气泡 */}
-                      <div
-                        style={{
-                          background: '#fff',
-                          borderRadius: '16px 16px 16px 4px',
-                          padding: '12px 16px',
-                          maxWidth: '100%',
-                          boxShadow: '0 2px 8px rgba(0,0,0,0.06)',
-                        }}
-                      >
-                        {/* 图片内容 */}
-                        {message.images && message.images.length > 0 && (
-                          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(150px, 1fr))', gap: 8, marginBottom: 10 }}>
-                            {message.images.map((img, idx) => (
-                              <img
-                                key={idx}
-                                src={img}
-                                alt={`图片${idx + 1}`}
-                                style={{ maxWidth: '100%', borderRadius: 8, objectFit: 'cover' }}
-                              />
-                            ))}
-                          </div>
-                        )}
-                        {/* 文本内容 */}
-                        <p style={{ margin: 0, fontSize: 14, color: '#333' }}>
-                          {message.content}
-                        </p>
-                      </div>
-                      {/* 时间戳 */}
-                      <p style={{ margin: 4, fontSize: 11, color: '#999', textAlign: 'left' }}>
-                        {message.timestamp}
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              ))}
-
-              {/* 加载中动画 - AI回复时显示 */}
-              {loading && (
-                <div style={{ display: 'flex', justifyContent: 'flex-start', marginBottom: 16 }}>
-                  <div style={{ display: 'flex', gap: 10 }}>
-                    <div
-                      style={{
-                        width: 36,
-                        height: 36,
-                        borderRadius: 50,
-                        background: '#e0e0e0',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        flexShrink: 0,
-                      }}
-                    >
-                      <RobotOutlined style={{ color: '#666', fontSize: 16 }} />
-                    </div>
-                    <div style={{ background: '#fff', borderRadius: '16px 16px 16px 4px', padding: '12px 16px', boxShadow: '0 2px 8px rgba(0,0,0,0.06)' }}>
-                      <div style={{ display: 'flex', gap: 4 }}>
-                        <span style={{ width: 8, height: 8, borderRadius: 50, background: '#6366f1', animation: 'blink 1s infinite' }} />
-                        <span style={{ width: 8, height: 8, borderRadius: 50, background: '#6366f1', animation: 'blink 1s infinite 0.2s' }} />
-                        <span style={{ width: 8, height: 8, borderRadius: 50, background: '#6366f1', animation: 'blink 1s infinite 0.4s' }} />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* 消息列表底部标记 - 用于自动滚动 */}
-              <div ref={messagesEndRef} />
-            </div>
-          )}
-
-          {/* 输入区域 - 有对话时显示 */}
-          {currentConversation && (
-            <div
-              style={{
-                background: '#fff',
-                borderRadius: 16,
-                border: '1px solid #e8e8e8',
-                padding: 12,
-                boxShadow: '0 2px 12px rgba(0,0,0,0.04)',
-              }}
-            >
-              {/* 已上传图片预览 */}
-              {currentImages.length > 0 && (
-                <div style={{ display: 'flex', gap: 8, marginBottom: 12, overflowX: 'auto' }}>
-                  {currentImages.map((img, idx) => (
-                    <div key={idx} style={{ position: 'relative', width: 80, flexShrink: 0 }}>
-                      <img
-                        src={img}
-                        alt={`已上传${idx + 1}`}
-                        style={{ width: '100%', height: 80, objectFit: 'cover', borderRadius: 8 }}
-                      />
-                      {/* 删除已上传图片按钮 */}
-                      <button
-                        onClick={() => handleRemoveImage(idx)}
-                        style={{
-                          position: 'absolute',
-                          top: -6,
-                          right: -6,
-                          width: 20,
-                          height: 20,
-                          border: 'none',
-                          background: '#ff4d4f',
-                          borderRadius: 50,
-                          cursor: 'pointer',
-                          color: '#fff',
-                          fontSize: 12,
-                          display: 'flex',
-                          alignItems: 'center',
-                          justifyContent: 'center',
-                        }}
-                      >
-                        ×
-                      </button>
-                    </div>
-                  ))}
-                </div>
-              )}
-
-              {/* 输入框区域 */}
-              <div style={{ display: 'flex', gap: 8 }}>
-                {/* 上传按钮 */}
-                <Upload
-                  accept="image/*,video/*"
-                  showUploadList={false}
-                  beforeUpload={handleUpload}
-                >
-                  <Tooltip title={`参考内容（${currentImages.length}/4）`}>
-                    <div
-                      style={{
-                        width: 44,
-                        height: 44,
-                        borderRadius: 12,
-                        border: '1.5px dashed #d9d9d9',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        cursor: 'pointer',
-                        transition: 'all 0.2s',
-                        flexShrink: 0,
-                      }}
-                      onMouseEnter={(e) => {
-                        e.currentTarget.style.borderColor = '#6366f1';
-                        e.currentTarget.style.background = 'rgba(99,102,241,0.04)';
-                      }}
-                      onMouseLeave={(e) => {
-                        e.currentTarget.style.borderColor = '#d9d9d9';
-                        e.currentTarget.style.background = 'transparent';
-                      }}
-                    >
-                      {uploading ? (
-                        <LoadingOutlined style={{ fontSize: 16, color: '#6366f1' }} />
-                      ) : (
-                        <PlusOutlined style={{ fontSize: 16, color: '#94a3b8' }} />
-                      )}
-                    </div>
-                  </Tooltip>
-                </Upload>
-
-                {/* 文本输入框 */}
-                <TextArea
-                  value={inputValue}
-                  onChange={(e) => setInputValue(e.target.value)}
-                  onKeyPress={handleKeyPress}
-                  placeholder="上传最多4张参考图，输入提示词描述您想生成的画面..."
-                  autoSize={{ minRows: 1, maxRows: 4 }}
-                  style={{ flex: 1, borderRadius: 12 }}
-                  disabled={loading}
-                />
-
-                {/* 发送按钮 */}
-                <Button
-                  type="primary"
-                  shape="circle"
-                  icon={<SendOutlined />}
-                  onClick={handleSend}
-                  disabled={!inputValue.trim() && currentImages.length === 0}
-                  loading={loading}
-                  style={{ flexShrink: 0 }}
-                />
-              </div>
-
-              {/* 底部选择器 - 媒体类型和数量 */}
-              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: 12, paddingTop: 12, borderTop: '1px solid #f0f0f0' }}>
-                <Space size="middle">
-                  {/* 文件类型选择器 */}
-                  <Select
-                    value={mediaType}
-                    onChange={(val) => setMediaType(val)}
-                    style={{ width: 100 }}
-                    size="small"
-                  >
-                    <Option value="image">
-                      <PictureOutlined style={{ marginRight: 4 }} />
-                      图片
-                    </Option>
-                    <Option value="video">
-                      <VideoCameraOutlined style={{ marginRight: 4 }} />
-                      视频
-                    </Option>
-                  </Select>
-
-                  {/* 数量选择器 */}
-                  <Select
-                    value={countType}
-                    onChange={(val) => setCountType(val)}
-                    style={{ width: 80 }}
-                    size="small"
-                  >
-                    <Option value="1">1</Option>
-                    <Option value="2">2</Option>
-                    <Option value="3">3</Option>
-                    <Option value="4">4</Option>
-                    <Option value="5">5</Option>
-                    <Option value="6">6</Option>
-                    <Option value="7">7</Option>
-                    <Option value="8">8</Option>
-                    <Option value="9">9</Option>
-                    <Option value="10">10</Option>
-                  </Select>
-                </Space>
-
-                {/* 底部信息 */}
-                <div style={{ display: 'flex', gap: 8, fontSize: 12, color: '#999' }}>
-                  <span>GPT Image 2</span>
-                  <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
-                    <span style={{ width: 16, height: 16, borderRadius: 4, background: '#f0f0f0', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-                      9:16
-                    </span>
-                    <span>10</span>
-                  </span>
-                </div>
-              </div>
-            </div>
-          )}
+              {/* 第二个选择器：1/2/3 */}
+              <Select
+                value={countType}
+                onChange={(val) => setCountType(val)}
+                style={{ width: 120 }}
+              >
+                <Option value="1">1</Option>
+                <Option value="2">2</Option>
+                <Option value="3">3</Option>
+              </Select>
+            </Space>
+          </div>
         </Content>
       </Layout>
-
-      {/* 自定义CSS动画 - 加载中闪烁效果 */}
-      <style>{`
-        @keyframes blink {
-          0%, 50% { opacity: 1; }
-          51%, 100% { opacity: 0.3; }
-        }
-      `}</style>
     </Layout>
   );
 };