perf: tooltip

6fd83e1e · archer · ea35ad21 · 6fd83e1e · 6fd83e1e · 6fd83e1e
Commit 6fd83e1e authored Jul 23, 2023 by archer
17 changed files
--- a/client/src/components/ChatBox/ResponseDetailModal.tsx
+++ b/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 && (
+        <MyTooltip label={'提示词和限定词分别算 1 条上下文'} forceShow>
          <Tag colorSchema="green" cursor={'default'} {...TagStyles}>
            {completeMessages.length}条上下文
          </Tag>
+        </MyTooltip>
      )}
      {tokens > 0 && (
        <Tag colorSchema="gray" cursor={'default'} {...TagStyles}>

--- a/client/src/constants/model.ts
+++ b/client/src/constants/model.ts
@@ -24,6 +24,5 @@ export const defaultApp: AppSchema = {
 };
 export const defaultShareChat: ShareChatEditType = {
-  name: '',
+  name: ''
-  maxContext: 5
 };
--- a/client/src/pages/api/admin/initv4.ts
+++ b/client/src/pages/api/admin/initv4.ts
--- a/client/src/pages/app/detail/components/BasicEdit/index.tsx
+++ b/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>

--- a/client/src/pages/app/detail/components/Edit/components/Nodes/NodeUserGuide.tsx
+++ b/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>

--- a/client/src/pages/app/detail/components/Edit/components/modules/Label.tsx
+++ b/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>
    )}

--- a/client/src/pages/app/detail/components/Edit/components/modules/NodeCard.tsx
+++ b/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>
        )}

--- a/client/src/pages/app/detail/components/Edit/components/render/RenderInput.tsx
+++ b/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>
    )}

--- a/client/src/pages/app/detail/components/Edit/components/render/RenderOutput.tsx
+++ b/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>
    )}

--- a/client/src/pages/app/detail/components/KBSelectModal.tsx
+++ b/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>

--- a/client/src/pages/app/detail/components/Share.tsx
+++ b/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>

--- a/client/src/pages/kb/detail/components/Import/Chunk.tsx
+++ b/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>

--- a/client/src/pages/kb/detail/components/Import/Csv.tsx
+++ b/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}
        />

--- a/client/src/pages/kb/detail/components/Import/FileSelect.tsx
+++ b/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>

--- a/client/src/pages/kb/detail/components/Import/QA.tsx
+++ b/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>

--- a/client/src/pages/kb/detail/components/Info.tsx
+++ b/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>

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