feat: dataset quote role support system; fix: adapt o1 model (#2733)

* feat: dataset quote support system role

* perf: adapt dataset quote role

* fix: adapt o1 model

packages/web/components/common/LightTip/index.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box, HStack, Icon, StackProps } from '@chakra-ui/react';
+
+const LightTip = ({
+  text,
+  ...props
+}: {
+  text: string;
+} & StackProps) => {
+  return (
+    <HStack px="3" py="1" color="primary.600" bgColor="primary.50" borderRadius="md" {...props}>
+      <Icon name="common/info" w="1rem" />
+      <Box fontSize={'sm'}>{text}</Box>
+    </HStack>
+  );
+};
+
+export default LightTip;

packages/web/components/common/MyBox/FormLabel.tsx

@@ -10,7 +10,7 @@ const FormLabel = ({
   children: React.ReactNode;
 }) => {
   return (
-    <Box color={'myGray.900'} fontSize={'sm'} position={'relative'} {...props}>
+    <Box color={'myGray.900'} fontSize={'sm'} position={'relative'} flexShrink={0} {...props}>
       {required && (
         <Box color={'red.600'} position={'absolute'} top={'-4px'} left={'-6px'}>
           *

packages/web/components/common/Textarea/PromptEditor/plugins/VariablePickerPlugin/index.tsx

@@ -64,8 +64,9 @@ export default function VariablePickerPlugin({
                 borderRadius={'md'}
                 position={'absolute'}
                 w={'auto'}
-                overflow={'hidden'}
                 zIndex={99999}
+                maxH={'300px'}
+                overflow={'auto'}
               >
                 {variables.map((item, index) => (
                   <Flex