update pay function

src/views/AgentChat/components/ChatArea/index.js

@@ -85,15 +85,16 @@ const ChatArea = ({
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
   }, [messages]);
   return (
-    <Flex flex={1} direction="column">
+    <Flex flex={1} direction="column" h="100%" overflow="hidden" minH={0}>
       {/* 顶部标题栏 - 深色毛玻璃 */}
       <Box
         bg="rgba(17, 24, 39, 0.8)"
         backdropFilter="blur(20px) saturate(180%)"
         borderBottom="1px solid"
         borderColor="rgba(255, 255, 255, 0.1)"
-        px={6}
-        py={4}
+        px={4}
+        py={3}
+        flexShrink={0}
         boxShadow="0 8px 32px 0 rgba(31, 38, 135, 0.37)"
       >
         <Flex align="center" justify="space-between">
@@ -216,6 +217,7 @@ const ChatArea = ({
       {/* 消息列表 / 欢迎界面 */}
       <Box
         flex={1}
+        minH={0}
         bgGradient="linear(to-b, rgba(17, 24, 39, 0.5), rgba(17, 24, 39, 0.3))"
         overflowY="auto"
         display="flex"
@@ -263,8 +265,9 @@ const ChatArea = ({
         backdropFilter="blur(20px) saturate(180%)"
         borderTop="1px solid"
         borderColor="rgba(255, 255, 255, 0.1)"
-        px={6}
-        py={1}
+        px={4}
+        py={2}
+        flexShrink={0}
         boxShadow="0 -8px 32px 0 rgba(31, 38, 135, 0.37)"
       >
         <Box maxW="896px" mx="auto">

src/views/AgentChat/components/MeetingRoom/MeetingRolePanel.js

@@ -81,10 +81,12 @@ const RoleCard = ({ role, isSpeaking }) => {
           }}
         >
           <HStack spacing={3}>
-            {/* 头像 */}
+            {/* 头像 - 使用 PNG 图片 */}
             <Box position="relative">
               <Avatar
                 size="sm"
+                src={role.avatar}
+                name={role.name}
                 icon={getRoleIcon(role.roleType)}
                 bg={role.color}
                 boxShadow={isSpeaking ? `0 0 12px ${role.color}` : 'none'}