v4.6.2 (#523)

projects/app/src/components/ChatBox/QuoteModal.tsx

@@ -122,7 +122,7 @@ const QuoteModal = ({
                 <Flex alignItems={'center'} fontSize={'sm'} mt={3} gap={4} color={'myGray.500'}>
                   {isPc && (
                     <MyTooltip label={t('core.dataset.data.id')}>
-                      <Flex border={theme.borders.base} px={3} borderRadius={'md'}>
+                      <Flex border={theme.borders.base} py={'1px'} px={3} borderRadius={'3px'}>
                         # {item.id}
                       </Flex>
                     </MyTooltip>

projects/app/src/components/ChatBox/WholeResponseModal.tsx

@@ -116,7 +116,7 @@ const WholeResponseModal = ({
               if (!activeModule?.historyPreview) return '';
               return activeModule.historyPreview
                 .map((item, i) => `**${item.obj}**\n${item.value}`)
-                .join('\n---\n');
+                .join('\n\n---\n\n');
             })()}
           />
           {activeModule.quoteList && activeModule.quoteList.length > 0 && (

projects/app/src/components/ChatBox/index.tsx

@@ -26,7 +26,8 @@ import {
   useTheme,
   BoxProps,
   FlexProps,
-  Image
+  Image,
+  Textarea
 } from '@chakra-ui/react';
 import { feConfigs } from '@/web/common/system/staticData';
 import { eventBus } from '@/web/common/utils/eventbus';
@@ -558,11 +559,23 @@ const ChatBox = (
                       {item.type === VariableInputEnum.input && (
                         <Input
                           isDisabled={variableIsFinish}
+                          bg={'myWhite.400'}
                           {...register(item.key, {
                             required: item.required
                           })}
                         />
                       )}
+                      {item.type === VariableInputEnum.textarea && (
+                        <Textarea
+                          isDisabled={variableIsFinish}
+                          bg={'myWhite.400'}
+                          {...register(item.key, {
+                            required: item.required
+                          })}
+                          rows={5}
+                          maxLength={4000}
+                        />
+                      )}
                       {item.type === VariableInputEnum.select && (
                         <MySelect
                           width={'100%'}