fix: ui bug

src/pages/kb/components/DataCard.tsx

@@ -146,7 +146,7 @@ const DataCard = ({ kbId }: { kbId: string }) => {
   });
 
   return (
-    <Box position={'relative'} w={'100%'}>
+    <Box position={'relative'}>
       <Flex>
         <Box fontWeight={'bold'} fontSize={'lg'} flex={1} mr={2}>
           知识库数据: {total}组
@@ -155,7 +155,7 @@ const DataCard = ({ kbId }: { kbId: string }) => {
           icon={<RepeatIcon />}
           aria-label={'refresh'}
           variant={'outline'}
-          mr={4}
+          mr={[2, 4]}
           size={'sm'}
           onClick={() => refetchData(pageNum)}
         />
@@ -218,73 +218,70 @@ const DataCard = ({ kbId }: { kbId: string }) => {
           }}
         />
       </Flex>
-
-      <Box mt={4}>
-        <TableContainer>
-          <Table variant={'simple'} w={'100%'}>
-            <Thead>
-              <Tr>
-                <Th>
-                  匹配的知识点
-                  <Tooltip
-                    label={
-                      '对话时，会将用户的问题和知识库的 "匹配知识点" 进行比较，找到最相似的前 n 条记录，将这些记录的 "匹配知识点"+"补充知识点" 作为 chatgpt 的系统提示词。'
+      <TableContainer mt={4} minH={'200px'}>
+        <Table>
+          <Thead>
+            <Tr>
+              <Th>
+                匹配的知识点
+                <Tooltip
+                  label={
+                    '对话时，会将用户的问题和知识库的 "匹配知识点" 进行比较，找到最相似的前 n 条记录，将这些记录的 "匹配知识点"+"补充知识点" 作为 chatgpt 的系统提示词。'
+                  }
+                >
+                  <QuestionOutlineIcon ml={1} />
+                </Tooltip>
+              </Th>
+              <Th>补充知识</Th>
+              <Th>状态</Th>
+              <Th>操作</Th>
+            </Tr>
+          </Thead>
+          <Tbody>
+            {modelDataList.map((item) => (
+              <Tr key={item.id}>
+                <Td>
+                  <Box {...tdStyles.current}>{item.q}</Box>
+                </Td>
+                <Td>
+                  <Box {...tdStyles.current}>{item.a || '-'}</Box>
+                </Td>
+                <Td>{ModelDataStatusMap[item.status]}</Td>
+                <Td>
+                  <IconButton
+                    mr={5}
+                    icon={<EditIcon />}
+                    variant={'outline'}
+                    aria-label={'delete'}
+                    size={'sm'}
+                    onClick={() =>
+                      setEditInputData({
+                        dataId: item.id,
+                        q: item.q,
+                        a: item.a
+                      })
                     }
-                  >
-                    <QuestionOutlineIcon ml={1} />
-                  </Tooltip>
-                </Th>
-                <Th>补充知识</Th>
-                <Th>状态</Th>
-                <Th>操作</Th>
+                  />
+                  <IconButton
+                    icon={<DeleteIcon />}
+                    variant={'outline'}
+                    colorScheme={'gray'}
+                    aria-label={'delete'}
+                    size={'sm'}
+                    onClick={async () => {
+                      await delOneKbDataByDataId(item.id);
+                      refetchData(pageNum);
+                    }}
+                  />
+                </Td>
               </Tr>
-            </Thead>
-            <Tbody>
-              {modelDataList.map((item) => (
-                <Tr key={item.id}>
-                  <Td>
-                    <Box {...tdStyles.current}>{item.q}</Box>
-                  </Td>
-                  <Td>
-                    <Box {...tdStyles.current}>{item.a || '-'}</Box>
-                  </Td>
-                  <Td>{ModelDataStatusMap[item.status]}</Td>
-                  <Td>
-                    <IconButton
-                      mr={5}
-                      icon={<EditIcon />}
-                      variant={'outline'}
-                      aria-label={'delete'}
-                      size={'sm'}
-                      onClick={() =>
-                        setEditInputData({
-                          dataId: item.id,
-                          q: item.q,
-                          a: item.a
-                        })
-                      }
-                    />
-                    <IconButton
-                      icon={<DeleteIcon />}
-                      variant={'outline'}
-                      colorScheme={'gray'}
-                      aria-label={'delete'}
-                      size={'sm'}
-                      onClick={async () => {
-                        await delOneKbDataByDataId(item.id);
-                        refetchData(pageNum);
-                      }}
-                    />
-                  </Td>
-                </Tr>
-              ))}
-            </Tbody>
-          </Table>
-        </TableContainer>
-        <Flex mt={2} justifyContent={'flex-end'}>
-          <Pagination />
-        </Flex>
-      </Box>
+            ))}
+          </Tbody>
+        </Table>
+      </TableContainer>
+      <Flex mt={2} justifyContent={'flex-end'}>
+        <Pagination />
+      </Flex>
 
       <Loading loading={isLoading} fixed={false} />
       {editInputData !== undefined && (

src/pages/kb/components/KbList.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useState, useMemo } from 'react';
 import { Box, Flex, useTheme, Input, IconButton, Tooltip, Image, Tag } from '@chakra-ui/react';
 import { AddIcon } from '@chakra-ui/icons';
 import { useRouter } from 'next/router';
@@ -17,6 +17,11 @@ const KbList = ({ kbId }: { kbId: string }) => {
   const { myKbList, loadKbList } = useUserStore();
   const [searchText, setSearchText] = useState('');
 
+  const kbs = useMemo(
+    () => myKbList.filter((item) => new RegExp(searchText, 'ig').test(item.name + item.tags)),
+    [myKbList, searchText]
+  );
+
   /* 加载模型 */
   const { isLoading } = useQuery(['loadModels'], () => loadKbList(false));
 
@@ -82,7 +87,7 @@ const KbList = ({ kbId }: { kbId: string }) => {
         </Tooltip>
       </Flex>
       <Box flex={'1 0 0'} h={0} overflow={'overlay'}>
-        {myKbList.map((item) => (
+        {kbs.map((item) => (
           <Flex
             key={item._id}
             position={'relative'}

src/pages/kb/index.tsx

@@ -23,11 +23,11 @@ const Kb = ({ kbId }: { kbId: string }) => {
     <Flex h={'100%'} position={'relative'} overflow={'hidden'}>
       {/* 模型列表 */}
       {(isPc || !kbId) && (
-        <SideBar w={[1, '0 0 250px', '0 0 270px', '0 0 290px']}>
+        <SideBar w={['100%', '0 0 250px', '0 0 270px', '0 0 290px']}>
           <KbList kbId={kbId} />
         </SideBar>
       )}
-      <Box flex={1} h={'100%'} position={'relative'}>
+      <Box flex={'1 0 0'} w={0} h={'100%'} position={'relative'}>
         {kbId && <KbDetail kbId={kbId} />}
       </Box>
     </Flex>

src/pages/model/index.tsx

@@ -29,7 +29,7 @@ const Model = ({ modelId }: { modelId: string }) => {
     <Flex h={'100%'} position={'relative'} overflow={'hidden'}>
       {/* 模型列表 */}
       {(isPc || !modelId) && (
-        <SideBar w={[1, '0 0 250px', '0 0 270px', '0 0 290px']}>
+        <SideBar w={['100%', '0 0 250px', '0 0 270px', '0 0 290px']}>
           <ModelList modelId={modelId} />
         </SideBar>
       )}

src/pages/model/share/components/list.tsx

@@ -18,6 +18,7 @@ const ShareModelList = ({
     <>
       {models.map((model) => (
         <Flex
+          w={'100%'}
           flexDirection={'column'}
           key={model._id}
           p={4}

src/pages/tools/index.tsx

@@ -5,6 +5,11 @@ import MyIcon from '@/components/Icon';
 import { useRouter } from 'next/router';
 
 const list = [
+  {
+    icon: 'kb',
+    label: '我的知识库',
+    link: '/kb'
+  },
   {
     icon: 'shareMarket',
     label: 'AI助手市场',