user feedback and admin mark (#228)

* fix: csv empty data

* feat: user feedback and mark answer

* version intro

* perf: chat logs sort

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

@@ -1,15 +1,17 @@
 import React, { useState, useCallback } from 'react';
 import { Box, Flex, Button, Textarea, IconButton } from '@chakra-ui/react';
 import { useForm } from 'react-hook-form';
-import { postKbDataFromList, putKbDataById, delOneKbDataByDataId } from '@/api/plugins/kb';
+import { insertData2Kb, putKbDataById, delOneKbDataByDataId } from '@/api/plugins/kb';
 import { useToast } from '@/hooks/useToast';
-import { TrainingModeEnum } from '@/constants/plugin';
 import { getErrText } from '@/utils/tools';
-import { vectorModelList } from '@/store/static';
 import MyIcon from '@/components/Icon';
 import MyModal from '@/components/MyModal';
+import MyTooltip from '@/components/MyTooltip';
+import { QuestionOutlineIcon } from '@chakra-ui/icons';
+import { useUserStore } from '@/store/user';
+import { useQuery } from '@tanstack/react-query';
 
-export type FormData = { dataId?: string; a: string; q: string };
+export type FormData = { dataId?: string; a: string; q: string; source?: string };
 
 const InputDataModal = ({
   onClose,
@@ -30,16 +32,20 @@ const InputDataModal = ({
   const [loading, setLoading] = useState(false);
   const { toast } = useToast();
 
+  const { kbDetail, getKbDetail } = useUserStore();
+
   const { register, handleSubmit, reset } = useForm<FormData>({
     defaultValues
   });
 
+  const maxToken = kbDetail.vectorModel?.maxToken || 2000;
+
   /**
    * 确认导入新数据
    */
   const sureImportData = useCallback(
     async (e: FormData) => {
-      if (e.a.length + e.q.length >= 3000) {
+      if (e.q.length >= maxToken) {
         toast({
           title: '总长度超长了',
           status: 'warning'
@@ -50,31 +56,24 @@ const InputDataModal = ({
 
       try {
         const data = {
+          dataId: '',
           a: e.a,
           q: e.q,
           source: '手动录入'
         };
-        const { insertLen } = await postKbDataFromList({
+        data.dataId = await insertData2Kb({
           kbId,
-          mode: TrainingModeEnum.index,
-          data: [data]
+          data
         });
 
-        if (insertLen === 0) {
-          toast({
-            title: '已存在完全一致的数据',
-            status: 'warning'
-          });
-        } else {
-          toast({
-            title: '导入数据成功,需要一段时间训练',
-            status: 'success'
-          });
-          reset({
-            a: '',
-            q: ''
-          });
-        }
+        toast({
+          title: '导入数据成功,需要一段时间训练',
+          status: 'success'
+        });
+        reset({
+          a: '',
+          q: ''
+        });
 
         onSuccess(data);
       } catch (err: any) {
@@ -85,7 +84,7 @@ const InputDataModal = ({
       }
       setLoading(false);
     },
-    [kbId, onSuccess, reset, toast]
+    [kbId, maxToken, onSuccess, reset, toast]
   );
 
   const updateData = useCallback(
@@ -121,6 +120,11 @@ const InputDataModal = ({
     [defaultValues.a, defaultValues.q, kbId, onClose, onSuccess, toast]
   );
 
+  useQuery(['getKbDetail'], () => {
+    if (kbDetail._id === kbId) return null;
+    return getKbDetail(kbId);
+  });
+
   return (
     <MyModal
       isOpen={true}
@@ -142,10 +146,15 @@ const InputDataModal = ({
           pb={2}
         >
           <Box flex={1} mr={[0, 4]} mb={[4, 0]} h={['50%', '100%']}>
-            <Box h={'30px'}>{'匹配的知识点'}</Box>
+            <Flex>
+              <Box h={'30px'}>{'匹配的知识点'}</Box>
+              <MyTooltip label={'被向量化的部分，通常是问题，也可以是一段陈述描述'}>
+                <QuestionOutlineIcon ml={1} />
+              </MyTooltip>
+            </Flex>
             <Textarea
-              placeholder={'匹配的知识点。这部分内容会被搜索，请把控内容的质量。总和最多 3000 字。'}
-              maxLength={3000}
+              placeholder={`匹配的知识点。这部分内容会被搜索，请把控内容的质量，最多 ${maxToken} 字。`}
+              maxLength={maxToken}
               resize={'none'}
               h={'calc(100% - 30px)'}
               {...register(`q`, {
@@ -154,7 +163,14 @@ const InputDataModal = ({
             />
           </Box>
           <Box flex={1} h={['50%', '100%']}>
-            <Box h={'30px'}>补充知识</Box>
+            <Flex>
+              <Box h={'30px'}>{'补充知识'}</Box>
+              <MyTooltip
+                label={'匹配的知识点被命中后，这部分内容会随匹配知识点一起注入模型，引导模型回答'}
+              >
+                <QuestionOutlineIcon ml={1} />
+              </MyTooltip>
+            </Flex>
             <Textarea
               placeholder={
                 '补充知识。这部分内容不会被搜索，但会作为"匹配的知识点"的内容补充，你可以讲一些细节的内容填写在这里。总和最多 3000 字。'