perf: tooltip

client/src/components/ChatBox/ResponseDetailModal.tsx

@@ -17,8 +17,6 @@ const ResponseDetailModal = ({
   contentId?: string;
   responseData?: ChatHistoryItemResType[];
 }) => {
-  console.log(responseData);
-
   const [quoteModalData, setQuoteModalData] = useState<QuoteItemType[]>();
 
   const {
@@ -62,9 +60,11 @@ const ResponseDetailModal = ({
         </MyTooltip>
       )}
       {completeMessages.length > 0 && (
-        <Tag colorSchema="green" cursor={'default'} {...TagStyles}>
-          {completeMessages.length}条上下文
-        </Tag>
+        <MyTooltip label={'提示词和限定词分别算 1 条上下文'} forceShow>
+          <Tag colorSchema="green" cursor={'default'} {...TagStyles}>
+            {completeMessages.length}条上下文
+          </Tag>
+        </MyTooltip>
       )}
       {tokens > 0 && (
         <Tag colorSchema="gray" cursor={'default'} {...TagStyles}>

client/src/constants/model.ts

@@ -24,6 +24,5 @@ export const defaultApp: AppSchema = {
 };
 
 export const defaultShareChat: ShareChatEditType = {
-  name: '',
-  maxContext: 5
+  name: ''
 };

client/src/pages/app/detail/components/BasicEdit/index.tsx

@@ -174,7 +174,7 @@ const Settings = ({ appId }: { appId: string }) => {
       <Flex pr={4} justifyContent={'space-between'}>
         <Box fontSize={['md', 'xl']} fontWeight={'bold'}>
           应用配置
-          <MyTooltip label={'仅包含基础功能，复杂 agent 功能请使用高级编排。'}>
+          <MyTooltip label={'仅包含基础功能，复杂 agent 功能请使用高级编排。'} forceShow>
             <QuestionOutlineIcon ml={2} fontSize={'md'} />
           </MyTooltip>
         </Box>
@@ -309,7 +309,7 @@ const Settings = ({ appId }: { appId: string }) => {
           <Flex mt={10} alignItems={'flex-start'}>
             <Box {...LabelStyles}>
               提示词
-              <MyTooltip label={ChatModelSystemTip}>
+              <MyTooltip label={ChatModelSystemTip} forceShow>
                 <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
               </MyTooltip>
             </Box>
@@ -323,7 +323,7 @@ const Settings = ({ appId }: { appId: string }) => {
           <Flex mt={5} alignItems={'flex-start'}>
             <Box {...LabelStyles}>
               限定词
-              <MyTooltip label={ChatModelLimitTip}>
+              <MyTooltip label={ChatModelLimitTip} forceShow>
                 <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
               </MyTooltip>
             </Box>
@@ -381,7 +381,7 @@ const Settings = ({ appId }: { appId: string }) => {
           <Flex alignItems={'center'}>
             <Avatar src={'/imgs/module/userGuide.png'} w={'18px'} />
             <Box mx={2}>对话开场白</Box>
-            <MyTooltip label={welcomeTextTip}>
+            <MyTooltip label={welcomeTextTip} forceShow>
               <QuestionOutlineIcon />
             </MyTooltip>
           </Flex>

client/src/pages/app/detail/components/Edit/components/Nodes/NodeUserGuide.tsx

@@ -26,7 +26,7 @@ const NodeUserGuide = ({
             <Flex mb={1} alignItems={'center'}>
               <MyIcon name={'welcomeText'} mr={2} w={'16px'} color={'#E74694'} />
               <Box>开场白</Box>
-              <MyTooltip label={welcomeTextTip}>
+              <MyTooltip label={welcomeTextTip} forceShow>
                 <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
               </MyTooltip>
             </Flex>

client/src/pages/app/detail/components/Edit/components/modules/Label.tsx

@@ -20,7 +20,7 @@ const Label = ({
       </Box>
     )}
     {description && (
-      <MyTooltip label={description}>
+      <MyTooltip label={description} forceShow>
         <QuestionOutlineIcon display={['none', 'inline']} fontSize={'12px'} mb={1} ml={1} />
       </MyTooltip>
     )}

client/src/pages/app/detail/components/Edit/components/modules/NodeCard.tsx

@@ -36,7 +36,7 @@ const NodeCard = ({
           {name}
         </Box>
         {description && (
-          <MyTooltip label={description}>
+          <MyTooltip label={description} forceShow>
             <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
           </MyTooltip>
         )}

client/src/pages/app/detail/components/Edit/components/render/RenderInput.tsx

@@ -34,7 +34,7 @@ export const Label = ({
       </Box>
     )}
     {description && (
-      <MyTooltip label={description}>
+      <MyTooltip label={description} forceShow>
         <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
       </MyTooltip>
     )}

client/src/pages/app/detail/components/Edit/components/render/RenderOutput.tsx

@@ -15,7 +15,7 @@ const Label = ({
 }) => (
   <Flex as={'label'} justifyContent={'right'} alignItems={'center'} position={'relative'}>
     {description && (
-      <MyTooltip label={description}>
+      <MyTooltip label={description} forceShow>
         <QuestionOutlineIcon display={['none', 'inline']} mr={1} />
       </MyTooltip>
     )}

client/src/pages/app/detail/components/KBSelectModal.tsx

@@ -146,7 +146,7 @@ export const KbParamsModal = ({
           <Box display={['block', 'flex']} pt={3} pb={5}>
             <Box flex={'0 0 100px'} mb={[8, 0]}>
               相似度
-              <MyTooltip label={'高相似度推荐0.8及以上。'}>
+              <MyTooltip label={'高相似度推荐0.8及以上。'} forceShow>
                 <QuestionOutlineIcon ml={1} />
               </MyTooltip>
             </Box>

client/src/pages/app/detail/components/Share.tsx

@@ -88,7 +88,10 @@ const Share = ({ appId }: { appId: string }) => {
       <Flex justifyContent={'space-between'}>
         <Box fontWeight={'bold'}>
           免登录聊天窗口
-          <MyTooltip label="可以直接分享该模型给其他用户去进行对话，对方无需登录即可直接进行对话。注意，这个功能会消耗你账号的tokens。请保管好链接和密码。">
+          <MyTooltip
+            forceShow
+            label="可以直接分享该模型给其他用户去进行对话，对方无需登录即可直接进行对话。注意，这个功能会消耗你账号的tokens。请保管好链接和密码。"
+          >
             <QuestionOutlineIcon ml={1} />
           </MyTooltip>
         </Box>

client/src/pages/kb/detail/components/Import/Chunk.tsx

@@ -260,6 +260,7 @@ const ChunkImport = ({ kbId }: { kbId: string }) => {
                 段落长度
                 <MyTooltip
                   label={'基于 Gpt3.5 的 Token 计算方法进行分段。前后段落会有 30% 的内容重叠。'}
+                  forceShow
                 >
                   <QuestionOutlineIcon ml={1} />
                 </MyTooltip>
@@ -287,7 +288,10 @@ const ChunkImport = ({ kbId }: { kbId: string }) => {
             <Flex py={5} alignItems={'center'}>
               <Box>
                 预估价格
-                <MyTooltip label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}>
+                <MyTooltip
+                  label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}
+                  forceShow
+                >
                   <QuestionOutlineIcon ml={1} />
                 </MyTooltip>
               </Box>

client/src/pages/kb/detail/components/Import/Csv.tsx

@@ -135,6 +135,7 @@ const CsvImport = ({ kbId }: { kbId: string }) => {
           fileExtension={fileExtension}
           onSelectFile={onSelectFile}
           isLoading={selecting}
+          tipText={'如果导入文件乱码，请将 CSV 转成 utf-8 编码格式'}
           py={emptyFiles ? '100px' : 5}
         />
 

client/src/pages/kb/detail/components/Import/FileSelect.tsx

@@ -7,11 +7,12 @@ import MyIcon from '@/components/Icon';
 
 interface Props extends BoxProps {
   fileExtension: string;
+  tipText?: string;
   onSelectFile: (files: File[]) => Promise<void>;
   isLoading?: boolean;
 }
 
-const FileSelect = ({ fileExtension, onSelectFile, isLoading, ...props }: Props) => {
+const FileSelect = ({ fileExtension, onSelectFile, isLoading, tipText, ...props }: Props) => {
   const { Loading: FileSelectLoading } = useLoading();
 
   const { File, onOpen } = useSelectFile({
@@ -41,6 +42,11 @@ const FileSelect = ({ fileExtension, onSelectFile, isLoading, ...props }: Props)
         </Box>
       </Flex>
       <Box mt={1}>支持 {fileExtension} 文件</Box>
+      {tipText && (
+        <Box mt={1} fontSize={'sm'} color={'myGray.600'}>
+          {tipText}
+        </Box>
+      )}
       <FileSelectLoading loading={isLoading} fixed={false} />
       <File onSelect={onSelectFile} />
     </Box>

client/src/pages/kb/detail/components/Import/QA.tsx

@@ -263,6 +263,7 @@ const QAImport = ({ kbId }: { kbId: string }) => {
                 QA 拆分引导词{' '}
                 <MyTooltip
                   label={`可输入关于文件内容的范围介绍，例如:\n1. 关于 Laf 的介绍\n2. xxx的简历`}
+                  forceShow
                 >
                   <QuestionOutlineIcon ml={1} />
                 </MyTooltip>
@@ -282,7 +283,10 @@ const QAImport = ({ kbId }: { kbId: string }) => {
             <Flex py={5} alignItems={'center'}>
               <Box>
                 预估价格
-                <MyTooltip label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}>
+                <MyTooltip
+                  label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}
+                  forceShow
+                >
                   <QuestionOutlineIcon ml={1} />
                 </MyTooltip>
               </Box>

client/src/pages/kb/detail/components/Info.tsx

@@ -201,7 +201,7 @@ const Info = (
       <Flex mt={8} alignItems={'center'} w={'100%'} flexWrap={'wrap'}>
         <Box flex={['0 0 90px', '0 0 160px']} w={0}>
           分类标签
-          <MyTooltip label={'用空格隔开多个标签，便于搜索'}>
+          <MyTooltip label={'用空格隔开多个标签，便于搜索'} forceShow>
             <QuestionOutlineIcon ml={1} />
           </MyTooltip>
         </Box>

client/src/pages/kb/detail/components/Test.tsx

@@ -161,6 +161,7 @@ const Test = ({ kbId }: { kbId: string }) => {
                 label={
                   '根据知识库内容与测试文本的相似度进行排序，你可以根据测试结果调整对应的文本。\n注意：测试记录中的数据可能已经被修改过，点击某条测试数据后将展示最新的数据。'
                 }
+                forceShow
               >
                 <QuestionOutlineIcon
                   ml={2}