diff --git a/projects/app/src/components/ChatBox/index.tsx b/projects/app/src/components/ChatBox/index.tsx
index 6683f1de148..e4becdc662f 100644
--- a/projects/app/src/components/ChatBox/index.tsx
+++ b/projects/app/src/components/ChatBox/index.tsx
@@ -586,42 +586,6 @@ const ChatBox = (
     },
     [onUpdateVariable]
   );
-  const HumanChatCard = useCallback(
-    ({ item, index }: { item: ChatSiteItemType; index: number }) => {
-      return (
-        <>
-          {/* control icon */}
-          <Flex w={'100%'} alignItems={'center'} justifyContent={'flex-end'}>
-            <ChatControllerComponent
-              chat={item}
-              onDelete={
-                onDelMessage
-                  ? () => {
-                      delOneMessage({ dataId: item.dataId, index });
-                    }
-                  : undefined
-              }
-              onRetry={useCallback(() => retryInput(index), [index])}
-            />
-            <ChatAvatar src={userAvatar} type={'Human'} />
-          </Flex>
-          {/* content */}
-          <Box mt={['6px', 2]} textAlign={'right'}>
-            <Card
-              className="markdown"
-              {...MessageCardStyle}
-              bg={'primary.200'}
-              borderRadius={'8px 0 8px 8px'}
-              textAlign={'left'}
-            >
-              <Markdown source={item.value} isChatting={false} />
-            </Card>
-          </Box>
-        </>
-      );
-    },
-    []
-  );
 
   return (
     <Flex flexDirection={'column'} h={'100%'}>
@@ -645,7 +609,37 @@ const ChatBox = (
           <Box id={'history'}>
             {chatHistory.map((item, index) => (
               <Box key={item.dataId} py={5}>
-                {item.obj === 'Human' && <HumanChatCard item={item} index={index} />}
+                {item.obj === 'Human' && (
+                  <>
+                    {/* control icon */}
+                    <Flex w={'100%'} alignItems={'center'} justifyContent={'flex-end'}>
+                      <ChatControllerComponent
+                        chat={item}
+                        onDelete={
+                          onDelMessage
+                            ? () => {
+                                delOneMessage({ dataId: item.dataId, index });
+                              }
+                            : undefined
+                        }
+                        onRetry={() => retryInput(index)}
+                      />
+                      <ChatAvatar src={userAvatar} type={'Human'} />
+                    </Flex>
+                    {/* content */}
+                    <Box mt={['6px', 2]} textAlign={'right'}>
+                      <Card
+                        className="markdown"
+                        {...MessageCardStyle}
+                        bg={'primary.200'}
+                        borderRadius={'8px 0 8px 8px'}
+                        textAlign={'left'}
+                      >
+                        <Markdown source={item.value} isChatting={false} />
+                      </Card>
+                    </Box>
+                  </>
+                )}
                 {item.obj === 'AI' && (
                   <>
                     <Flex w={'100%'} alignItems={'center'}>
diff --git a/projects/app/src/web/common/hooks/useSpeech.ts b/projects/app/src/web/common/hooks/useSpeech.ts
index 3a90f0ce47e..fd54a576dae 100644
--- a/projects/app/src/web/common/hooks/useSpeech.ts
+++ b/projects/app/src/web/common/hooks/useSpeech.ts
@@ -78,7 +78,7 @@ export const useSpeech = (props?: { shareId?: string }) => {
 
         const duration = Math.round((Date.now() - startTimestamp.current) / 1000);
 
-        formData.append('files', blob, 'recording.webm');
+        formData.append('file', blob, 'recording.webm');
         formData.append('metadata', JSON.stringify({ duration, shareId }));
 
         setIsTransCription(true);