Skip to content

赵月辉 / fastgpt-migrated

Go to a project
Commit 6fd83e1e by archer
Options

perf: tooltip

parent ea35ad21
Showing with 187 additions and 401 deletions
client/src/components/ChatBox/ResponseDetailModal.tsx
...@@ -17,8 +17,6 @@ const ResponseDetailModal = ({ ...@@ -17,8 +17,6 @@ const ResponseDetailModal = ({
contentId?: string; contentId?: string;
responseData?: ChatHistoryItemResType[]; responseData?: ChatHistoryItemResType[];
}) => { }) => {
console.log(responseData);
const [quoteModalData, setQuoteModalData] = useState<QuoteItemType[]>(); const [quoteModalData, setQuoteModalData] = useState<QuoteItemType[]>();
const { const {
...@@ -62,9 +60,11 @@ const ResponseDetailModal = ({ ...@@ -62,9 +60,11 @@ const ResponseDetailModal = ({
</MyTooltip> </MyTooltip>
)} )}
{completeMessages.length > 0 && ( {completeMessages.length > 0 && (
<Tag colorSchema="green" cursor={'default'} {...TagStyles}> <MyTooltip label={'提示词和限定词分别算 1 条上下文'} forceShow>
{completeMessages.length}条上下文 <Tag colorSchema="green" cursor={'default'} {...TagStyles}>
</Tag> {completeMessages.length}条上下文
</Tag>
</MyTooltip>
)} )}
{tokens > 0 && ( {tokens > 0 && (
<Tag colorSchema="gray" cursor={'default'} {...TagStyles}> <Tag colorSchema="gray" cursor={'default'} {...TagStyles}>
......
client/src/constants/model.ts
...@@ -24,6 +24,5 @@ export const defaultApp: AppSchema = { ...@@ -24,6 +24,5 @@ export const defaultApp: AppSchema = {
}; };
export const defaultShareChat: ShareChatEditType = { export const defaultShareChat: ShareChatEditType = {
name: '', name: ''
maxContext: 5
}; };
client/src/pages/api/admin/initv4.ts
...@@ -3,7 +3,68 @@ import type { NextApiRequest, NextApiResponse } from 'next'; ...@@ -3,7 +3,68 @@ import type { NextApiRequest, NextApiResponse } from 'next';
import { jsonRes } from '@/service/response'; import { jsonRes } from '@/service/response';
import { authUser } from '@/service/utils/auth'; import { authUser } from '@/service/utils/auth';
import { connectToDatabase, App } from '@/service/mongo'; import { connectToDatabase, App } from '@/service/mongo';
import { EditFormType } from '@/utils/app';
import { AppModuleInputItemType } from '@/types/app';
import { FlowModuleTypeEnum, SpecialInputKeyEnum } from '@/constants/flow';
import { TaskResponseKeyEnum } from '@/constants/chat';
const chatModelInput = ({
model,
temperature,
maxToken,
systemPrompt,
limitPrompt,
kbList
}: {
model: string;
temperature: number;
maxToken: number;
systemPrompt: string;
limitPrompt: string;
kbList: { kbId: string }[];
}): AppModuleInputItemType[] => [
{
key: 'model',
value: model,
connected: true
},
{
key: 'temperature',
value: temperature,
connected: true
},
{
key: 'maxToken',
value: maxToken,
connected: true
},
{
key: 'systemPrompt',
value: systemPrompt,
connected: true
},
{
key: 'limitPrompt',
value: limitPrompt,
connected: true
},
{
key: 'switch',
connected: kbList.length > 0
},
{
key: 'quoteQA',
connected: kbList.length > 0
},
{
key: 'history',
connected: true
},
{
key: 'userChatInput',
connected: true
}
];
const chatTemplate = ({ const chatTemplate = ({
model, model,
temperature, temperature,
...@@ -19,71 +80,49 @@ const chatTemplate = ({ ...@@ -19,71 +80,49 @@ const chatTemplate = ({
}) => { }) => {
return [ return [
{ {
logo: '/imgs/module/userChatInput.png', flowType: FlowModuleTypeEnum.questionInput,
name: '用户问题',
intro: '用户输入的内容。该模块通常作为应用的入口，用户在发送消息后会首先执行该模块。',
type: 'initInput',
flowType: 'questionInput',
url: '/app/modules/init/userChatInput',
inputs: [ inputs: [
{ {
key: 'userChatInput', key: 'userChatInput',
type: 'systemInput', connected: true
label: '用户问题',
connected: false
} }
], ],
outputs: [ outputs: [
{ {
key: 'userChatInput', key: 'userChatInput',
label: '用户问题',
type: 'source',
targets: [ targets: [
{ {
moduleId: '7pacf0', moduleId: 'chatModule',
key: 'userChatInput' key: 'userChatInput'
} }
] ]
} }
], ],
position: { position: {
x: 477.9074315528994, x: 464.32198615344566,
y: 1604.2106242223683 y: 1602.2698463081606
}, },
moduleId: '7z5g5h' moduleId: 'userChatInput'
}, },
{ {
logo: '/imgs/module/history.png', flowType: FlowModuleTypeEnum.historyNode,
name: '聊天记录',
intro: '用户输入的内容。该模块通常作为应用的入口，用户在发送消息后会首先执行该模块。',
type: 'initInput',
flowType: 'historyNode',
url: '/app/modules/init/history',
inputs: [ inputs: [
{ {
key: 'maxContext', key: 'maxContext',
type: 'numberInput', value: 10,
label: '最长记录数', connected: true
value: 4,
min: 0,
max: 50,
connected: false
}, },
{ {
key: 'history', key: 'history',
type: 'hidden', connected: true
label: '聊天记录',
connected: false
} }
], ],
outputs: [ outputs: [
{ {
key: 'history', key: 'history',
label: '聊天记录',
type: 'source',
targets: [ targets: [
{ {
moduleId: '7pacf0', moduleId: 'chatModule',
key: 'history' key: 'history'
} }
] ]
...@@ -93,124 +132,21 @@ const chatTemplate = ({ ...@@ -93,124 +132,21 @@ const chatTemplate = ({
x: 452.5466249541586, x: 452.5466249541586,
y: 1276.3930310334215 y: 1276.3930310334215
}, },
moduleId: 'xj0c9p' moduleId: 'history'
}, },
{ {
logo: '/imgs/module/AI.png', flowType: FlowModuleTypeEnum.chatNode,
name: 'AI 对话', inputs: chatModelInput({
intro: 'AI 大模型对话', model,
flowType: 'chatNode', temperature,
type: 'http', maxToken,
url: '/app/modules/chat/gpt', systemPrompt,
inputs: [ limitPrompt,
{ kbList: []
key: 'model', }),
type: 'custom',
label: '对话模型',
value: model,
list: [
{
label: 'FastAI-4k',
value: 'gpt-3.5-turbo'
},
{
label: 'FastAI-16k',
value: 'gpt-3.5-turbo-16k'
},
{
label: 'FastAI-Plus',
value: 'gpt-4'
}
],
connected: false
},
{
key: 'temperature',
type: 'slider',
label: '温度',
value: temperature,
min: 0,
max: 10,
step: 1,
markList: [
{
label: '严谨',
value: 0
},
{
label: '发散',
value: 10
}
],
connected: false
},
{
key: 'maxToken',
type: 'custom',
label: '回复上限',
value: maxToken,
min: 100,
max: 4000,
step: 50,
markList: [
{
label: '100',
value: 100
},
{
label: '4000',
value: 4000
}
],
connected: false
},
{
key: 'systemPrompt',
type: 'textarea',
label: '系统提示词',
description:
'模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。',
placeholder:
'模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。',
value: systemPrompt,
connected: false
},
{
key: 'limitPrompt',
type: 'textarea',
label: '限定词',
description:
'限定模型对话范围，会被放置在本次提问前，拥有强引导和限定性。例如:\n1. 知识库是关于 Laf 的介绍，参考知识库回答问题，与 "Laf" 无关内容，直接回复: "我不知道"。\n2. 你仅回答关于 "xxx" 的问题，其他问题回复: "xxxx"',
placeholder:
'限定模型对话范围，会被放置在本次提问前，拥有强引导和限定性。例如:\n1. 知识库是关于 Laf 的介绍，参考知识库回答问题，与 "Laf" 无关内容，直接回复: "我不知道"。\n2. 你仅回答关于 "xxx" 的问题，其他问题回复: "xxxx"',
value: limitPrompt,
connected: false
},
{
key: 'quotePrompt',
type: 'target',
label: '引用内容',
connected: false
},
{
key: 'history',
type: 'target',
label: '聊天记录',
connected: true
},
{
key: 'userChatInput',
type: 'target',
label: '用户问题',
connected: true
}
],
outputs: [ outputs: [
{ {
key: 'answerText', key: TaskResponseKeyEnum.answerText,
label: '模型回复',
description: '直接响应，无需配置',
type: 'hidden',
targets: [] targets: []
} }
], ],
...@@ -218,7 +154,7 @@ const chatTemplate = ({ ...@@ -218,7 +154,7 @@ const chatTemplate = ({
x: 981.9682828103937, x: 981.9682828103937,
y: 890.014595014464 y: 890.014595014464
}, },
moduleId: '7pacf0' moduleId: 'chatModule'
} }
]; ];
}; };
...@@ -245,340 +181,172 @@ const kbTemplate = ({ ...@@ -245,340 +181,172 @@ const kbTemplate = ({
}) => { }) => {
return [ return [
{ {
logo: '/imgs/module/userChatInput.png', flowType: FlowModuleTypeEnum.questionInput,
name: '用户问题',
intro: '用户输入的内容。该模块通常作为应用的入口，用户在发送消息后会首先执行该模块。',
type: 'initInput',
flowType: 'questionInput',
url: '/app/modules/init/userChatInput',
inputs: [ inputs: [
{ {
key: 'userChatInput', key: 'userChatInput',
type: 'systemInput', connected: true
label: '用户问题',
connected: false
} }
], ],
outputs: [ outputs: [
{ {
key: 'userChatInput', key: 'userChatInput',
label: '用户问题',
type: 'source',
targets: [ targets: [
{ {
moduleId: 'q9v14m', moduleId: 'chatModule',
key: 'userChatInput' key: 'userChatInput'
}, },
{ {
moduleId: 'qbf8td', moduleId: 'kbSearch',
key: 'userChatInput' key: 'userChatInput'
} }
] ]
} }
], ],
position: { position: {
x: -196.84632684738483, x: 464.32198615344566,
y: 797.3401378431948 y: 1602.2698463081606
}, },
moduleId: 'v0nc1s' moduleId: 'userChatInput'
}, },
{ {
logo: '/imgs/module/history.png', flowType: FlowModuleTypeEnum.historyNode,
name: '聊天记录',
intro: '用户输入的内容。该模块通常作为应用的入口，用户在发送消息后会首先执行该模块。',
type: 'initInput',
flowType: 'historyNode',
url: '/app/modules/init/history',
inputs: [ inputs: [
{ {
key: 'maxContext', key: 'maxContext',
type: 'numberInput', value: 10,
label: '最长记录数', connected: true
value: 4,
min: 0,
max: 50,
connected: false
}, },
{ {
key: 'history', key: 'history',
type: 'hidden', connected: true
label: '聊天记录',
connected: false
} }
], ],
outputs: [ outputs: [
{ {
key: 'history', key: 'history',
label: '聊天记录',
type: 'source',
targets: [ targets: [
{ {
moduleId: 'qbf8td', moduleId: 'chatModule',
key: 'history' key: 'history'
} }
] ]
} }
], ],
position: { position: {
x: 211.58250540918442, x: 452.5466249541586,
y: 611.8700401034965 y: 1276.3930310334215
},
moduleId: 'k9y3jm'
},
{
logo: '/imgs/module/AI.png',
name: 'AI 对话',
intro: 'AI 大模型对话',
flowType: 'chatNode',
type: 'http',
url: '/app/modules/chat/gpt',
inputs: [
{
key: 'model',
type: 'custom',
label: '对话模型',
value: model,
list: [],
connected: false
},
{
key: 'temperature',
type: 'slider',
label: '温度',
value: temperature,
min: 0,
max: 10,
step: 1,
markList: [
{
label: '严谨',
value: 0
},
{
label: '发散',
value: 10
}
],
connected: false
},
{
key: 'maxToken',
type: 'custom',
label: '回复上限',
value: maxToken,
min: 100,
max: 4000,
step: 50,
markList: [
{
label: '100',
value: 100
},
{
label: '4000',
value: 4000
}
],
connected: false
},
{
key: 'systemPrompt',
type: 'textarea',
label: '系统提示词',
description:
'模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。',
placeholder:
'模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。',
value: systemPrompt,
connected: false
},
{
key: 'limitPrompt',
type: 'textarea',
label: '限定词',
description:
'限定模型对话范围，会被放置在本次提问前，拥有强引导和限定性。例如:\n1. 知识库是关于 Laf 的介绍，参考知识库回答问题，与 "Laf" 无关内容，直接回复: "我不知道"。\n2. 你仅回答关于 "xxx" 的问题，其他问题回复: "xxxx"',
placeholder:
'限定模型对话范围，会被放置在本次提问前，拥有强引导和限定性。例如:\n1. 知识库是关于 Laf 的介绍，参考知识库回答问题，与 "Laf" 无关内容，直接回复: "我不知道"。\n2. 你仅回答关于 "xxx" 的问题，其他问题回复: "xxxx"',
value: limitPrompt,
connected: false
},
{
key: 'quotePrompt',
type: 'target',
label: '引用内容',
connected: true
},
{
key: 'history',
type: 'target',
label: '聊天记录',
connected: true
},
{
key: 'userChatInput',
type: 'target',
label: '用户问题',
connected: true
}
],
outputs: [
{
key: 'answerText',
label: '模型回复',
description: '直接响应，无需配置',
type: 'hidden',
targets: []
}
],
position: {
x: 745.484449528062,
y: 259.9361900288137
}, },
moduleId: 'qbf8td' moduleId: 'history'
}, },
{ {
logo: '/imgs/module/db.png', flowType: FlowModuleTypeEnum.kbSearchNode,
name: '知识库搜索',
intro: '去知识库中搜索对应的答案。可作为 AI 对话引用参考。',
flowType: 'kbSearchNode',
type: 'http',
url: '/app/modules/kb/search',
inputs: [ inputs: [
{ {
key: 'kbList', key: 'kbList',
type: 'custom',
label: '关联的知识库',
value: kbList, value: kbList,
list: [], connected: true
connected: false
}, },
{ {
key: 'similarity', key: 'similarity',
type: 'slider',
label: '相似度',
value: searchSimilarity, value: searchSimilarity,
min: 0, connected: true
max: 1,
step: 0.01,
markList: [
{
label: '100',
value: 100
},
{
label: '1',
value: 1
}
],
connected: false
}, },
{ {
key: 'limit', key: 'limit',
type: 'slider',
label: '单次搜索上限',
description: '最多取 n 条记录作为本次问题引用',
value: searchLimit, value: searchLimit,
min: 1, connected: true
max: 20,
step: 1,
markList: [
{
label: '1',
value: 1
},
{
label: '20',
value: 20
}
],
connected: false
}, },
{ {
key: 'switch', key: 'switch',
type: 'target',
label: '触发器',
connected: false connected: false
}, },
{ {
key: 'userChatInput', key: 'userChatInput',
type: 'target',
label: '用户问题',
connected: true connected: true
} }
], ],
outputs: [ outputs: [
{ {
key: 'rawSearch',
label: '源搜索数据',
type: 'hidden',
response: true,
targets: []
},
{
key: 'isEmpty', key: 'isEmpty',
label: '搜索结果为空',
type: 'source',
targets: searchEmptyText targets: searchEmptyText
? [ ? [
{ {
moduleId: 'w8av9y', moduleId: 'emptyText',
key: 'switch'
}
]
: [
{
moduleId: 'chatModule',
key: 'switch' key: 'switch'
} }
] ]
: []
}, },
{ {
key: 'quotePrompt', key: 'unEmpty',
label: '引用内容',
description: '搜索结果为空时不返回',
type: 'source',
targets: [ targets: [
{ {
moduleId: 'qbf8td', moduleId: 'chatModule',
key: 'quotePrompt' key: 'switch'
}
]
},
{
key: 'quoteQA',
targets: [
{
moduleId: 'chatModule',
key: 'quoteQA'
} }
] ]
} }
], ],
position: { position: {
x: 101.2612930583856, x: 956.0838440206068,
y: -31.342317423453437 y: 887.462827870246
}, },
moduleId: 'q9v14m' moduleId: 'kbSearch'
}, },
...(searchEmptyText ...(searchEmptyText
? [ ? [
{ {
logo: '/imgs/module/reply.png', flowType: FlowModuleTypeEnum.answerNode,
name: '指定回复',
intro: '该模块可以直接回复一段指定的内容。常用于引导、提示。',
type: 'answer',
flowType: 'answerNode',
inputs: [ inputs: [
{ {
key: 'switch', key: 'switch',
type: 'target',
label: '触发器',
connected: true connected: true
}, },
{ {
key: 'answerText', key: SpecialInputKeyEnum.answerText,
value: searchEmptyText, value: searchEmptyText,
type: 'textarea', connected: true
label: '回复的内容',
connected: false
} }
], ],
outputs: [], outputs: [],
position: { position: {
x: 673.6108151684664, x: 1553.5815811529146,
y: -84.13355134221933 y: 637.8753731306779
}, },
moduleId: 'w8av9y' moduleId: 'emptyText'
} }
] ]
: []) : []),
{
flowType: FlowModuleTypeEnum.chatNode,
inputs: chatModelInput({ model, temperature, maxToken, systemPrompt, limitPrompt, kbList }),
outputs: [
{
key: TaskResponseKeyEnum.answerText,
targets: []
}
],
position: {
x: 1551.71405495818,
y: 977.4911578918461
},
moduleId: 'chatModule'
}
]; ];
}; };
......
client/src/pages/app/detail/components/BasicEdit/index.tsx
...@@ -174,7 +174,7 @@ const Settings = ({ appId }: { appId: string }) => { ...@@ -174,7 +174,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex pr={4} justifyContent={'space-between'}> <Flex pr={4} justifyContent={'space-between'}>
<Box fontSize={['md', 'xl']} fontWeight={'bold'}> <Box fontSize={['md', 'xl']} fontWeight={'bold'}>
应用配置 应用配置
<MyTooltip label={'仅包含基础功能，复杂 agent 功能请使用高级编排。'}> <MyTooltip label={'仅包含基础功能，复杂 agent 功能请使用高级编排。'} forceShow>
<QuestionOutlineIcon ml={2} fontSize={'md'} /> <QuestionOutlineIcon ml={2} fontSize={'md'} />
</MyTooltip> </MyTooltip>
</Box> </Box>
...@@ -309,7 +309,7 @@ const Settings = ({ appId }: { appId: string }) => { ...@@ -309,7 +309,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex mt={10} alignItems={'flex-start'}> <Flex mt={10} alignItems={'flex-start'}>
<Box {...LabelStyles}> <Box {...LabelStyles}>
提示词 提示词
<MyTooltip label={ChatModelSystemTip}> <MyTooltip label={ChatModelSystemTip} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} /> <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip> </MyTooltip>
</Box> </Box>
...@@ -323,7 +323,7 @@ const Settings = ({ appId }: { appId: string }) => { ...@@ -323,7 +323,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex mt={5} alignItems={'flex-start'}> <Flex mt={5} alignItems={'flex-start'}>
<Box {...LabelStyles}> <Box {...LabelStyles}>
限定词 限定词
<MyTooltip label={ChatModelLimitTip}> <MyTooltip label={ChatModelLimitTip} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} /> <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip> </MyTooltip>
</Box> </Box>
...@@ -381,7 +381,7 @@ const Settings = ({ appId }: { appId: string }) => { ...@@ -381,7 +381,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex alignItems={'center'}> <Flex alignItems={'center'}>
<Avatar src={'/imgs/module/userGuide.png'} w={'18px'} /> <Avatar src={'/imgs/module/userGuide.png'} w={'18px'} />
<Box mx={2}>对话开场白</Box> <Box mx={2}>对话开场白</Box>
<MyTooltip label={welcomeTextTip}> <MyTooltip label={welcomeTextTip} forceShow>
<QuestionOutlineIcon /> <QuestionOutlineIcon />
</MyTooltip> </MyTooltip>
</Flex> </Flex>
......
client/src/pages/app/detail/components/Edit/components/Nodes/NodeUserGuide.tsx
...@@ -26,7 +26,7 @@ const NodeUserGuide = ({ ...@@ -26,7 +26,7 @@ const NodeUserGuide = ({
<Flex mb={1} alignItems={'center'}> <Flex mb={1} alignItems={'center'}>
<MyIcon name={'welcomeText'} mr={2} w={'16px'} color={'#E74694'} /> <MyIcon name={'welcomeText'} mr={2} w={'16px'} color={'#E74694'} />
<Box>开场白</Box> <Box>开场白</Box>
<MyTooltip label={welcomeTextTip}> <MyTooltip label={welcomeTextTip} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} /> <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip> </MyTooltip>
</Flex> </Flex>
......
client/src/pages/app/detail/components/Edit/components/modules/Label.tsx
...@@ -20,7 +20,7 @@ const Label = ({ ...@@ -20,7 +20,7 @@ const Label = ({
</Box> </Box>
)} )}
{description && ( {description && (
<MyTooltip label={description}> <MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} fontSize={'12px'} mb={1} ml={1} /> <QuestionOutlineIcon display={['none', 'inline']} fontSize={'12px'} mb={1} ml={1} />
</MyTooltip> </MyTooltip>
)} )}
......
client/src/pages/app/detail/components/Edit/components/modules/NodeCard.tsx
...@@ -36,7 +36,7 @@ const NodeCard = ({ ...@@ -36,7 +36,7 @@ const NodeCard = ({
{name} {name}
</Box> </Box>
{description && ( {description && (
<MyTooltip label={description}> <MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} /> <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip> </MyTooltip>
)} )}
......
client/src/pages/app/detail/components/Edit/components/render/RenderInput.tsx
...@@ -34,7 +34,7 @@ export const Label = ({ ...@@ -34,7 +34,7 @@ export const Label = ({
</Box> </Box>
)} )}
{description && ( {description && (
<MyTooltip label={description}> <MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} /> <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip> </MyTooltip>
)} )}
......
client/src/pages/app/detail/components/Edit/components/render/RenderOutput.tsx
...@@ -15,7 +15,7 @@ const Label = ({ ...@@ -15,7 +15,7 @@ const Label = ({
}) => ( }) => (
<Flex as={'label'} justifyContent={'right'} alignItems={'center'} position={'relative'}> <Flex as={'label'} justifyContent={'right'} alignItems={'center'} position={'relative'}>
{description && ( {description && (
<MyTooltip label={description}> <MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} mr={1} /> <QuestionOutlineIcon display={['none', 'inline']} mr={1} />
</MyTooltip> </MyTooltip>
)} )}
......
client/src/pages/app/detail/components/KBSelectModal.tsx
...@@ -146,7 +146,7 @@ export const KbParamsModal = ({ ...@@ -146,7 +146,7 @@ export const KbParamsModal = ({
<Box display={['block', 'flex']} pt={3} pb={5}> <Box display={['block', 'flex']} pt={3} pb={5}>
<Box flex={'0 0 100px'} mb={[8, 0]}> <Box flex={'0 0 100px'} mb={[8, 0]}>
相似度 相似度
<MyTooltip label={'高相似度推荐0.8及以上。'}> <MyTooltip label={'高相似度推荐0.8及以上。'} forceShow>
<QuestionOutlineIcon ml={1} /> <QuestionOutlineIcon ml={1} />
</MyTooltip> </MyTooltip>
</Box> </Box>
......
client/src/pages/app/detail/components/Share.tsx
...@@ -88,7 +88,10 @@ const Share = ({ appId }: { appId: string }) => { ...@@ -88,7 +88,10 @@ const Share = ({ appId }: { appId: string }) => {
<Flex justifyContent={'space-between'}> <Flex justifyContent={'space-between'}>
<Box fontWeight={'bold'}> <Box fontWeight={'bold'}>
免登录聊天窗口 免登录聊天窗口
<MyTooltip label="可以直接分享该模型给其他用户去进行对话，对方无需登录即可直接进行对话。注意，这个功能会消耗你账号的tokens。请保管好链接和密码。"> <MyTooltip
forceShow
label="可以直接分享该模型给其他用户去进行对话，对方无需登录即可直接进行对话。注意，这个功能会消耗你账号的tokens。请保管好链接和密码。"
>
<QuestionOutlineIcon ml={1} /> <QuestionOutlineIcon ml={1} />
</MyTooltip> </MyTooltip>
</Box> </Box>
......
client/src/pages/kb/detail/components/Import/Chunk.tsx
...@@ -260,6 +260,7 @@ const ChunkImport = ({ kbId }: { kbId: string }) => { ...@@ -260,6 +260,7 @@ const ChunkImport = ({ kbId }: { kbId: string }) => {
段落长度 段落长度
<MyTooltip <MyTooltip
label={'基于 Gpt3.5 的 Token 计算方法进行分段。前后段落会有 30% 的内容重叠。'} label={'基于 Gpt3.5 的 Token 计算方法进行分段。前后段落会有 30% 的内容重叠。'}
forceShow
> >
<QuestionOutlineIcon ml={1} /> <QuestionOutlineIcon ml={1} />
</MyTooltip> </MyTooltip>
...@@ -287,7 +288,10 @@ const ChunkImport = ({ kbId }: { kbId: string }) => { ...@@ -287,7 +288,10 @@ const ChunkImport = ({ kbId }: { kbId: string }) => {
<Flex py={5} alignItems={'center'}> <Flex py={5} alignItems={'center'}>
<Box> <Box>
预估价格 预估价格
<MyTooltip label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}> <MyTooltip
label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}
forceShow
>
<QuestionOutlineIcon ml={1} /> <QuestionOutlineIcon ml={1} />
</MyTooltip> </MyTooltip>
</Box> </Box>
......
client/src/pages/kb/detail/components/Import/Csv.tsx
...@@ -135,6 +135,7 @@ const CsvImport = ({ kbId }: { kbId: string }) => { ...@@ -135,6 +135,7 @@ const CsvImport = ({ kbId }: { kbId: string }) => {
fileExtension={fileExtension} fileExtension={fileExtension}
onSelectFile={onSelectFile} onSelectFile={onSelectFile}
isLoading={selecting} isLoading={selecting}
tipText={'如果导入文件乱码，请将 CSV 转成 utf-8 编码格式'}
py={emptyFiles ? '100px' : 5} py={emptyFiles ? '100px' : 5}
/> />
......
client/src/pages/kb/detail/components/Import/FileSelect.tsx
...@@ -7,11 +7,12 @@ import MyIcon from '@/components/Icon'; ...@@ -7,11 +7,12 @@ import MyIcon from '@/components/Icon';
interface Props extends BoxProps { interface Props extends BoxProps {
fileExtension: string; fileExtension: string;
tipText?: string;
onSelectFile: (files: File[]) => Promise<void>; onSelectFile: (files: File[]) => Promise<void>;
isLoading?: boolean; isLoading?: boolean;
} }
const FileSelect = ({ fileExtension, onSelectFile, isLoading, ...props }: Props) => { const FileSelect = ({ fileExtension, onSelectFile, isLoading, tipText, ...props }: Props) => {
const { Loading: FileSelectLoading } = useLoading(); const { Loading: FileSelectLoading } = useLoading();
const { File, onOpen } = useSelectFile({ const { File, onOpen } = useSelectFile({
...@@ -41,6 +42,11 @@ const FileSelect = ({ fileExtension, onSelectFile, isLoading, ...props }: Props) ...@@ -41,6 +42,11 @@ const FileSelect = ({ fileExtension, onSelectFile, isLoading, ...props }: Props)
</Box> </Box>
</Flex> </Flex>
<Box mt={1}>支持 {fileExtension} 文件</Box> <Box mt={1}>支持 {fileExtension} 文件</Box>
{tipText && (
<Box mt={1} fontSize={'sm'} color={'myGray.600'}>
{tipText}
</Box>
)}
<FileSelectLoading loading={isLoading} fixed={false} /> <FileSelectLoading loading={isLoading} fixed={false} />
<File onSelect={onSelectFile} /> <File onSelect={onSelectFile} />
</Box> </Box>
......
client/src/pages/kb/detail/components/Import/QA.tsx
...@@ -263,6 +263,7 @@ const QAImport = ({ kbId }: { kbId: string }) => { ...@@ -263,6 +263,7 @@ const QAImport = ({ kbId }: { kbId: string }) => {
QA 拆分引导词{' '} QA 拆分引导词{' '}
<MyTooltip <MyTooltip
label={`可输入关于文件内容的范围介绍，例如:\n1. 关于 Laf 的介绍\n2. xxx的简历`} label={`可输入关于文件内容的范围介绍，例如:\n1. 关于 Laf 的介绍\n2. xxx的简历`}
forceShow
> >
<QuestionOutlineIcon ml={1} /> <QuestionOutlineIcon ml={1} />
</MyTooltip> </MyTooltip>
...@@ -282,7 +283,10 @@ const QAImport = ({ kbId }: { kbId: string }) => { ...@@ -282,7 +283,10 @@ const QAImport = ({ kbId }: { kbId: string }) => {
<Flex py={5} alignItems={'center'}> <Flex py={5} alignItems={'center'}>
<Box> <Box>
预估价格 预估价格
<MyTooltip label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}> <MyTooltip
label={`索引生成计费为: ${formatPrice(unitPrice, 1000)}/1k tokens`}
forceShow
>
<QuestionOutlineIcon ml={1} /> <QuestionOutlineIcon ml={1} />
</MyTooltip> </MyTooltip>
</Box> </Box>
......
client/src/pages/kb/detail/components/Info.tsx
...@@ -201,7 +201,7 @@ const Info = ( ...@@ -201,7 +201,7 @@ const Info = (
<Flex mt={8} alignItems={'center'} w={'100%'} flexWrap={'wrap'}> <Flex mt={8} alignItems={'center'} w={'100%'} flexWrap={'wrap'}>
<Box flex={['0 0 90px', '0 0 160px']} w={0}> <Box flex={['0 0 90px', '0 0 160px']} w={0}>
分类标签 分类标签
<MyTooltip label={'用空格隔开多个标签，便于搜索'}> <MyTooltip label={'用空格隔开多个标签，便于搜索'} forceShow>
<QuestionOutlineIcon ml={1} /> <QuestionOutlineIcon ml={1} />
</MyTooltip> </MyTooltip>
</Box> </Box>
......
client/src/pages/kb/detail/components/Test.tsx
...@@ -161,6 +161,7 @@ const Test = ({ kbId }: { kbId: string }) => { ...@@ -161,6 +161,7 @@ const Test = ({ kbId }: { kbId: string }) => {
label={ label={
'根据知识库内容与测试文本的相似度进行排序，你可以根据测试结果调整对应的文本。\n注意：测试记录中的数据可能已经被修改过，点击某条测试数据后将展示最新的数据。' '根据知识库内容与测试文本的相似度进行排序，你可以根据测试结果调整对应的文本。\n注意：测试记录中的数据可能已经被修改过，点击某条测试数据后将展示最新的数据。'
} }
forceShow
> >
<QuestionOutlineIcon <QuestionOutlineIcon
ml={2} ml={2}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment