monorepo packages (#344)

2023-09-24 18:02:09 +08:00
parent a4ff5a3f73
commit 3d7178d06f
535 changed files with 12048 additions and 227 deletions
--- a/projects/app/src/pages/404.tsx
+++ b/projects/app/src/pages/404.tsx
@@ -0,0 +1,13 @@
+import React, { useEffect } from 'react';
+import { useRouter } from 'next/router';
+
+const NonePage = () => {
+  const router = useRouter();
+  useEffect(() => {
+    router.push('/app/list');
+  }, [router]);
+
+  return <div></div>;
+};
+
+export default NonePage;
--- a/projects/app/src/pages/_app.tsx
+++ b/projects/app/src/pages/_app.tsx
@@ -0,0 +1,114 @@
+import { useEffect, useState } from 'react';
+import type { AppProps } from 'next/app';
+import Script from 'next/script';
+import Head from 'next/head';
+import { ChakraProvider, ColorModeScript } from '@chakra-ui/react';
+import Layout from '@/components/Layout';
+import { theme } from '@/constants/theme';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import NProgress from 'nprogress'; //nprogress module
+import Router from 'next/router';
+import { clientInitData, feConfigs } from '@/store/static';
+import { appWithTranslation, useTranslation } from 'next-i18next';
+import { getLangStore, setLangStore } from '@/utils/web/i18n';
+import { useRouter } from 'next/router';
+import { useGlobalStore } from '@/store/global';
+
+import 'nprogress/nprogress.css';
+import '@/styles/reset.scss';
+import { FeConfigsType } from '@/types';
+
+//Binding events.
+Router.events.on('routeChangeStart', () => NProgress.start());
+Router.events.on('routeChangeComplete', () => NProgress.done());
+Router.events.on('routeChangeError', () => NProgress.done());
+
+// Create a client
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      retry: false,
+      cacheTime: 10
+    }
+  }
+});
+
+function App({ Component, pageProps }: AppProps) {
+  const router = useRouter();
+  const { hiId } = router.query as { hiId?: string };
+  const { i18n } = useTranslation();
+  const { setLastRoute } = useGlobalStore();
+  const [scripts, setScripts] = useState<FeConfigsType['scripts']>([]);
+
+  useEffect(() => {
+    // get init data
+    (async () => {
+      const {
+        feConfigs: { scripts }
+      } = await clientInitData();
+      setScripts(scripts || []);
+    })();
+    // add window error track
+    window.onerror = function (msg, url) {
+      window.umami?.track('windowError', {
+        device: {
+          userAgent: navigator.userAgent,
+          platform: navigator.platform,
+          appName: navigator.appName
+        },
+        msg,
+        url
+      });
+    };
+    return () => {
+      window.onerror = null;
+    };
+  }, []);
+
+  useEffect(() => {
+    hiId && localStorage.setItem('inviterId', hiId);
+  }, [hiId]);
+
+  useEffect(() => {
+    const lang = getLangStore() || 'zh';
+    i18n?.changeLanguage?.(lang);
+    setLangStore(lang);
+
+    return () => {
+      setLastRoute(router.asPath);
+    };
+  }, [router.asPath]);
+  ``;
+  return (
+    <>
+      <Head>
+        <title>{feConfigs?.systemTitle || 'AI'}</title>
+        <meta
+          name="description"
+          content="FastGPT is a knowledge-based question answering system built on the LLM. It offers out-of-the-box data processing and model invocation capabilities. Moreover, it allows for workflow orchestration through Flow visualization, thereby enabling complex question and answer scenarios!"
+        />
+        <meta
+          name="viewport"
+          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover"
+        />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      {scripts?.map((item, i) => (
+        <Script key={i} strategy="lazyOnload" {...item}></Script>
+      ))}
+
+      <QueryClientProvider client={queryClient}>
+        <ChakraProvider theme={theme}>
+          <ColorModeScript initialColorMode={theme.config.initialColorMode} />
+          <Layout>
+            <Component {...pageProps} />
+          </Layout>
+        </ChakraProvider>
+      </QueryClientProvider>
+    </>
+  );
+}
+
+// @ts-ignore
+export default appWithTranslation(App);
--- a/projects/app/src/pages/_document.tsx
+++ b/projects/app/src/pages/_document.tsx
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from 'next/document';
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
--- a/projects/app/src/pages/_error.tsx
+++ b/projects/app/src/pages/_error.tsx
@@ -0,0 +1,46 @@
+import { useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { serviceSideProps } from '@/utils/web/i18n';
+import { useGlobalStore } from '@/store/global';
+import { addLog } from '@/service/utils/tools';
+import { getErrText } from '@/utils/tools';
+
+function Error() {
+  const router = useRouter();
+  const { lastRoute } = useGlobalStore();
+
+  useEffect(() => {
+    setTimeout(() => {
+      window.umami?.track('pageError', {
+        userAgent: navigator.userAgent,
+        platform: navigator.platform,
+        appName: navigator.appName,
+        lastRoute,
+        route: router.asPath
+      });
+    }, 1000);
+
+    setTimeout(() => {
+      router.back();
+    }, 2000);
+  }, []);
+
+  return (
+    <p>
+      部分系统不兼容，导致页面崩溃。如果可以，请联系作者，反馈下具体操作和页面。大部分是 苹果 的
+      safari 浏览器导致，可以尝试更换 chrome 浏览器。
+    </p>
+  );
+}
+
+export async function getServerSideProps(context: any) {
+  console.log('[render error]: ', context);
+
+  addLog.error(getErrText(context?.res));
+
+  return {
+    props: { ...(await serviceSideProps(context)) }
+  };
+}
+
+export default Error;
--- a/projects/app/src/pages/account/components/ApiKeyTable.tsx
+++ b/projects/app/src/pages/account/components/ApiKeyTable.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import ApiKeyTable from '@/components/support/apikey/Table';
+
+const ApiKey = () => {
+  const { t } = useTranslation();
+  return <ApiKeyTable tips={t('openapi.key tips')}></ApiKeyTable>;
+};
+
+export default ApiKey;
--- a/projects/app/src/pages/account/components/BillDetail.tsx
+++ b/projects/app/src/pages/account/components/BillDetail.tsx
@@ -0,0 +1,83 @@
+import React, { useMemo } from 'react';
+import {
+  ModalBody,
+  Flex,
+  Box,
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer
+} from '@chakra-ui/react';
+import { UserBillType } from '@/types/user';
+import dayjs from 'dayjs';
+import { BillSourceMap } from '@/constants/user';
+import { formatPrice } from '@fastgpt/common/bill/index';
+import MyModal from '@/components/MyModal';
+import { useTranslation } from 'react-i18next';
+
+const BillDetail = ({ bill, onClose }: { bill: UserBillType; onClose: () => void }) => {
+  const { t } = useTranslation();
+  const filterBillList = useMemo(
+    () => bill.list.filter((item) => item && item.moduleName),
+    [bill.list]
+  );
+
+  return (
+    <MyModal isOpen={true} onClose={onClose} title={t('user.Bill Detail')}>
+      <ModalBody>
+        <Flex alignItems={'center'} pb={4}>
+          <Box flex={'0 0 80px'}>订单号:</Box>
+          <Box>{bill.id}</Box>
+        </Flex>
+        <Flex alignItems={'center'} pb={4}>
+          <Box flex={'0 0 80px'}>生成时间:</Box>
+          <Box>{dayjs(bill.time).format('YYYY/MM/DD HH:mm:ss')}</Box>
+        </Flex>
+        <Flex alignItems={'center'} pb={4}>
+          <Box flex={'0 0 80px'}>应用名:</Box>
+          <Box>{t(bill.appName) || '-'}</Box>
+        </Flex>
+        <Flex alignItems={'center'} pb={4}>
+          <Box flex={'0 0 80px'}>来源:</Box>
+          <Box>{BillSourceMap[bill.source]}</Box>
+        </Flex>
+        <Flex alignItems={'center'} pb={4}>
+          <Box flex={'0 0 80px'}>总金额:</Box>
+          <Box fontWeight={'bold'}>{bill.total}元</Box>
+        </Flex>
+        <Box pb={4}>
+          <Box flex={'0 0 80px'} mb={1}>
+            扣费模块
+          </Box>
+          <TableContainer>
+            <Table>
+              <Thead>
+                <Tr>
+                  <Th>模块名</Th>
+                  <Th>AI模型</Th>
+                  <Th>Token长度</Th>
+                  <Th>费用</Th>
+                </Tr>
+              </Thead>
+              <Tbody>
+                {filterBillList.map((item, i) => (
+                  <Tr key={i}>
+                    <Td>{item.moduleName}</Td>
+                    <Td>{item.model}</Td>
+                    <Td>{item.tokenLen}</Td>
+                    <Td>{formatPrice(item.amount)}</Td>
+                  </Tr>
+                ))}
+              </Tbody>
+            </Table>
+          </TableContainer>
+        </Box>
+      </ModalBody>
+    </MyModal>
+  );
+};
+
+export default BillDetail;
--- a/projects/app/src/pages/account/components/BillTable.tsx
+++ b/projects/app/src/pages/account/components/BillTable.tsx
@@ -0,0 +1,109 @@
+import React, { useState } from 'react';
+import {
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer,
+  Flex,
+  Box,
+  Button
+} from '@chakra-ui/react';
+import { BillSourceMap } from '@/constants/user';
+import { getUserBills } from '@/api/user';
+import type { UserBillType } from '@/types/user';
+import { usePagination } from '@/hooks/usePagination';
+import { useLoading } from '@/hooks/useLoading';
+import dayjs from 'dayjs';
+import MyIcon from '@/components/Icon';
+import DateRangePicker, { type DateRangeType } from '@/components/DateRangePicker';
+import { addDays } from 'date-fns';
+import dynamic from 'next/dynamic';
+import { useGlobalStore } from '@/store/global';
+import { useTranslation } from 'next-i18next';
+const BillDetail = dynamic(() => import('./BillDetail'));
+
+const BillTable = () => {
+  const { t } = useTranslation();
+  const { Loading } = useLoading();
+  const [dateRange, setDateRange] = useState<DateRangeType>({
+    from: addDays(new Date(), -7),
+    to: new Date()
+  });
+  const { isPc } = useGlobalStore();
+
+  const {
+    data: bills,
+    isLoading,
+    Pagination,
+    getData
+  } = usePagination<UserBillType>({
+    api: getUserBills,
+    pageSize: isPc ? 20 : 10,
+    params: {
+      dateStart: dateRange.from || new Date(),
+      dateEnd: addDays(dateRange.to || new Date(), 1)
+    }
+  });
+
+  const [billDetail, setBillDetail] = useState<UserBillType>();
+
+  return (
+    <Flex flexDirection={'column'} py={[0, 5]} h={'100%'} position={'relative'}>
+      <TableContainer px={[3, 8]} position={'relative'} flex={'1 0 0'} h={0} overflowY={'auto'}>
+        <Table>
+          <Thead>
+            <Tr>
+              <Th>{t('user.Time')}</Th>
+              <Th>{t('user.Source')}</Th>
+              <Th>{t('user.Application Name')}</Th>
+              <Th>{t('user.Total Amount')}</Th>
+              <Th></Th>
+            </Tr>
+          </Thead>
+          <Tbody fontSize={'sm'}>
+            {bills.map((item) => (
+              <Tr key={item.id}>
+                <Td>{dayjs(item.time).format('YYYY/MM/DD HH:mm:ss')}</Td>
+                <Td>{BillSourceMap[item.source]}</Td>
+                <Td>{t(item.appName) || '-'}</Td>
+                <Td>{item.total}元</Td>
+                <Td>
+                  <Button size={'sm'} variant={'base'} onClick={() => setBillDetail(item)}>
+                    详情
+                  </Button>
+                </Td>
+              </Tr>
+            ))}
+          </Tbody>
+        </Table>
+      </TableContainer>
+
+      {!isLoading && bills.length === 0 && (
+        <Flex flex={'1 0 0'} flexDirection={'column'} alignItems={'center'}>
+          <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
+          <Box mt={2} color={'myGray.500'}>
+            无使用记录~
+          </Box>
+        </Flex>
+      )}
+      <Flex w={'100%'} mt={4} px={[3, 8]} alignItems={'center'} justifyContent={'flex-end'}>
+        <DateRangePicker
+          defaultDate={dateRange}
+          position="top"
+          onChange={setDateRange}
+          onSuccess={() => getData(1)}
+        />
+        <Box ml={3}>
+          <Pagination />
+        </Box>
+      </Flex>
+      <Loading loading={isLoading} fixed={false} />
+      {!!billDetail && <BillDetail bill={billDetail} onClose={() => setBillDetail(undefined)} />}
+    </Flex>
+  );
+};
+
+export default BillTable;
--- a/projects/app/src/pages/account/components/Info.tsx
+++ b/projects/app/src/pages/account/components/Info.tsx
@@ -0,0 +1,307 @@
+import React, { useCallback, useRef, useState } from 'react';
+import {
+  Box,
+  Flex,
+  Button,
+  useDisclosure,
+  useTheme,
+  Divider,
+  Select,
+  Menu,
+  MenuButton,
+  MenuList,
+  MenuItem
+} from '@chakra-ui/react';
+import { useForm } from 'react-hook-form';
+import { UserUpdateParams } from '@/types/user';
+import { useToast } from '@/hooks/useToast';
+import { useUserStore } from '@/store/user';
+import { UserType } from '@/types/user';
+import { useQuery } from '@tanstack/react-query';
+import dynamic from 'next/dynamic';
+import { useSelectFile } from '@/hooks/useSelectFile';
+import { compressImg } from '@/utils/web/file';
+import { feConfigs, systemVersion } from '@/store/static';
+import { useTranslation } from 'next-i18next';
+import { timezoneList } from '@/utils/user';
+import Loading from '@/components/Loading';
+import Avatar from '@/components/Avatar';
+import MyIcon from '@/components/Icon';
+import MyTooltip from '@/components/MyTooltip';
+import { getLangStore, LangEnum, langMap, setLangStore } from '@/utils/web/i18n';
+import { useRouter } from 'next/router';
+import MyMenu from '@/components/MyMenu';
+import MySelect from '@/components/Select';
+
+const PayModal = dynamic(() => import('./PayModal'), {
+  loading: () => <Loading fixed={false} />,
+  ssr: false
+});
+const UpdatePswModal = dynamic(() => import('./UpdatePswModal'), {
+  loading: () => <Loading fixed={false} />,
+  ssr: false
+});
+const OpenAIAccountModal = dynamic(() => import('./OpenAIAccountModal'), {
+  loading: () => <Loading fixed={false} />,
+  ssr: false
+});
+
+const UserInfo = () => {
+  const theme = useTheme();
+  const router = useRouter();
+  const { t, i18n } = useTranslation();
+  const { userInfo, updateUserInfo, initUserInfo } = useUserStore();
+  const timezones = useRef(timezoneList());
+  const { reset } = useForm<UserUpdateParams>({
+    defaultValues: userInfo as UserType
+  });
+
+  const { toast } = useToast();
+  const {
+    isOpen: isOpenPayModal,
+    onClose: onClosePayModal,
+    onOpen: onOpenPayModal
+  } = useDisclosure();
+  const {
+    isOpen: isOpenUpdatePsw,
+    onClose: onCloseUpdatePsw,
+    onOpen: onOpenUpdatePsw
+  } = useDisclosure();
+  const { isOpen: isOpenOpenai, onClose: onCloseOpenai, onOpen: onOpenOpenai } = useDisclosure();
+
+  const { File, onOpen: onOpenSelectFile } = useSelectFile({
+    fileType: '.jpg,.png',
+    multiple: false
+  });
+
+  const [language, setLanguage] = useState<`${LangEnum}`>(getLangStore());
+
+  const onclickSave = useCallback(
+    async (data: UserType) => {
+      await updateUserInfo({
+        avatar: data.avatar,
+        timezone: data.timezone,
+        openaiAccount: data.openaiAccount
+      });
+      reset(data);
+      toast({
+        title: '更新数据成功',
+        status: 'success'
+      });
+    },
+    [reset, toast, updateUserInfo]
+  );
+
+  const onSelectFile = useCallback(
+    async (e: File[]) => {
+      const file = e[0];
+      if (!file || !userInfo) return;
+      try {
+        const src = await compressImg({
+          file,
+          maxW: 100,
+          maxH: 100
+        });
+
+        onclickSave({
+          ...userInfo,
+          avatar: src
+        });
+      } catch (err: any) {
+        toast({
+          title: typeof err === 'string' ? err : '头像选择异常',
+          status: 'warning'
+        });
+      }
+    },
+    [onclickSave, toast, userInfo]
+  );
+
+  useQuery(['init'], initUserInfo, {
+    onSuccess(res) {
+      reset(res);
+    }
+  });
+
+  return (
+    <Box
+      display={['block', 'flex']}
+      py={[2, 10]}
+      justifyContent={'center'}
+      alignItems={'flex-start'}
+      fontSize={['lg', 'xl']}
+    >
+      <Flex
+        flexDirection={'column'}
+        alignItems={'center'}
+        cursor={'pointer'}
+        onClick={onOpenSelectFile}
+      >
+        <MyTooltip label={'更换头像'}>
+          <Box
+            w={['44px', '54px']}
+            h={['44px', '54px']}
+            borderRadius={'50%'}
+            border={theme.borders.base}
+            overflow={'hidden'}
+            p={'2px'}
+            boxShadow={'0 0 5px rgba(0,0,0,0.1)'}
+            mb={2}
+          >
+            <Avatar src={userInfo?.avatar} borderRadius={'50%'} w={'100%'} h={'100%'} />
+          </Box>
+        </MyTooltip>
+
+        <Flex alignItems={'center'} fontSize={'sm'} color={'myGray.600'}>
+          <MyIcon mr={1} name={'edit'} w={'14px'} />
+          {t('user.Replace')}
+        </Flex>
+      </Flex>
+      <Box
+        display={['flex', 'block']}
+        flexDirection={'column'}
+        alignItems={'center'}
+        ml={[0, 10]}
+        mt={[6, 0]}
+      >
+        <Flex alignItems={'center'} w={['85%', '300px']}>
+          <Box flex={'0 0 80px'}>{t('user.Account')}:&nbsp;</Box>
+          <Box flex={1}>{userInfo?.username}</Box>
+        </Flex>
+        <Flex mt={6} alignItems={'center'} w={['85%', '300px']}>
+          <Box flex={'0 0 80px'}>{t('user.Language')}:&nbsp;</Box>
+          <Box flex={'1 0 0'}>
+            <MySelect
+              value={language}
+              list={Object.entries(langMap).map(([key, lang]) => ({
+                label: lang.label,
+                value: key
+              }))}
+              onchange={(val: any) => {
+                const lang = val;
+                setLangStore(lang);
+                setLanguage(lang);
+                i18n?.changeLanguage?.(lang);
+                router.reload();
+              }}
+            />
+          </Box>
+        </Flex>
+        <Flex mt={6} alignItems={'center'} w={['85%', '300px']}>
+          <Box flex={'0 0 80px'}>{t('user.Timezone')}:&nbsp;</Box>
+          <Select
+            value={userInfo?.timezone}
+            onChange={(e) => {
+              if (!userInfo) return;
+              onclickSave({ ...userInfo, timezone: e.target.value });
+            }}
+          >
+            {timezones.current.map((item) => (
+              <option key={item.value} value={item.value}>
+                {item.name}
+              </option>
+            ))}
+          </Select>
+        </Flex>
+        <Flex mt={6} alignItems={'center'} w={['85%', '300px']}>
+          <Box flex={'0 0 80px'}>{t('user.Password')}:&nbsp;</Box>
+          <Box flex={1}>*****</Box>
+          <Button size={['sm', 'md']} variant={'base'} ml={5} onClick={onOpenUpdatePsw}>
+            {t('user.Change')}
+          </Button>
+        </Flex>
+        <Box mt={6} whiteSpace={'nowrap'} w={['85%', '300px']}>
+          <Flex alignItems={'center'}>
+            <Box flex={'0 0 80px'}>{t('user.Balance')}:&nbsp;</Box>
+            <Box flex={1}>
+              <strong>{userInfo?.balance.toFixed(3)}</strong> 元
+            </Box>
+            {feConfigs?.show_pay && (
+              <Button size={['sm', 'md']} ml={5} onClick={onOpenPayModal}>
+                {t('user.Pay')}
+              </Button>
+            )}
+          </Flex>
+        </Box>
+        {feConfigs?.show_doc && (
+          <>
+            <Flex
+              mt={4}
+              w={['85%', '300px']}
+              py={3}
+              px={6}
+              border={theme.borders.sm}
+              borderWidth={'1.5px'}
+              borderRadius={'md'}
+              alignItems={'center'}
+              cursor={'pointer'}
+              userSelect={'none'}
+              onClick={() => {
+                window.open(`https://doc.fastgpt.run/docs/intro`);
+              }}
+            >
+              <MyIcon name={'courseLight'} w={'18px'} />
+              <Box ml={2} flex={1}>
+                {t('system.Help Document')}
+              </Box>
+              <Box w={'8px'} h={'8px'} borderRadius={'50%'} bg={'#67c13b'} />
+              <Box fontSize={'md'} ml={2}>
+                V{systemVersion}
+              </Box>
+            </Flex>
+          </>
+        )}
+        {feConfigs?.show_openai_account && (
+          <>
+            <Divider my={3} />
+
+            <MyTooltip label={'点击配置账号'}>
+              <Flex
+                w={['85%', '300px']}
+                py={3}
+                px={6}
+                border={theme.borders.sm}
+                borderWidth={'1.5px'}
+                borderRadius={'md'}
+                bg={'myWhite.300'}
+                alignItems={'center'}
+                cursor={'pointer'}
+                userSelect={'none'}
+                onClick={onOpenOpenai}
+              >
+                <Avatar src={'/imgs/openai.png'} w={'18px'} />
+                <Box ml={2} flex={1}>
+                  OpenAI 账号
+                </Box>
+                <Box
+                  w={'9px'}
+                  h={'9px'}
+                  borderRadius={'50%'}
+                  bg={userInfo?.openaiAccount?.key ? '#67c13b' : 'myGray.500'}
+                />
+              </Flex>
+            </MyTooltip>
+          </>
+        )}
+      </Box>
+
+      {isOpenPayModal && <PayModal onClose={onClosePayModal} />}
+      {isOpenUpdatePsw && <UpdatePswModal onClose={onCloseUpdatePsw} />}
+      {isOpenOpenai && userInfo && (
+        <OpenAIAccountModal
+          defaultData={userInfo?.openaiAccount}
+          onSuccess={(data) =>
+            onclickSave({
+              ...userInfo,
+              openaiAccount: data
+            })
+          }
+          onClose={onCloseOpenai}
+        />
+      )}
+      <File onSelect={onSelectFile} />
+    </Box>
+  );
+};
+
+export default UserInfo;
--- a/projects/app/src/pages/account/components/InformTable.tsx
+++ b/projects/app/src/pages/account/components/InformTable.tsx
@@ -0,0 +1,89 @@
+import React from 'react';
+import { Box, Flex, useTheme } from '@chakra-ui/react';
+import { getInforms, readInform } from '@/api/user';
+import { usePagination } from '@/hooks/usePagination';
+import { useLoading } from '@/hooks/useLoading';
+import type { informSchema } from '@/types/mongoSchema';
+import { formatTimeToChatTime } from '@/utils/tools';
+import { useGlobalStore } from '@/store/global';
+import MyIcon from '@/components/Icon';
+
+const BillTable = () => {
+  const theme = useTheme();
+  const { Loading } = useLoading();
+  const { isPc } = useGlobalStore();
+  const {
+    data: informs,
+    isLoading,
+    total,
+    pageSize,
+    Pagination,
+    getData,
+    pageNum
+  } = usePagination<informSchema>({
+    api: getInforms,
+    pageSize: isPc ? 20 : 10
+  });
+
+  return (
+    <Flex flexDirection={'column'} py={[0, 5]} h={'100%'} position={'relative'}>
+      <Box px={[3, 8]} position={'relative'} flex={'1 0 0'} h={0} overflowY={'auto'}>
+        {informs.map((item) => (
+          <Box
+            key={item._id}
+            border={theme.borders.md}
+            py={2}
+            px={4}
+            borderRadius={'md'}
+            cursor={item.read ? 'default' : 'pointer'}
+            position={'relative'}
+            _notLast={{ mb: 3 }}
+            onClick={async () => {
+              if (!item.read) {
+                await readInform(item._id);
+                getData(pageNum);
+              }
+            }}
+          >
+            <Flex alignItems={'center'} justifyContent={'space-between'}>
+              <Box>{item.title}</Box>
+              <Box ml={2} color={'myGray.500'}>
+                {formatTimeToChatTime(item.time)}
+              </Box>
+            </Flex>
+            <Box fontSize={'sm'} color={'myGray.600'}>
+              {item.content}
+            </Box>
+            {!item.read && (
+              <Box
+                w={'5px'}
+                h={'5px'}
+                borderRadius={'10px'}
+                bg={'myRead.600'}
+                position={'absolute'}
+                bottom={'8px'}
+                right={'8px'}
+              ></Box>
+            )}
+          </Box>
+        ))}
+      </Box>
+      {!isLoading && informs.length === 0 && (
+        <Flex flex={'1 0 0'} flexDirection={'column'} alignItems={'center'} pt={'-48px'}>
+          <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
+          <Box mt={2} color={'myGray.500'}>
+            暂无通知~
+          </Box>
+        </Flex>
+      )}
+      {total > pageSize && (
+        <Flex w={'100%'} mt={4} px={[3, 8]} justifyContent={'flex-end'}>
+          <Pagination />
+        </Flex>
+      )}
+      <Loading loading={isLoading && informs.length === 0} fixed={false} />
+    </Flex>
+  );
+};
+
+export default BillTable;
--- a/projects/app/src/pages/account/components/OpenAIAccountModal.tsx
+++ b/projects/app/src/pages/account/components/OpenAIAccountModal.tsx
@@ -0,0 +1,62 @@
+import React from 'react';
+import { ModalBody, Box, Flex, Input, ModalFooter, Button } from '@chakra-ui/react';
+import MyModal from '@/components/MyModal';
+import { useTranslation } from 'react-i18next';
+import { useForm } from 'react-hook-form';
+import { useRequest } from '@/hooks/useRequest';
+import { UserType } from '@/types/user';
+
+const OpenAIAccountModal = ({
+  defaultData,
+  onSuccess,
+  onClose
+}: {
+  defaultData: UserType['openaiAccount'];
+  onSuccess: (e: UserType['openaiAccount']) => Promise<any>;
+  onClose: () => void;
+}) => {
+  const { t } = useTranslation();
+  const { register, handleSubmit } = useForm({
+    defaultValues: defaultData
+  });
+
+  const { mutate: onSubmit, isLoading } = useRequest({
+    mutationFn: async (data: UserType['openaiAccount']) => onSuccess(data),
+    onSuccess(res) {
+      onClose();
+    },
+    errorToast: t('user.Set OpenAI Account Failed')
+  });
+
+  return (
+    <MyModal isOpen onClose={onClose} title={t('user.OpenAI Account Setting')}>
+      <ModalBody>
+        <Box fontSize={'sm'} color={'myGray.500'}>
+          如果你填写了该内容，在线上平台使用 OpenAI Chat 模型不会计费（不包含知识库训练、索引生成）
+        </Box>
+        <Flex alignItems={'center'} mt={5}>
+          <Box flex={'0 0 65px'}>API Key:</Box>
+          <Input flex={1} {...register('key')}></Input>
+        </Flex>
+        <Flex alignItems={'center'} mt={5}>
+          <Box flex={'0 0 65px'}>BaseUrl:</Box>
+          <Input
+            flex={1}
+            {...register('baseUrl')}
+            placeholder={'请求地址，默认为 openai 官方。可填中转地址，未自动补全 "v1"'}
+          ></Input>
+        </Flex>
+      </ModalBody>
+      <ModalFooter>
+        <Button mr={3} variant={'base'} onClick={onClose}>
+          取消
+        </Button>
+        <Button isLoading={isLoading} onClick={handleSubmit((data) => onSubmit(data))}>
+          确认
+        </Button>
+      </ModalFooter>
+    </MyModal>
+  );
+};
+
+export default OpenAIAccountModal;
--- a/projects/app/src/pages/account/components/PayModal.tsx
+++ b/projects/app/src/pages/account/components/PayModal.tsx
@@ -0,0 +1,140 @@
+import React, { useState, useCallback } from 'react';
+import { ModalFooter, ModalBody, Button, Input, Box, Grid } from '@chakra-ui/react';
+import { getPayCode, checkPayResult } from '@/api/user';
+import { useToast } from '@/hooks/useToast';
+import { useQuery } from '@tanstack/react-query';
+import { useRouter } from 'next/router';
+import { getErrText } from '@/utils/tools';
+import { useTranslation } from 'react-i18next';
+import { formatPrice } from '@fastgpt/common/bill/index';
+import Markdown from '@/components/Markdown';
+import MyModal from '@/components/MyModal';
+import { vectorModelList, chatModelList, qaModel } from '@/store/static';
+
+const PayModal = ({ onClose }: { onClose: () => void }) => {
+  const router = useRouter();
+  const { t } = useTranslation();
+  const { toast } = useToast();
+  const [inputVal, setInputVal] = useState<number | ''>('');
+  const [loading, setLoading] = useState(false);
+  const [payId, setPayId] = useState('');
+
+  const handleClickPay = useCallback(async () => {
+    if (!inputVal || inputVal <= 0 || isNaN(+inputVal)) return;
+    setLoading(true);
+    try {
+      // 获取支付二维码
+      const res = await getPayCode(inputVal);
+      new window.QRCode(document.getElementById('payQRCode'), {
+        text: res.codeUrl,
+        width: 128,
+        height: 128,
+        colorDark: '#000000',
+        colorLight: '#ffffff',
+        correctLevel: window.QRCode.CorrectLevel.H
+      });
+      setPayId(res.payId);
+    } catch (err) {
+      toast({
+        title: getErrText(err),
+        status: 'error'
+      });
+    }
+    setLoading(false);
+  }, [inputVal, toast]);
+
+  useQuery(
+    [payId],
+    () => {
+      if (!payId) return null;
+      return checkPayResult(payId);
+    },
+    {
+      enabled: !!payId,
+      refetchInterval: 3000,
+      onSuccess(res) {
+        if (!res) return;
+        toast({
+          title: '充值成功',
+          status: 'success'
+        });
+        router.reload();
+      }
+    }
+  );
+
+  return (
+    <MyModal
+      isOpen={true}
+      onClose={payId ? undefined : onClose}
+      title={t('user.Pay')}
+      isCentered={!payId}
+    >
+      <ModalBody py={0}>
+        {!payId && (
+          <>
+            <Grid gridTemplateColumns={'repeat(4,1fr)'} gridGap={5} mb={4}>
+              {[10, 20, 50, 100].map((item) => (
+                <Button
+                  key={item}
+                  variant={item === inputVal ? 'solid' : 'outline'}
+                  onClick={() => setInputVal(item)}
+                >
+                  {item}元
+                </Button>
+              ))}
+            </Grid>
+            <Box mb={4}>
+              <Input
+                value={inputVal}
+                type={'number'}
+                step={1}
+                placeholder={'其他金额，请取整数'}
+                onChange={(e) => {
+                  setInputVal(Math.floor(+e.target.value));
+                }}
+              ></Input>
+            </Box>
+            <Markdown
+              source={`
+| 计费项 | 价格: 元/ 1K tokens(包含上下文)|
+| --- | --- |
+${vectorModelList
+  .map((item) => `| 索引-${item.name} | ${formatPrice(item.price, 1000)} |`)
+  .join('\n')}
+${chatModelList
+  .map((item) => `| 对话-${item.name} | ${formatPrice(item.price, 1000)} |`)
+  .join('\n')}
+| 文件QA拆分 | ${formatPrice(qaModel.price, 1000)} |`}
+            />
+          </>
+        )}
+        {/* 付费二维码 */}
+        <Box textAlign={'center'}>
+          {payId && <Box mb={3}>请微信扫码支付: {inputVal}元，请勿关闭页面</Box>}
+          <Box id={'payQRCode'} display={'inline-block'}></Box>
+        </Box>
+      </ModalBody>
+
+      <ModalFooter>
+        {!payId && (
+          <>
+            <Button variant={'base'} onClick={onClose}>
+              取消
+            </Button>
+            <Button
+              ml={3}
+              isLoading={loading}
+              isDisabled={!inputVal || inputVal === 0}
+              onClick={handleClickPay}
+            >
+              获取充值二维码
+            </Button>
+          </>
+        )}
+      </ModalFooter>
+    </MyModal>
+  );
+};
+
+export default PayModal;
--- a/projects/app/src/pages/account/components/PayRecordTable.tsx
+++ b/projects/app/src/pages/account/components/PayRecordTable.tsx
@@ -0,0 +1,108 @@
+import React, { useState, useCallback } from 'react';
+import {
+  Button,
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer,
+  Flex,
+  Box
+} from '@chakra-ui/react';
+import { getPayOrders, checkPayResult } from '@/api/user';
+import { PaySchema } from '@/types/mongoSchema';
+import dayjs from 'dayjs';
+import { useQuery } from '@tanstack/react-query';
+import { formatPrice } from '@fastgpt/common/bill/index';
+import { useToast } from '@/hooks/useToast';
+import { useLoading } from '@/hooks/useLoading';
+import MyIcon from '@/components/Icon';
+
+const PayRecordTable = () => {
+  const { Loading, setIsLoading } = useLoading();
+  const [payOrders, setPayOrders] = useState<PaySchema[]>([]);
+  const { toast } = useToast();
+
+  const { isInitialLoading, refetch } = useQuery(['initPayOrder'], getPayOrders, {
+    onSuccess(res) {
+      setPayOrders(res);
+    }
+  });
+
+  const handleRefreshPayOrder = useCallback(
+    async (payId: string) => {
+      setIsLoading(true);
+
+      try {
+        const data = await checkPayResult(payId);
+        toast({
+          title: data,
+          status: 'success'
+        });
+      } catch (error: any) {
+        toast({
+          title: error?.message,
+          status: 'warning'
+        });
+        console.log(error);
+      }
+      try {
+        refetch();
+      } catch (error) {}
+
+      setIsLoading(false);
+    },
+    [refetch, setIsLoading, toast]
+  );
+
+  return (
+    <Box position={'relative'} h={'100%'}>
+      {!isInitialLoading && payOrders.length === 0 ? (
+        <Flex h={'100%'} flexDirection={'column'} alignItems={'center'} justifyContent={'center'}>
+          <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
+          <Box mt={2} color={'myGray.500'}>
+            无支付记录~
+          </Box>
+        </Flex>
+      ) : (
+        <TableContainer py={[0, 5]} px={[3, 8]} h={'100%'} overflow={'overlay'}>
+          <Table>
+            <Thead>
+              <Tr>
+                <Th>订单号</Th>
+                <Th>时间</Th>
+                <Th>金额</Th>
+                <Th>状态</Th>
+                <Th></Th>
+              </Tr>
+            </Thead>
+            <Tbody fontSize={'sm'}>
+              {payOrders.map((item) => (
+                <Tr key={item._id}>
+                  <Td>{item.orderId}</Td>
+                  <Td>
+                    {item.createTime ? dayjs(item.createTime).format('YYYY/MM/DD HH:mm:ss') : '-'}
+                  </Td>
+                  <Td>{formatPrice(item.price)}元</Td>
+                  <Td>{item.status}</Td>
+                  <Td>
+                    {item.status === 'NOTPAY' && (
+                      <Button onClick={() => handleRefreshPayOrder(item._id)} size={'sm'}>
+                        更新
+                      </Button>
+                    )}
+                  </Td>
+                </Tr>
+              ))}
+            </Tbody>
+          </Table>
+        </TableContainer>
+      )}
+      <Loading loading={isInitialLoading} fixed={false} />
+    </Box>
+  );
+};
+
+export default PayRecordTable;
--- a/projects/app/src/pages/account/components/Promotion.tsx
+++ b/projects/app/src/pages/account/components/Promotion.tsx
@@ -0,0 +1,148 @@
+import React from 'react';
+import {
+  Grid,
+  Box,
+  Flex,
+  BoxProps,
+  useTheme,
+  Button,
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer
+} from '@chakra-ui/react';
+import { useTranslation } from 'next-i18next';
+import { useQuery } from '@tanstack/react-query';
+import { getPromotionInitData, getPromotionRecords } from '@/api/user';
+import { useUserStore } from '@/store/user';
+import { useLoading } from '@/hooks/useLoading';
+
+import MyTooltip from '@/components/MyTooltip';
+import { QuestionOutlineIcon } from '@chakra-ui/icons';
+import { useCopyData } from '@/hooks/useCopyData';
+import { usePagination } from '@/hooks/usePagination';
+import { PromotionRecordType } from '@/api/response/user';
+import MyIcon from '@/components/Icon';
+import dayjs from 'dayjs';
+
+const Promotion = () => {
+  const { t } = useTranslation();
+  const theme = useTheme();
+  const { copyData } = useCopyData();
+  const { userInfo } = useUserStore();
+  const { Loading } = useLoading();
+
+  const {
+    data: promotionRecords,
+    isLoading,
+    total,
+    pageSize,
+    Pagination
+  } = usePagination<PromotionRecordType>({
+    api: getPromotionRecords
+  });
+
+  const { data: { invitedAmount = 0, earningsAmount = 0 } = {} } = useQuery(
+    ['getPromotionInitData'],
+    getPromotionInitData
+  );
+
+  const statisticsStyles: BoxProps = {
+    p: [4, 5],
+    border: theme.borders.base,
+    textAlign: 'center',
+    fontSize: ['md', 'xl'],
+    borderRadius: 'md'
+  };
+  const titleStyles: BoxProps = {
+    mt: 2,
+    fontSize: ['lg', '28px'],
+    fontWeight: 'bold'
+  };
+
+  return (
+    <Flex flexDirection={'column'} py={[0, 5]} px={5} h={'100%'} position={'relative'}>
+      <Grid gridTemplateColumns={['1fr 1fr', 'repeat(2,1fr)', 'repeat(4,1fr)']} gridGap={5}>
+        <Box {...statisticsStyles}>
+          <Box>{t('user.Amount of inviter')}</Box>
+          <Box {...titleStyles}>{invitedAmount}</Box>
+        </Box>
+        <Box {...statisticsStyles}>
+          <Box>{t('user.Amount of earnings')}</Box>
+          <Box {...titleStyles}>{earningsAmount}</Box>
+        </Box>
+        <Box {...statisticsStyles}>
+          <Flex alignItems={'center'} justifyContent={'center'}>
+            <Box>{t('user.Promotion Rate')}</Box>
+            <MyTooltip label={t('user.Promotion rate tip')}>
+              <QuestionOutlineIcon ml={1} />
+            </MyTooltip>
+          </Flex>
+          <Box {...titleStyles}>{userInfo?.promotionRate || 15}%</Box>
+        </Box>
+        <Box {...statisticsStyles}>
+          <Flex alignItems={'center'} justifyContent={'center'}>
+            <Box>{t('user.Invite Url')}</Box>
+            <MyTooltip label={t('user.Invite url tip')}>
+              <QuestionOutlineIcon ml={1} />
+            </MyTooltip>
+          </Flex>
+          <Button
+            mt={4}
+            variant={'base'}
+            fontSize={'sm'}
+            onClick={() => {
+              copyData(`${location.origin}/?hiId=${userInfo?._id}`);
+            }}
+          >
+            {t('user.Copy invite url')}
+          </Button>
+        </Box>
+      </Grid>
+      <Box mt={5}>
+        <TableContainer position={'relative'} overflow={'hidden'} minH={'100px'}>
+          <Table>
+            <Thead>
+              <Tr>
+                <Th>时间</Th>
+                <Th>类型</Th>
+                <Th>金额(￥)</Th>
+              </Tr>
+            </Thead>
+            <Tbody fontSize={'sm'}>
+              {promotionRecords.map((item) => (
+                <Tr key={item._id}>
+                  <Td>
+                    {item.createTime ? dayjs(item.createTime).format('YYYY/MM/DD HH:mm:ss') : '-'}
+                  </Td>
+                  <Td>{t(`user.promotion.${item.type}`)}</Td>
+                  <Td>{item.amount}</Td>
+                </Tr>
+              ))}
+            </Tbody>
+          </Table>
+        </TableContainer>
+
+        {!isLoading && promotionRecords.length === 0 && (
+          <Flex mt={'10vh'} flexDirection={'column'} alignItems={'center'}>
+            <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
+            <Box mt={2} color={'myGray.500'}>
+              无邀请记录~
+            </Box>
+          </Flex>
+        )}
+        {total > pageSize && (
+          <Flex mt={4} justifyContent={'flex-end'}>
+            <Pagination />
+          </Flex>
+        )}
+        <Loading loading={isLoading} fixed={false} />
+      </Box>
+    </Flex>
+  );
+};
+
+export default Promotion;
--- a/projects/app/src/pages/account/components/UpdatePswModal.tsx
+++ b/projects/app/src/pages/account/components/UpdatePswModal.tsx
@@ -0,0 +1,87 @@
+import React from 'react';
+import { ModalBody, Box, Flex, Input, ModalFooter, Button } from '@chakra-ui/react';
+import MyModal from '@/components/MyModal';
+import { useTranslation } from 'react-i18next';
+import { useForm } from 'react-hook-form';
+import { useRequest } from '@/hooks/useRequest';
+import { updatePasswordByOld } from '@/api/user';
+
+type FormType = {
+  oldPsw: string;
+  newPsw: string;
+  confirmPsw: string;
+};
+
+const UpdatePswModal = ({ onClose }: { onClose: () => void }) => {
+  const { t } = useTranslation();
+  const { register, handleSubmit } = useForm<FormType>({
+    defaultValues: {
+      oldPsw: '',
+      newPsw: '',
+      confirmPsw: ''
+    }
+  });
+
+  const { mutate: onSubmit, isLoading } = useRequest({
+    mutationFn: (data: FormType) => {
+      if (data.newPsw !== data.confirmPsw) {
+        return Promise.reject(t('common.Password inconsistency'));
+      }
+      return updatePasswordByOld(data);
+    },
+    onSuccess() {
+      onClose();
+    },
+    successToast: t('user.Update password succseful'),
+    errorToast: t('user.Update password failed')
+  });
+
+  return (
+    <MyModal isOpen onClose={onClose} title={t('user.Update Password')}>
+      <ModalBody>
+        <Flex alignItems={'center'}>
+          <Box flex={'0 0 70px'}>旧密码:</Box>
+          <Input flex={1} type={'password'} {...register('oldPsw', { required: true })}></Input>
+        </Flex>
+        <Flex alignItems={'center'} mt={5}>
+          <Box flex={'0 0 70px'}>新密码:</Box>
+          <Input
+            flex={1}
+            type={'password'}
+            {...register('newPsw', {
+              required: true,
+              maxLength: {
+                value: 20,
+                message: '密码最少 4 位最多 20 位'
+              }
+            })}
+          ></Input>
+        </Flex>
+        <Flex alignItems={'center'} mt={5}>
+          <Box flex={'0 0 70px'}>确认密码:</Box>
+          <Input
+            flex={1}
+            type={'password'}
+            {...register('confirmPsw', {
+              required: true,
+              maxLength: {
+                value: 20,
+                message: '密码最少 4 位最多 20 位'
+              }
+            })}
+          ></Input>
+        </Flex>
+      </ModalBody>
+      <ModalFooter>
+        <Button mr={3} variant={'base'} onClick={onClose}>
+          取消
+        </Button>
+        <Button isLoading={isLoading} onClick={handleSubmit((data) => onSubmit(data))}>
+          确认
+        </Button>
+      </ModalFooter>
+    </MyModal>
+  );
+};
+
+export default UpdatePswModal;
--- a/projects/app/src/pages/account/index.tsx
+++ b/projects/app/src/pages/account/index.tsx
@@ -0,0 +1,173 @@
+import React, { useCallback, useRef } from 'react';
+import { Box, Flex, useTheme } from '@chakra-ui/react';
+import { useGlobalStore } from '@/store/global';
+import { useRouter } from 'next/router';
+import dynamic from 'next/dynamic';
+import { clearToken } from '@/utils/user';
+import { useUserStore } from '@/store/user';
+import { useConfirm } from '@/hooks/useConfirm';
+import PageContainer from '@/components/PageContainer';
+import SideTabs from '@/components/SideTabs';
+import Tabs from '@/components/Tabs';
+import UserInfo from './components/Info';
+import { serviceSideProps } from '@/utils/web/i18n';
+import { feConfigs } from '@/store/static';
+import { useTranslation } from 'react-i18next';
+import Script from 'next/script';
+
+const Promotion = dynamic(() => import('./components/Promotion'));
+const BillTable = dynamic(() => import('./components/BillTable'));
+const PayRecordTable = dynamic(() => import('./components/PayRecordTable'));
+const InformTable = dynamic(() => import('./components/InformTable'));
+const ApiKeyTable = dynamic(() => import('./components/ApiKeyTable'));
+
+enum TabEnum {
+  'info' = 'info',
+  'promotion' = 'promotion',
+  'bill' = 'bill',
+  'pay' = 'pay',
+  'inform' = 'inform',
+  'apikey' = 'apikey',
+  'loginout' = 'loginout'
+}
+
+const Account = ({ currentTab }: { currentTab: `${TabEnum}` }) => {
+  const { t } = useTranslation();
+  const tabList = [
+    {
+      icon: 'meLight',
+      label: t('user.Personal Information'),
+      id: TabEnum.info
+    },
+
+    {
+      icon: 'billRecordLight',
+      label: t('user.Usage Record'),
+      id: TabEnum.bill
+    },
+    ...(feConfigs?.show_promotion
+      ? [
+          {
+            icon: 'promotionLight',
+            label: t('user.Promotion Record'),
+            id: TabEnum.promotion
+          }
+        ]
+      : []),
+    ...(feConfigs?.show_pay
+      ? [
+          {
+            icon: 'payRecordLight',
+            label: t('user.Recharge Record'),
+            id: TabEnum.pay
+          }
+        ]
+      : []),
+    {
+      icon: 'apikey',
+      label: t('user.apikey.key'),
+      id: TabEnum.apikey
+    },
+    {
+      icon: 'informLight',
+      label: t('user.Notice'),
+      id: TabEnum.inform
+    },
+    {
+      icon: 'loginoutLight',
+      label: t('user.Sign Out'),
+      id: TabEnum.loginout
+    }
+  ];
+
+  const { openConfirm, ConfirmModal } = useConfirm({
+    content: '确认退出登录？'
+  });
+
+  const router = useRouter();
+  const theme = useTheme();
+  const { isPc } = useGlobalStore();
+  const { setUserInfo } = useUserStore();
+
+  const setCurrentTab = useCallback(
+    (tab: string) => {
+      if (tab === TabEnum.loginout) {
+        openConfirm(() => {
+          clearToken();
+          setUserInfo(null);
+          router.replace('/login');
+        })();
+      } else {
+        router.replace({
+          query: {
+            currentTab: tab
+          }
+        });
+      }
+    },
+    [openConfirm, router, setUserInfo]
+  );
+
+  return (
+    <>
+      <Script src="/js/qrcode.min.js" strategy="lazyOnload"></Script>
+      <PageContainer>
+        <Flex flexDirection={['column', 'row']} h={'100%'} pt={[4, 0]}>
+          {isPc ? (
+            <Flex
+              flexDirection={'column'}
+              p={4}
+              h={'100%'}
+              flex={'0 0 200px'}
+              borderRight={theme.borders.base}
+            >
+              <SideTabs
+                flex={1}
+                mx={'auto'}
+                mt={2}
+                w={'100%'}
+                list={tabList}
+                activeId={currentTab}
+                onChange={setCurrentTab}
+              />
+            </Flex>
+          ) : (
+            <Box mb={3}>
+              <Tabs
+                m={'auto'}
+                size={isPc ? 'md' : 'sm'}
+                list={tabList.map((item) => ({
+                  id: item.id,
+                  label: item.label
+                }))}
+                activeId={currentTab}
+                onChange={setCurrentTab}
+              />
+            </Box>
+          )}
+
+          <Box flex={'1 0 0'} h={'100%'} pb={[4, 0]}>
+            {currentTab === TabEnum.info && <UserInfo />}
+            {currentTab === TabEnum.promotion && <Promotion />}
+            {currentTab === TabEnum.bill && <BillTable />}
+            {currentTab === TabEnum.pay && <PayRecordTable />}
+            {currentTab === TabEnum.inform && <InformTable />}
+            {currentTab === TabEnum.apikey && <ApiKeyTable />}
+          </Box>
+        </Flex>
+        <ConfirmModal />
+      </PageContainer>
+    </>
+  );
+};
+
+export async function getServerSideProps(content: any) {
+  return {
+    props: {
+      currentTab: content?.query?.currentTab || TabEnum.info,
+      ...(await serviceSideProps(content))
+    }
+  };
+}
+
+export default Account;
--- a/projects/app/src/pages/api/admin/initChat.ts
+++ b/projects/app/src/pages/api/admin/initChat.ts
@@ -0,0 +1,58 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase, Chat } from '@/service/mongo';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await authUser({ req, authRoot: true });
+    await connectToDatabase();
+
+    const { limit = 1000 } = req.body as { limit: number };
+    let skip = 0;
+    const total = await Chat.countDocuments({
+      chatId: { $exists: false }
+    });
+    let promise = Promise.resolve();
+    console.log(total);
+
+    for (let i = 0; i < total; i += limit) {
+      const skipVal = skip;
+      skip += limit;
+      promise = promise
+        .then(() => init(limit, skipVal))
+        .then(() => {
+          console.log(skipVal);
+        });
+    }
+
+    await promise;
+
+    jsonRes(res, {});
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
+
+async function init(limit: number, skip: number) {
+  // 遍历 app
+  const chats = await Chat.find(
+    {
+      chatId: { $exists: false }
+    },
+    '_id'
+  ).limit(limit);
+
+  await Promise.all(
+    chats.map((chat) =>
+      Chat.findByIdAndUpdate(chat._id, {
+        chatId: String(chat._id),
+        source: 'online'
+      })
+    )
+  );
+}
--- a/projects/app/src/pages/api/admin/initChatItem.ts
+++ b/projects/app/src/pages/api/admin/initChatItem.ts
@@ -0,0 +1,98 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase, Chat, ChatItem } from '@/service/mongo';
+import { customAlphabet } from 'nanoid';
+const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 24);
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await authUser({ req, authRoot: true });
+    await connectToDatabase();
+
+    const { limit = 100 } = req.body as { limit: number };
+    let skip = 0;
+
+    const total = await Chat.countDocuments({
+      content: { $exists: true, $not: { $size: 0 } },
+      isInit: { $ne: true }
+    });
+    const totalChat = await Chat.aggregate([
+      {
+        $project: {
+          contentLength: { $size: '$content' }
+        }
+      },
+      {
+        $group: {
+          _id: null,
+          totalLength: { $sum: '$contentLength' }
+        }
+      }
+    ]);
+
+    console.log('chatLen:', total, totalChat);
+
+    let promise = Promise.resolve();
+
+    for (let i = 0; i < total; i += limit) {
+      const skipVal = skip;
+      skip += limit;
+      promise = promise
+        .then(() => init(limit))
+        .then(() => {
+          console.log(skipVal);
+        });
+    }
+
+    await promise;
+
+    jsonRes(res, {});
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
+
+async function init(limit: number) {
+  // 遍历 app
+  const chats = await Chat.find(
+    {
+      content: { $exists: true, $not: { $size: 0 } },
+      isInit: { $ne: true }
+    },
+    '_id userId appId chatId content'
+  )
+    .sort({ updateTime: -1 })
+    .limit(limit);
+
+  await Promise.all(
+    chats.map(async (chat) => {
+      const inserts = chat.content
+        .map((item) => ({
+          dataId: nanoid(),
+          chatId: chat.chatId,
+          userId: chat.userId,
+          appId: chat.appId,
+          obj: item.obj,
+          value: item.value,
+          responseData: item.responseData
+        }))
+        .filter((item) => item.chatId && item.userId && item.appId && item.obj && item.value);
+
+      try {
+        await Promise.all(inserts.map((item) => ChatItem.create(item)));
+        await Chat.findByIdAndUpdate(chat._id, {
+          isInit: true
+        });
+      } catch (error) {
+        console.log(error);
+
+        await ChatItem.deleteMany({ chatId: chat.chatId });
+      }
+    })
+  );
+}
--- a/projects/app/src/pages/api/admin/initOutlink.ts
+++ b/projects/app/src/pages/api/admin/initOutlink.ts
@@ -0,0 +1,27 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase, OutLink } from '@/service/mongo';
+import { OutLinkTypeEnum } from '@/constants/chat';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await authUser({ req, authRoot: true });
+    await connectToDatabase();
+
+    await OutLink.updateMany(
+      {},
+      {
+        $set: { type: OutLinkTypeEnum.share }
+      }
+    );
+
+    jsonRes(res, {});
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/admin/initv43.ts
+++ b/projects/app/src/pages/api/admin/initv43.ts
@@ -0,0 +1,35 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await authUser({ req, authRoot: true });
+
+    const { rowCount } = await PgClient.query(`SELECT 1
+    FROM   information_schema.columns 
+    WHERE  table_schema = 'public'
+    AND    table_name   = '${PgDatasetTableName}'
+    AND    column_name  = 'file_id'`);
+
+    if (rowCount > 0) {
+      return jsonRes(res, {
+        data: '已经存在file_id字段'
+      });
+    }
+
+    jsonRes(res, {
+      data: await PgClient.query(
+        `ALTER TABLE ${PgDatasetTableName} ADD COLUMN file_id VARCHAR(100)`
+      )
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/admin/initv44.ts
+++ b/projects/app/src/pages/api/admin/initv44.ts
@@ -0,0 +1,41 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase, KB } from '@/service/mongo';
+import { KbTypeEnum } from '@/constants/dataset';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    await authUser({ req, authRoot: true });
+
+    await KB.updateMany(
+      {
+        type: { $exists: false }
+      },
+      {
+        $set: {
+          type: KbTypeEnum.dataset,
+          parentId: null
+        }
+      }
+    );
+
+    const response = await PgClient.update(PgDatasetTableName, {
+      where: [['file_id', 'undefined']],
+      values: [{ key: 'file_id', value: '' }]
+    });
+
+    jsonRes(res, {
+      data: response.rowCount
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/admin/initv441.ts
+++ b/projects/app/src/pages/api/admin/initv441.ts
@@ -0,0 +1,35 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase } from '@/service/mongo';
+import mongoose from 'mongoose';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    await authUser({ req, authRoot: true });
+
+    const data = await mongoose.connection.db
+      .collection('dataset.files')
+      .updateMany({}, { $set: { 'metadata.datasetUsed': true } });
+
+    // update pg data
+    const pg = await PgClient.query(`UPDATE ${PgDatasetTableName}
+    SET file_id = ''
+    WHERE (file_id = 'undefined' OR LENGTH(file_id) < 20) AND file_id != '';`);
+
+    jsonRes(res, {
+      data: {
+        data,
+        pg
+      }
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/admin/initv442.ts
+++ b/projects/app/src/pages/api/admin/initv442.ts
@@ -0,0 +1,27 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase, Bill } from '@/service/mongo';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    await authUser({ req, authRoot: true });
+
+    try {
+      await Bill.collection.dropIndex('time_1');
+    } catch (error) {}
+    try {
+      await Bill.collection.createIndex({ time: 1 }, { expireAfterSeconds: 90 * 24 * 60 * 60 });
+    } catch (error) {}
+
+    jsonRes(res, {
+      data: {}
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/create.ts
+++ b/projects/app/src/pages/api/app/create.ts
@@ -0,0 +1,53 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { App } from '@/service/models/app';
+import { AppModuleItemType } from '@/types/app';
+
+export type Props = {
+  name: string;
+  avatar?: string;
+  modules: AppModuleItemType[];
+};
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { name, avatar, modules } = req.body as Props;
+
+    if (!name || !Array.isArray(modules)) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    // 上限校验
+    const authCount = await App.countDocuments({
+      userId
+    });
+    if (authCount >= 50) {
+      throw new Error('上限 50 个应用');
+    }
+
+    // 创建模型
+    const response = await App.create({
+      avatar,
+      name,
+      userId,
+      modules
+    });
+
+    jsonRes(res, {
+      data: response._id
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/data/totalUsage.ts
+++ b/projects/app/src/pages/api/app/data/totalUsage.ts
@@ -0,0 +1,51 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Bill } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { Types } from 'mongoose';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { appId, start, end } = req.body as { appId: string; start: number; end: number };
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const result = await Bill.aggregate([
+      {
+        $match: {
+          appId: new Types.ObjectId(appId),
+          userId: new Types.ObjectId(userId),
+          time: { $gte: new Date(start) }
+        }
+      },
+      {
+        $group: {
+          _id: {
+            year: { $year: '$time' },
+            month: { $month: '$time' },
+            day: { $dayOfMonth: '$time' }
+          },
+          total: { $sum: '$total' }
+        }
+      },
+      {
+        $project: {
+          _id: 0,
+          date: { $dateFromParts: { year: '$_id.year', month: '$_id.month', day: '$_id.day' } },
+          total: 1
+        }
+      },
+      { $sort: { date: 1 } }
+    ]);
+
+    jsonRes(res, {
+      data: result
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/del.ts
+++ b/projects/app/src/pages/api/app/del.ts
@@ -0,0 +1,55 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { Chat, App, connectToDatabase, Collection, OutLink } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { authApp } from '@/service/utils/auth';
+
+/* 获取我的模型 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { appId } = req.query as { appId: string };
+
+    if (!appId) {
+      throw new Error('参数错误');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    // 验证是否是该用户的 app
+    await authApp({
+      appId,
+      userId
+    });
+
+    // 删除对应的聊天
+    await Chat.deleteMany({
+      appId
+    });
+
+    // 删除收藏列表
+    await Collection.deleteMany({
+      modelId: appId
+    });
+
+    // 删除分享链接
+    await OutLink.deleteMany({
+      appId
+    });
+
+    // 删除模型
+    await App.deleteOne({
+      _id: appId,
+      userId
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/detail.tsx
+++ b/projects/app/src/pages/api/app/detail.tsx
@@ -0,0 +1,35 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { authApp } from '@/service/utils/auth';
+
+/* 获取我的模型 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { appId } = req.query as { appId: string };
+
+    if (!appId) {
+      throw new Error('参数错误');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const { app } = await authApp({
+      appId,
+      userId
+    });
+
+    jsonRes(res, {
+      data: app
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/getChatLogs.ts
+++ b/projects/app/src/pages/api/app/getChatLogs.ts
@@ -0,0 +1,114 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { Chat, connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import type { PagingData } from '@/types';
+import { AppLogsListItemType } from '@/types/app';
+import { Types } from 'mongoose';
+import { addDays } from 'date-fns';
+import { GetAppChatLogsParams } from '@/api/request/app';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const {
+      pageNum = 1,
+      pageSize = 20,
+      appId,
+      dateStart = addDays(new Date(), -7),
+      dateEnd = new Date()
+    } = req.body as GetAppChatLogsParams;
+
+    if (!appId) {
+      throw new Error('缺少参数');
+    }
+    await connectToDatabase();
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    const where = {
+      appId: new Types.ObjectId(appId),
+      userId: new Types.ObjectId(userId),
+      updateTime: {
+        $gte: new Date(dateStart),
+        $lte: new Date(dateEnd)
+      }
+    };
+
+    const [data, total] = await Promise.all([
+      Chat.aggregate([
+        { $match: where },
+        {
+          $lookup: {
+            from: 'chatitems',
+            let: { chat_id: '$chatId' },
+            pipeline: [
+              {
+                $match: {
+                  $expr: {
+                    $and: [
+                      { $eq: ['$chatId', '$$chat_id'] },
+                      { $eq: ['$appId', new Types.ObjectId(appId)] }
+                    ]
+                  }
+                }
+              }
+            ],
+            as: 'chatitems'
+          }
+        },
+        {
+          $addFields: {
+            feedbackCount: {
+              $size: {
+                $filter: {
+                  input: '$chatitems',
+                  as: 'item',
+                  cond: { $ifNull: ['$$item.userFeedback', false] }
+                }
+              }
+            },
+            markCount: {
+              $size: {
+                $filter: {
+                  input: '$chatitems',
+                  as: 'item',
+                  cond: { $ifNull: ['$$item.adminFeedback', false] }
+                }
+              }
+            }
+          }
+        },
+        { $sort: { feedbackCount: -1, updateTime: -1 } },
+        { $skip: (pageNum - 1) * pageSize },
+        { $limit: pageSize },
+        {
+          $project: {
+            id: '$chatId',
+            title: 1,
+            source: 1,
+            time: '$updateTime',
+            messageCount: { $size: '$chatitems' },
+            feedbackCount: 1,
+            markCount: 1
+          }
+        }
+      ]),
+      Chat.countDocuments(where)
+    ]);
+
+    jsonRes<PagingData<AppLogsListItemType>>(res, {
+      data: {
+        pageNum,
+        pageSize,
+        data,
+        total
+      }
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/myApps.ts
+++ b/projects/app/src/pages/api/app/myApps.ts
@@ -0,0 +1,33 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, App } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { AppListItemType } from '@/types/app';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    // 根据 userId 获取模型信息
+    const myApps = await App.find(
+      {
+        userId
+      },
+      '_id avatar name intro'
+    ).sort({
+      updateTime: -1
+    });
+
+    jsonRes<AppListItemType[]>(res, {
+      data: myApps
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/share/collection.ts
+++ b/projects/app/src/pages/api/app/share/collection.ts
@@ -0,0 +1,44 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Collection, App } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+/* 模型收藏切换 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { appId } = req.query as { appId: string };
+
+    if (!appId) {
+      throw new Error('缺少参数');
+    }
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const collectionRecord = await Collection.findOne({
+      userId,
+      modelId: appId
+    });
+
+    if (collectionRecord) {
+      await Collection.findByIdAndRemove(collectionRecord._id);
+    } else {
+      await Collection.create({
+        userId,
+        modelId: appId
+      });
+    }
+
+    await App.findByIdAndUpdate(appId, {
+      'share.collection': await Collection.countDocuments({ modelId: appId })
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/share/getModels.ts
+++ b/projects/app/src/pages/api/app/share/getModels.ts
@@ -0,0 +1,106 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, App } from '@/service/mongo';
+import type { PagingData } from '@/types';
+import type { ShareAppItem } from '@/types/app';
+import { authUser } from '@/service/utils/auth';
+import { Types } from 'mongoose';
+
+/* 获取模型列表 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const {
+      searchText = '',
+      pageNum = 1,
+      pageSize = 20
+    } = req.body as { searchText: string; pageNum: number; pageSize: number };
+
+    await connectToDatabase();
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    const regex = new RegExp(searchText, 'i');
+
+    const where = {
+      $and: [
+        { 'share.isShare': true },
+        {
+          $or: [{ name: { $regex: regex } }, { intro: { $regex: regex } }]
+        }
+      ]
+    };
+    const pipeline = [
+      {
+        $match: where
+      },
+      {
+        $lookup: {
+          from: 'collections',
+          let: { modelId: '$_id' },
+          pipeline: [
+            {
+              $match: {
+                $expr: {
+                  $and: [
+                    { $eq: ['$modelId', '$$modelId'] },
+                    {
+                      $eq: ['$userId', userId ? new Types.ObjectId(userId) : new Types.ObjectId()]
+                    }
+                  ]
+                }
+              }
+            }
+          ],
+          as: 'collections'
+        }
+      },
+      {
+        $project: {
+          _id: 1,
+          avatar: { $ifNull: ['$avatar', '/icon/logo.svg'] },
+          name: 1,
+          userId: 1,
+          intro: 1,
+          share: 1,
+          isCollection: {
+            $cond: {
+              if: { $gt: [{ $size: '$collections' }, 0] },
+              then: true,
+              else: false
+            }
+          }
+        }
+      },
+      {
+        $sort: { 'share.topNum': -1, 'share.collection': -1 }
+      },
+      {
+        $skip: (pageNum - 1) * pageSize
+      },
+      {
+        $limit: pageSize
+      }
+    ];
+
+    // 获取被分享的模型
+    const [models, total] = await Promise.all([
+      // @ts-ignore
+      App.aggregate(pipeline),
+      App.countDocuments(where)
+    ]);
+
+    jsonRes<PagingData<ShareAppItem>>(res, {
+      data: {
+        pageNum,
+        pageSize,
+        data: models,
+        total
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/app/update.ts
+++ b/projects/app/src/pages/api/app/update.ts
@@ -0,0 +1,56 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { App } from '@/service/models/app';
+import type { AppUpdateParams } from '@/types/app';
+import { authApp } from '@/service/utils/auth';
+
+/* 获取我的模型 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { name, avatar, type, chat, share, intro, modules } = req.body as AppUpdateParams;
+    const { appId } = req.query as { appId: string };
+
+    if (!appId) {
+      throw new Error('appId is empty');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    await authApp({
+      appId,
+      userId
+    });
+
+    // 更新模型
+    await App.updateOne(
+      {
+        _id: appId,
+        userId
+      },
+      {
+        name,
+        type,
+        avatar,
+        intro,
+        chat,
+        ...(share && {
+          'share.isShare': share.isShare,
+          'share.isShareDetail': share.isShareDetail
+        }),
+        ...(modules && { modules })
+      }
+    );
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/chat/chatTest.ts
+++ b/projects/app/src/pages/api/chat/chatTest.ts
@@ -0,0 +1,93 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { sseErrRes } from '@/service/response';
+import { sseResponseEventEnum } from '@/constants/chat';
+import { sseResponse } from '@/service/utils/tools';
+import { AppModuleItemType } from '@/types/app';
+import { dispatchModules } from '../openapi/v1/chat/completions';
+import { pushChatBill } from '@/service/common/bill/push';
+import { BillSourceEnum } from '@/constants/user';
+import { ChatItemType } from '@/types/chat';
+
+export type Props = {
+  history: ChatItemType[];
+  prompt: string;
+  modules: AppModuleItemType[];
+  variables: Record<string, any>;
+  appId: string;
+  appName: string;
+};
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  res.on('close', () => {
+    res.end();
+  });
+  res.on('error', () => {
+    console.log('error: ', 'request error');
+    res.end();
+  });
+
+  let { modules = [], history = [], prompt, variables = {}, appName, appId } = req.body as Props;
+  try {
+    if (!history || !modules || !prompt) {
+      throw new Error('Prams Error');
+    }
+    if (!Array.isArray(modules)) {
+      throw new Error('history is not array');
+    }
+
+    await connectToDatabase();
+
+    /* user auth */
+    const { userId, user } = await authUser({ req, authBalance: true });
+
+    if (!user) {
+      throw new Error('user not found');
+    }
+
+    /* start process */
+    const { responseData } = await dispatchModules({
+      res,
+      modules: modules,
+      variables,
+      user,
+      params: {
+        history,
+        userChatInput: prompt
+      },
+      stream: true,
+      detail: true
+    });
+
+    sseResponse({
+      res,
+      event: sseResponseEventEnum.answer,
+      data: '[DONE]'
+    });
+    sseResponse({
+      res,
+      event: sseResponseEventEnum.appStreamResponse,
+      data: JSON.stringify(responseData)
+    });
+    res.end();
+
+    pushChatBill({
+      appName,
+      appId,
+      userId,
+      source: BillSourceEnum.fastgpt,
+      response: responseData
+    });
+  } catch (err: any) {
+    res.status(500);
+    sseErrRes(res, err);
+    res.end();
+  }
+}
+
+export const config = {
+  api: {
+    responseLimit: '20mb'
+  }
+};
--- a/projects/app/src/pages/api/chat/delChatRecordByContentId.ts
+++ b/projects/app/src/pages/api/chat/delChatRecordByContentId.ts
@@ -0,0 +1,29 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, ChatItem } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { chatId, contentId } = req.query as { chatId: string; contentId: string };
+
+    await connectToDatabase();
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    // 删除一条数据库记录
+    await ChatItem.deleteOne({
+      dataId: contentId,
+      chatId,
+      userId
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/chat/feedback/adminUpdate.ts
+++ b/projects/app/src/pages/api/chat/feedback/adminUpdate.ts
@@ -0,0 +1,40 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, ChatItem } from '@/service/mongo';
+import { AdminUpdateFeedbackParams } from '@/api/request/chat';
+import { authUser } from '@/service/utils/auth';
+
+/* 初始化我的聊天框，需要身份验证 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    const { chatItemId, kbId, dataId, content = undefined } = req.body as AdminUpdateFeedbackParams;
+
+    if (!chatItemId || !kbId || !dataId || !content) {
+      throw new Error('missing parameter');
+    }
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await ChatItem.findOneAndUpdate(
+      {
+        userId,
+        dataId: chatItemId
+      },
+      {
+        adminFeedback: {
+          kbId,
+          dataId,
+          content
+        }
+      }
+    );
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/chat/feedback/userUpdate.ts
+++ b/projects/app/src/pages/api/chat/feedback/userUpdate.ts
@@ -0,0 +1,34 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, ChatItem } from '@/service/mongo';
+
+/* 初始化我的聊天框，需要身份验证 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    const { chatItemId, userFeedback = undefined } = req.body as {
+      chatItemId: string;
+      userFeedback?: string;
+    };
+
+    if (!chatItemId) {
+      throw new Error('chatItemId is required');
+    }
+
+    await ChatItem.findOneAndUpdate(
+      {
+        dataId: chatItemId
+      },
+      {
+        ...(userFeedback ? { userFeedback } : { $unset: { userFeedback: '' } })
+      }
+    );
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/chat/history/getHistory.ts
+++ b/projects/app/src/pages/api/chat/history/getHistory.ts
@@ -0,0 +1,43 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Chat } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import type { ChatHistoryItemType } from '@/types/chat';
+import { ChatSourceEnum } from '@/constants/chat';
+
+/* 获取历史记录 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { appId } = req.body as { appId?: string };
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const data = await Chat.find(
+      {
+        userId,
+        source: ChatSourceEnum.online,
+        ...(appId && { appId })
+      },
+      'chatId title top customTitle appId updateTime'
+    )
+      .sort({ top: -1, updateTime: -1 })
+      .limit(20);
+
+    jsonRes<ChatHistoryItemType[]>(res, {
+      data: data.map((item) => ({
+        chatId: item.chatId,
+        updateTime: item.updateTime,
+        appId: item.appId,
+        customTitle: item.customTitle,
+        title: item.title,
+        top: item.top
+      }))
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/chat/history/updateChatHistory.ts
+++ b/projects/app/src/pages/api/chat/history/updateChatHistory.ts
@@ -0,0 +1,38 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Chat } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export type Props = {
+  chatId: string;
+  customTitle?: string;
+  top?: boolean;
+};
+
+/* 更新聊天标题 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { chatId, customTitle, top } = req.body as Props;
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    await Chat.findOneAndUpdate(
+      {
+        chatId,
+        userId
+      },
+      {
+        ...(customTitle ? { customTitle } : {}),
+        ...(top ? { top } : { top: null })
+      }
+    );
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/chat/init.ts
+++ b/projects/app/src/pages/api/chat/init.ts
@@ -0,0 +1,108 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { Chat, ChatItem } from '@/service/mongo';
+import type { InitChatResponse } from '@/api/response/chat';
+import { authUser } from '@/service/utils/auth';
+import { ChatItemType } from '@/types/chat';
+import { authApp } from '@/service/utils/auth';
+import type { ChatSchema } from '@/types/mongoSchema';
+import { getSpecialModule, getChatModelNameList } from '@/components/ChatBox/utils';
+import { TaskResponseKeyEnum } from '@/constants/chat';
+
+/* 初始化我的聊天框，需要身份验证 */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { userId } = await authUser({ req, authToken: true });
+
+    let { appId, chatId } = req.query as {
+      appId: '' | string;
+      chatId: '' | string;
+    };
+
+    if (!appId) {
+      return jsonRes(res, {
+        code: 501,
+        message: "You don't have an app yet"
+      });
+    }
+
+    // 校验使用权限
+    const app = (
+      await authApp({
+        appId,
+        userId,
+        authUser: false,
+        authOwner: false
+      })
+    ).app;
+
+    // get app and history
+    const { chat, history = [] }: { chat?: ChatSchema; history?: ChatItemType[] } =
+      await (async () => {
+        if (chatId) {
+          // auth chatId
+          const [chat, history] = await Promise.all([
+            Chat.findOne(
+              {
+                chatId,
+                userId,
+                appId
+              },
+              'title variables'
+            ),
+            ChatItem.find(
+              {
+                chatId,
+                userId,
+                appId
+              },
+              `dataId obj value adminFeedback userFeedback ${TaskResponseKeyEnum.responseData}`
+            )
+              .sort({ _id: -1 })
+              .limit(30)
+          ]);
+          if (!chat) {
+            throw new Error('聊天框不存在');
+          }
+          history.reverse();
+          return { app, history, chat };
+        }
+        return {};
+      })();
+
+    if (!app) {
+      throw new Error('Auth App Error');
+    }
+
+    const isOwner = String(app.userId) === userId;
+
+    jsonRes<InitChatResponse>(res, {
+      data: {
+        chatId,
+        appId,
+        app: {
+          ...getSpecialModule(app.modules),
+          chatModels: getChatModelNameList(app.modules),
+          name: app.name,
+          avatar: app.avatar,
+          intro: app.intro,
+          canUse: app.share.isShare || isOwner
+        },
+        title: chat?.title || '新对话',
+        variables: chat?.variables || {},
+        history
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
+
+export const config = {
+  api: {
+    responseLimit: '10mb'
+  }
+};
--- a/projects/app/src/pages/api/chat/removeHistory.ts
+++ b/projects/app/src/pages/api/chat/removeHistory.ts
@@ -0,0 +1,57 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Chat, ChatItem } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { ChatSourceEnum } from '@/constants/chat';
+
+type Props = {
+  chatId?: string;
+  appId?: string;
+};
+
+/* clear chat history */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { chatId, appId } = req.query as Props;
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    if (chatId) {
+      await Promise.all([
+        Chat.findOneAndRemove({
+          chatId,
+          userId
+        }),
+        ChatItem.deleteMany({
+          userId,
+          chatId
+        })
+      ]);
+    }
+    if (appId) {
+      const chats = await Chat.find({
+        appId,
+        userId,
+        source: ChatSourceEnum.online
+      }).select('_id');
+      const chatIds = chats.map((chat) => chat._id);
+
+      await Promise.all([
+        Chat.deleteMany({
+          _id: { $in: chatIds }
+        }),
+        ChatItem.deleteMany({
+          chatId: { $in: chatIds }
+        })
+      ]);
+    }
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/common/bill/createTrainingBill.ts
+++ b/projects/app/src/pages/api/common/bill/createTrainingBill.ts
@@ -0,0 +1,46 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Bill } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { BillSourceEnum } from '@/constants/user';
+import { CreateTrainingBillType } from '@/api/common/bill/index.d';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { name } = req.body as CreateTrainingBillType;
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const { _id } = await Bill.create({
+      userId,
+      appName: name,
+      source: BillSourceEnum.training,
+      list: [
+        {
+          moduleName: '索引生成',
+          model: 'embedding',
+          amount: 0,
+          tokenLen: 0
+        },
+        {
+          moduleName: 'QA 拆分',
+          model: global.qaModel.name,
+          amount: 0,
+          tokenLen: 0
+        }
+      ],
+      total: 0
+    });
+
+    jsonRes<string>(res, {
+      data: _id
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/allDataset.ts
+++ b/projects/app/src/pages/api/core/dataset/allDataset.ts
@@ -0,0 +1,34 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, KB } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { getVectorModel } from '@/service/utils/data';
+import type { DatasetsItemType } from '@/types/core/dataset';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const kbList = await KB.find({
+      userId,
+      type: 'dataset'
+    });
+
+    const data = kbList.map((item) => ({
+      ...item.toJSON(),
+      vectorModel: getVectorModel(item.vectorModel)
+    }));
+
+    jsonRes<DatasetsItemType[]>(res, {
+      data
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/create.ts
+++ b/projects/app/src/pages/api/core/dataset/create.ts
@@ -0,0 +1,33 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, KB } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import type { CreateDatasetParams } from '@/api/core/dataset/index.d';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { name, tags, avatar, vectorModel, parentId, type } = req.body as CreateDatasetParams;
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const { _id } = await KB.create({
+      name,
+      userId,
+      tags,
+      vectorModel,
+      avatar,
+      parentId: parentId || null,
+      type
+    });
+
+    jsonRes(res, { data: _id });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/data/delDataById.ts
+++ b/projects/app/src/pages/api/core/dataset/data/delDataById.ts
@@ -0,0 +1,33 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { PgClient } from '@/service/pg';
+import { withNextCors } from '@/service/utils/tools';
+import { PgDatasetTableName } from '@/constants/plugin';
+
+export default withNextCors(async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    let { dataId } = req.query as {
+      dataId: string;
+    };
+
+    if (!dataId) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req });
+
+    await PgClient.delete(PgDatasetTableName, {
+      where: [['user_id', userId], 'AND', ['id', dataId]]
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    console.log(err);
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+});
--- a/projects/app/src/pages/api/core/dataset/data/exportAll.ts
+++ b/projects/app/src/pages/api/core/dataset/data/exportAll.ts
@@ -0,0 +1,128 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, User } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { findAllChildrenIds } from '../delete';
+import QueryStream from 'pg-query-stream';
+import { PgClient } from '@/service/pg';
+import { addLog } from '@/service/utils/tools';
+import { responseWriteController } from '@/service/common/stream';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    let { kbId } = req.query as {
+      kbId: string;
+    };
+
+    if (!kbId || !global.pgClient) {
+      throw new Error('缺少参数');
+    }
+
+    await connectToDatabase();
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    const exportIds = [kbId, ...(await findAllChildrenIds(kbId))];
+
+    const limitMinutesAgo = new Date(
+      Date.now() - (global.feConfigs?.limit?.exportLimitMinutes || 0) * 60 * 1000
+    );
+
+    // auth export times
+    const authTimes = await User.findOne(
+      {
+        _id: userId,
+        $or: [
+          { 'limit.exportKbTime': { $exists: false } },
+          { 'limit.exportKbTime': { $lte: limitMinutesAgo } }
+        ]
+      },
+      '_id limit'
+    );
+
+    if (!authTimes) {
+      const minutes = `${global.feConfigs?.limit?.exportLimitMinutes || 0} 分钟`;
+      throw new Error(`上次导出未到 ${minutes}，每 ${minutes}仅可导出一次。`);
+    }
+
+    const { rows } = await PgClient.query(
+      `SELECT count(id) FROM ${PgDatasetTableName} where user_id='${userId}' AND kb_id IN (${exportIds
+        .map((id) => `'${id}'`)
+        .join(',')})`
+    );
+    const total = rows?.[0]?.count || 0;
+
+    addLog.info(`export datasets: ${userId}`, { total });
+
+    if (total > 100000) {
+      throw new Error('数据量超出 10 万，无法导出');
+    }
+
+    // connect pg
+    global.pgClient.connect((err, client, done) => {
+      if (err) {
+        console.error(err);
+        res.end('Error connecting to database');
+        return;
+      }
+      console.log('export data');
+
+      // create pg select stream
+      const query = new QueryStream(
+        `SELECT q, a, source FROM ${PgDatasetTableName} where user_id='${userId}' AND kb_id IN (${exportIds
+          .map((id) => `'${id}'`)
+          .join(',')})`
+      );
+      const stream = client.query(query);
+
+      res.setHeader('Content-Disposition', 'attachment; filename=dataset.csv');
+      res.setHeader('Content-Type', 'text/csv');
+
+      res.write('index,content,source');
+
+      const write = responseWriteController({
+        res,
+        readStream: stream
+      });
+
+      // parse data every row
+      stream.on('data', ({ q, a, source }: { q: string; a: string; source?: string }) => {
+        if (res.closed) {
+          return stream.destroy();
+        }
+        write(`\n"${q}","${a || ''}","${source || ''}"`);
+      });
+      // finish
+      stream.on('end', async () => {
+        try {
+          // update export time
+          await User.findByIdAndUpdate(userId, {
+            'limit.exportKbTime': new Date()
+          });
+        } catch (error) {}
+
+        // close response
+        done();
+        res.end();
+      });
+      stream.on('error', (err) => {
+        done(err);
+        res.end('Error exporting data');
+      });
+    });
+  } catch (err) {
+    res.status(500);
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
+
+export const config = {
+  api: {
+    responseLimit: '100mb'
+  }
+};
--- a/projects/app/src/pages/api/core/dataset/data/getDataById.ts
+++ b/projects/app/src/pages/api/core/dataset/data/getDataById.ts
@@ -0,0 +1,47 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+import type { PgDataItemType } from '@/types/core/dataset/data';
+
+export type Response = {
+  id: string;
+  q: string;
+  a: string;
+  source: string;
+};
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    let { dataId } = req.query as {
+      dataId: string;
+    };
+    if (!dataId) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const where: any = [['user_id', userId], 'AND', ['id', dataId]];
+
+    const searchRes = await PgClient.select<PgDataItemType>(PgDatasetTableName, {
+      fields: ['kb_id', 'id', 'q', 'a', 'source', 'file_id'],
+      where,
+      limit: 1
+    });
+
+    jsonRes(res, {
+      data: searchRes.rows[0]
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/data/getDataList.ts
+++ b/projects/app/src/pages/api/core/dataset/data/getDataList.ts
@@ -0,0 +1,80 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { OtherFileId } from '@/constants/dataset';
+import type { PgDataItemType } from '@/types/core/dataset/data';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    let {
+      kbId,
+      pageNum = 1,
+      pageSize = 10,
+      searchText = '',
+      fileId = ''
+    } = req.body as {
+      kbId: string;
+      pageNum: number;
+      pageSize: number;
+      searchText: string;
+      fileId: string;
+    };
+    if (!kbId) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+    searchText = searchText.replace(/'/g, '');
+
+    const where: any = [
+      ['user_id', userId],
+      'AND',
+      ['kb_id', kbId],
+      ...(fileId
+        ? fileId === OtherFileId
+          ? ["AND (file_id IS NULL OR file_id = '')"]
+          : ['AND', ['file_id', fileId]]
+        : []),
+      ...(searchText
+        ? [
+            'AND',
+            `(q LIKE '%${searchText}%' OR a LIKE '%${searchText}%' OR source LIKE '%${searchText}%')`
+          ]
+        : [])
+    ];
+
+    const [searchRes, total] = await Promise.all([
+      PgClient.select<PgDataItemType>(PgDatasetTableName, {
+        fields: ['id', 'q', 'a', 'source', 'file_id'],
+        where,
+        order: [{ field: 'id', mode: 'DESC' }],
+        limit: pageSize,
+        offset: pageSize * (pageNum - 1)
+      }),
+      PgClient.count(PgDatasetTableName, {
+        fields: ['id'],
+        where
+      })
+    ]);
+
+    jsonRes(res, {
+      data: {
+        pageNum,
+        pageSize,
+        data: searchRes.rows,
+        total
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/data/getQueueLen.ts
+++ b/projects/app/src/pages/api/core/dataset/data/getQueueLen.ts
@@ -0,0 +1,25 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { TrainingData } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+/* 拆分数据成QA */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await authUser({ req, authToken: true });
+
+    // split queue data
+    const result = await TrainingData.countDocuments({
+      lockTime: { $lt: new Date('2040/1/1') }
+    });
+
+    jsonRes(res, {
+      data: result
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/data/getTrainingData.ts
+++ b/projects/app/src/pages/api/core/dataset/data/getTrainingData.ts
@@ -0,0 +1,52 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, TrainingData } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { TrainingModeEnum } from '@/constants/plugin';
+import { Types } from 'mongoose';
+import { startQueue } from '@/service/utils/tools';
+
+/* 拆分数据成QA */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { kbId, init = false } = req.body as { kbId: string; init: boolean };
+    if (!kbId) {
+      throw new Error('参数错误');
+    }
+    await connectToDatabase();
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    // split queue data
+    const result = await TrainingData.aggregate([
+      {
+        $match: {
+          userId: new Types.ObjectId(userId),
+          kbId: new Types.ObjectId(kbId)
+        }
+      },
+      {
+        $group: {
+          _id: '$mode',
+          count: { $sum: 1 }
+        }
+      }
+    ]);
+
+    jsonRes(res, {
+      data: {
+        qaListLen: result.find((item) => item._id === TrainingModeEnum.qa)?.count || 0,
+        vectorListLen: result.find((item) => item._id === TrainingModeEnum.index)?.count || 0
+      }
+    });
+
+    if (init) {
+      startQueue();
+    }
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/data/insertData.ts
+++ b/projects/app/src/pages/api/core/dataset/data/insertData.ts
@@ -0,0 +1,94 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authKb, authUser } from '@/service/utils/auth';
+import { withNextCors } from '@/service/utils/tools';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { insertData2Dataset, PgClient } from '@/service/pg';
+import { getVectorModel } from '@/service/utils/data';
+import { getVector } from '@/pages/api/openapi/plugin/vector';
+import { DatasetDataItemType } from '@/types/core/dataset/data';
+import { countPromptTokens } from '@/utils/common/tiktoken';
+
+export type Props = {
+  billId?: string;
+  kbId: string;
+  data: DatasetDataItemType;
+};
+
+export default withNextCors(async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    // 凭证校验
+    const { userId } = await authUser({ req });
+
+    jsonRes(res, {
+      data: await getVectorAndInsertDataset({
+        ...req.body,
+        userId
+      })
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+});
+
+export async function getVectorAndInsertDataset(
+  props: Props & { userId: string }
+): Promise<string> {
+  const { kbId, data, userId, billId } = props;
+  if (!kbId || !data?.q) {
+    return Promise.reject('缺少参数');
+  }
+
+  // auth kb
+  const kb = await authKb({ kbId, userId });
+
+  const q = data?.q?.replace(/\\n/g, '\n').trim().replace(/'/g, '"');
+  const a = data?.a?.replace(/\\n/g, '\n').trim().replace(/'/g, '"');
+
+  // token check
+  const token = countPromptTokens(q, 'system');
+
+  if (token > getVectorModel(kb.vectorModel).maxToken) {
+    return Promise.reject('Over Tokens');
+  }
+
+  const { rows: existsRows } = await PgClient.query(`
+  SELECT COUNT(*) > 0 AS exists
+  FROM  ${PgDatasetTableName} 
+  WHERE md5(q)=md5('${q}') AND md5(a)=md5('${a}') AND user_id='${userId}' AND kb_id='${kbId}'
+`);
+  const exists = existsRows[0]?.exists || false;
+
+  if (exists) {
+    return Promise.reject('已经存在完全一致的数据');
+  }
+
+  const { vectors } = await getVector({
+    model: kb.vectorModel,
+    input: [q],
+    userId,
+    billId
+  });
+
+  const response = await insertData2Dataset({
+    userId,
+    kbId,
+    data: [
+      {
+        ...data,
+        q,
+        a,
+        vector: vectors[0]
+      }
+    ]
+  });
+
+  // @ts-ignore
+  return response?.rows?.[0]?.id || '';
+}
--- a/projects/app/src/pages/api/core/dataset/data/pushData.ts
+++ b/projects/app/src/pages/api/core/dataset/data/pushData.ts
@@ -0,0 +1,170 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, TrainingData, KB } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { authKb } from '@/service/utils/auth';
+import { withNextCors } from '@/service/utils/tools';
+import { PgDatasetTableName, TrainingModeEnum } from '@/constants/plugin';
+import { startQueue } from '@/service/utils/tools';
+import { PgClient } from '@/service/pg';
+import { getVectorModel } from '@/service/utils/data';
+import { DatasetDataItemType } from '@/types/core/dataset/data';
+import { countPromptTokens } from '@/utils/common/tiktoken';
+import type { PushDataProps, PushDataResponse } from '@/api/core/dataset/data.d';
+
+const modeMap = {
+  [TrainingModeEnum.index]: true,
+  [TrainingModeEnum.qa]: true
+};
+
+export default withNextCors(async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { kbId, data, mode = TrainingModeEnum.index } = req.body as PushDataProps;
+
+    if (!kbId || !Array.isArray(data)) {
+      throw new Error('KbId or data is empty');
+    }
+
+    if (modeMap[mode] === undefined) {
+      throw new Error('Mode is error');
+    }
+
+    if (data.length > 500) {
+      throw new Error('Data is too long, max 500');
+    }
+
+    await connectToDatabase();
+
+    // 凭证校验
+    const { userId } = await authUser({ req });
+
+    jsonRes<PushDataResponse>(res, {
+      data: await pushDataToKb({
+        ...req.body,
+        userId
+      })
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+});
+
+export async function pushDataToKb({
+  userId,
+  kbId,
+  data,
+  mode,
+  prompt,
+  billId
+}: { userId: string } & PushDataProps): Promise<PushDataResponse> {
+  const [kb, vectorModel] = await Promise.all([
+    authKb({
+      userId,
+      kbId
+    }),
+    (async () => {
+      if (mode === TrainingModeEnum.index) {
+        const vectorModel = (await KB.findById(kbId, 'vectorModel'))?.vectorModel;
+
+        return getVectorModel(vectorModel || global.vectorModels[0].model);
+      }
+      return global.vectorModels[0];
+    })()
+  ]);
+
+  const modeMaxToken = {
+    [TrainingModeEnum.index]: vectorModel.maxToken * 1.5,
+    [TrainingModeEnum.qa]: global.qaModel.maxToken * 0.8
+  };
+
+  // 过滤重复的 qa 内容
+  const set = new Set();
+  const filterData: DatasetDataItemType[] = [];
+
+  data.forEach((item) => {
+    if (!item.q) return;
+
+    const text = item.q + item.a;
+
+    // count q token
+    const token = countPromptTokens(item.q, 'system');
+
+    if (token > modeMaxToken[mode]) {
+      return;
+    }
+
+    if (!set.has(text)) {
+      filterData.push(item);
+      set.add(text);
+    }
+  });
+
+  // 数据库去重
+  const insertData = (
+    await Promise.allSettled(
+      filterData.map(async (data) => {
+        let { q, a } = data;
+        if (mode !== TrainingModeEnum.index) {
+          return Promise.resolve(data);
+        }
+
+        if (!q) {
+          return Promise.reject('q为空');
+        }
+
+        q = q.replace(/\\n/g, '\n').trim().replace(/'/g, '"');
+        a = a.replace(/\\n/g, '\n').trim().replace(/'/g, '"');
+
+        // Exactly the same data, not push
+        try {
+          const { rows } = await PgClient.query(`
+            SELECT COUNT(*) > 0 AS exists
+            FROM  ${PgDatasetTableName} 
+            WHERE md5(q)=md5('${q}') AND md5(a)=md5('${a}') AND user_id='${userId}' AND kb_id='${kbId}'
+          `);
+          const exists = rows[0]?.exists || false;
+
+          if (exists) {
+            return Promise.reject('已经存在');
+          }
+        } catch (error) {
+          console.log(error);
+        }
+        return Promise.resolve(data);
+      })
+    )
+  )
+    .filter((item) => item.status === 'fulfilled')
+    .map<DatasetDataItemType>((item: any) => item.value);
+
+  // 插入记录
+  const insertRes = await TrainingData.insertMany(
+    insertData.map((item) => ({
+      ...item,
+      userId,
+      kbId,
+      mode,
+      prompt,
+      billId,
+      vectorModel: vectorModel.model
+    }))
+  );
+
+  insertRes.length > 0 && startQueue();
+
+  return {
+    insertLen: insertRes.length
+  };
+}
+
+export const config = {
+  api: {
+    bodyParser: {
+      sizeLimit: '10mb'
+    },
+    responseLimit: '12mb'
+  }
+};
--- a/projects/app/src/pages/api/core/dataset/data/updateData.ts
+++ b/projects/app/src/pages/api/core/dataset/data/updateData.ts
@@ -0,0 +1,64 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { PgClient } from '@/service/pg';
+import { withNextCors } from '@/service/utils/tools';
+import { KB, connectToDatabase } from '@/service/mongo';
+import { getVector } from '@/pages/api/openapi/plugin/vector';
+import { PgDatasetTableName } from '@/constants/plugin';
+import type { UpdateDataPrams } from '@/api/core/dataset/data.d';
+
+export default withNextCors(async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { dataId, a = '', q = '', kbId } = req.body as UpdateDataPrams;
+
+    if (!dataId) {
+      throw new Error('缺少参数');
+    }
+
+    await connectToDatabase();
+
+    // auth user and get kb
+    const [{ userId }, kb] = await Promise.all([
+      authUser({ req }),
+      KB.findById(kbId, 'vectorModel')
+    ]);
+
+    if (!kb) {
+      throw new Error("Can't find database");
+    }
+
+    // get vector
+    const { vectors = [] } = await (async () => {
+      if (q) {
+        return getVector({
+          userId,
+          input: [q],
+          model: kb.vectorModel
+        });
+      }
+      return { vectors: [[]] };
+    })();
+
+    // 更新 pg 内容.仅修改a，不需要更新向量。
+    await PgClient.update(PgDatasetTableName, {
+      where: [['id', dataId], 'AND', ['user_id', userId]],
+      values: [
+        { key: 'a', value: a.replace(/'/g, '"') },
+        ...(q
+          ? [
+              { key: 'q', value: q.replace(/'/g, '"') },
+              { key: 'vector', value: `[${vectors[0]}]` }
+            ]
+          : [])
+      ]
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+});
--- a/projects/app/src/pages/api/core/dataset/delete.ts
+++ b/projects/app/src/pages/api/core/dataset/delete.ts
@@ -0,0 +1,72 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, KB, TrainingData } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { Types } from 'mongoose';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+    const { id } = req.query as {
+      id: string;
+    };
+
+    if (!id) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    const deletedIds = [id, ...(await findAllChildrenIds(id))];
+
+    // delete training data
+    await TrainingData.deleteMany({
+      userId,
+      kbId: { $in: deletedIds.map((id) => new Types.ObjectId(id)) }
+    });
+
+    // delete all pg data
+    await PgClient.delete(PgDatasetTableName, {
+      where: [
+        ['user_id', userId],
+        'AND',
+        `kb_id IN (${deletedIds.map((id) => `'${id}'`).join(',')})`
+      ]
+    });
+
+    // delete related files
+    const gridFs = new GridFSStorage('dataset', userId);
+    await Promise.all(deletedIds.map((id) => gridFs.deleteFilesByKbId(id)));
+
+    // delete kb data
+    await KB.deleteMany({
+      _id: { $in: deletedIds },
+      userId
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
+
+export async function findAllChildrenIds(id: string) {
+  // find children
+  const children = await KB.find({ parentId: id });
+
+  let allChildrenIds = children.map((child) => String(child._id));
+
+  for (const child of children) {
+    const grandChildrenIds = await findAllChildrenIds(child._id);
+    allChildrenIds = allChildrenIds.concat(grandChildrenIds);
+  }
+
+  return allChildrenIds;
+}
--- a/projects/app/src/pages/api/core/dataset/detail.ts
+++ b/projects/app/src/pages/api/core/dataset/detail.ts
@@ -0,0 +1,47 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, KB } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { getVectorModel } from '@/service/utils/data';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { id } = req.query as {
+      id: string;
+    };
+
+    if (!id) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const data = await KB.findOne({
+      _id: id,
+      userId
+    });
+
+    if (!data) {
+      throw new Error('kb is not exist');
+    }
+
+    jsonRes(res, {
+      data: {
+        _id: data._id,
+        avatar: data.avatar,
+        name: data.name,
+        userId: data.userId,
+        vectorModel: getVectorModel(data.vectorModel),
+        tags: data.tags.join(' ')
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/file/delById.ts
+++ b/projects/app/src/pages/api/core/dataset/file/delById.ts
@@ -0,0 +1,62 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, TrainingData } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { Types } from 'mongoose';
+import { OtherFileId } from '@/constants/dataset';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { fileId, kbId } = req.query as { fileId: string; kbId: string };
+
+    if (!fileId || !kbId) {
+      throw new Error('fileId and kbId is required');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    // other data. Delete only vector data
+    if (fileId === OtherFileId) {
+      await PgClient.delete(PgDatasetTableName, {
+        where: [
+          ['user_id', userId],
+          'AND',
+          ['kb_id', kbId],
+          "AND (file_id IS NULL OR file_id = '')"
+        ]
+      });
+    } else {
+      // auth file
+      const gridFs = new GridFSStorage('dataset', userId);
+      const bucket = gridFs.GridFSBucket();
+
+      await gridFs.findAndAuthFile(fileId);
+
+      // delete all pg data
+      await PgClient.delete(PgDatasetTableName, {
+        where: [['user_id', userId], 'AND', ['kb_id', kbId], 'AND', ['file_id', fileId]]
+      });
+      // delete all training data
+      await TrainingData.deleteMany({
+        userId,
+        file_id: fileId
+      });
+
+      //   delete file
+      await bucket.delete(new Types.ObjectId(fileId));
+    }
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/file/delEmptyFiles.ts
+++ b/projects/app/src/pages/api/core/dataset/file/delEmptyFiles.ts
@@ -0,0 +1,31 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { kbId } = req.query as { kbId: string };
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    const gridFs = new GridFSStorage('dataset', userId);
+    const collection = gridFs.Collection();
+
+    const files = await collection.deleteMany({
+      uploadDate: { $lte: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) },
+      ['metadata.kbId']: kbId,
+      ['metadata.userId']: userId,
+      ['metadata.datasetUsed']: { $ne: true }
+    });
+
+    jsonRes(res, {
+      data: files
+    });
+  } catch (err) {
+    jsonRes(res);
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/file/detail.ts
+++ b/projects/app/src/pages/api/core/dataset/file/detail.ts
@@ -0,0 +1,43 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { OtherFileId } from '@/constants/dataset';
+import type { GSFileInfoType } from '@/types/common/file';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { fileId } = req.query as { kbId: string; fileId: string };
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    if (fileId === OtherFileId) {
+      return jsonRes<GSFileInfoType>(res, {
+        data: {
+          id: OtherFileId,
+          size: 0,
+          filename: 'kb.Other Data',
+          uploadDate: new Date(),
+          encoding: '',
+          contentType: ''
+        }
+      });
+    }
+
+    const gridFs = new GridFSStorage('dataset', userId);
+
+    const file = await gridFs.findAndAuthFile(fileId);
+
+    jsonRes<GSFileInfoType>(res, {
+      data: file
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/file/list.ts
+++ b/projects/app/src/pages/api/core/dataset/file/list.ts
@@ -0,0 +1,112 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, TrainingData } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { FileStatusEnum, OtherFileId } from '@/constants/dataset';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    let {
+      pageNum = 1,
+      pageSize = 10,
+      kbId,
+      searchText = ''
+    } = req.body as { pageNum: number; pageSize: number; kbId: string; searchText: string };
+    searchText = searchText?.replace(/'/g, '');
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    // find files
+    const gridFs = new GridFSStorage('dataset', userId);
+    const collection = gridFs.Collection();
+
+    const mongoWhere = {
+      ['metadata.kbId']: kbId,
+      ['metadata.userId']: userId,
+      ['metadata.datasetUsed']: true,
+      ...(searchText && { filename: { $regex: searchText } })
+    };
+    const [files, total] = await Promise.all([
+      collection
+        .find(mongoWhere, {
+          projection: {
+            _id: 1,
+            filename: 1,
+            uploadDate: 1,
+            length: 1
+          }
+        })
+        .skip((pageNum - 1) * pageSize)
+        .limit(pageSize)
+        .sort({ uploadDate: -1 })
+        .toArray(),
+      collection.countDocuments(mongoWhere)
+    ]);
+
+    async function GetOtherData() {
+      return {
+        id: OtherFileId,
+        size: 0,
+        filename: 'kb.Other Data',
+        uploadTime: new Date(),
+        status: (await TrainingData.findOne({ userId, kbId, file_id: '' }))
+          ? FileStatusEnum.embedding
+          : FileStatusEnum.ready,
+        chunkLength: await PgClient.count(PgDatasetTableName, {
+          fields: ['id'],
+          where: [
+            ['user_id', userId],
+            'AND',
+            ['kb_id', kbId],
+            "AND (file_id IS NULL OR file_id = '')"
+          ]
+        })
+      };
+    }
+
+    const data = await Promise.all([
+      GetOtherData(),
+      ...files.map(async (file) => {
+        return {
+          id: String(file._id),
+          size: file.length,
+          filename: file.filename,
+          uploadTime: file.uploadDate,
+          status: (await TrainingData.findOne({ userId, kbId, file_id: file._id }))
+            ? FileStatusEnum.embedding
+            : FileStatusEnum.ready,
+          chunkLength: await PgClient.count(PgDatasetTableName, {
+            fields: ['id'],
+            where: [
+              ['user_id', userId],
+              'AND',
+              ['kb_id', kbId],
+              'AND',
+              ['file_id', String(file._id)]
+            ]
+          })
+        };
+      })
+    ]);
+
+    jsonRes(res, {
+      data: {
+        pageNum,
+        pageSize,
+        data: data.flat(),
+        total
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/file/markUsed.ts
+++ b/projects/app/src/pages/api/core/dataset/file/markUsed.ts
@@ -0,0 +1,38 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { MarkFileUsedProps } from '@/api/core/dataset/file.d';
+import { Types } from 'mongoose';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { fileIds } = req.body as MarkFileUsedProps;
+    const { userId } = await authUser({ req, authToken: true });
+
+    const gridFs = new GridFSStorage('dataset', userId);
+    const collection = gridFs.Collection();
+
+    await collection.updateMany(
+      {
+        _id: { $in: fileIds.map((id) => new Types.ObjectId(id)) },
+        ['metadata.userId']: userId
+      },
+      {
+        $set: {
+          ['metadata.datasetUsed']: true
+        }
+      }
+    );
+
+    jsonRes(res, {});
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/file/update.ts
+++ b/projects/app/src/pages/api/core/dataset/file/update.ts
@@ -0,0 +1,68 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { UpdateFileProps } from '@/api/core/dataset/file.d';
+import { Types } from 'mongoose';
+import { PgClient } from '@/service/pg';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { addLog } from '@/service/utils/tools';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { id, name, datasetUsed } = req.body as UpdateFileProps;
+    const { userId } = await authUser({ req, authToken: true });
+
+    const gridFs = new GridFSStorage('dataset', userId);
+    const collection = gridFs.Collection();
+
+    await collection.findOneAndUpdate(
+      {
+        _id: new Types.ObjectId(id)
+      },
+      {
+        $set: {
+          ...(name && { filename: name }),
+          ...(datasetUsed && { ['metadata.datasetUsed']: datasetUsed })
+        }
+      }
+    );
+
+    // data source
+    updateDatasetSource({
+      fileId: id,
+      userId,
+      name
+    });
+
+    jsonRes(res, {});
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
+async function updateDatasetSource(data: { fileId: string; userId: string; name?: string }) {
+  const { fileId, userId, name } = data;
+  if (!fileId || !name || !userId) return;
+  try {
+    await PgClient.update(PgDatasetTableName, {
+      where: [['user_id', userId], 'AND', ['file_id', fileId]],
+      values: [
+        {
+          key: 'source',
+          value: name
+        }
+      ]
+    });
+  } catch (error) {
+    addLog.error(`Update dataset source error`, error);
+    setTimeout(() => {
+      updateDatasetSource(data);
+    }, 2000);
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/list.ts
+++ b/projects/app/src/pages/api/core/dataset/list.ts
@@ -0,0 +1,39 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, KB } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { getVectorModel } from '@/service/utils/data';
+import type { DatasetsItemType } from '@/types/core/dataset';
+import { KbTypeEnum } from '@/constants/dataset';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { parentId, type } = req.query as { parentId?: string; type?: `${KbTypeEnum}` };
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const kbList = await KB.find({
+      userId,
+      ...(parentId !== undefined && { parentId: parentId || null }),
+      ...(type && { type })
+    }).sort({ updateTime: -1 });
+
+    const data = await Promise.all(
+      kbList.map(async (item) => ({
+        ...item.toJSON(),
+        vectorModel: getVectorModel(item.vectorModel)
+      }))
+    );
+
+    jsonRes<DatasetsItemType[]>(res, {
+      data
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/core/dataset/paths.ts
+++ b/projects/app/src/pages/api/core/dataset/paths.ts
@@ -0,0 +1,36 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, KB } from '@/service/mongo';
+import type { DatasetPathItemType } from '@/types/core/dataset';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { parentId } = req.query as { parentId: string };
+
+    jsonRes<DatasetPathItemType[]>(res, {
+      data: await getParents(parentId)
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
+
+async function getParents(parentId?: string): Promise<DatasetPathItemType[]> {
+  if (!parentId) {
+    return [];
+  }
+
+  const parent = await KB.findById(parentId, 'name parentId');
+
+  if (!parent) return [];
+
+  const paths = await getParents(parent.parentId);
+  paths.push({ parentId, parentName: parent.name });
+
+  return paths;
+}
--- a/projects/app/src/pages/api/core/dataset/searchTest.ts
+++ b/projects/app/src/pages/api/core/dataset/searchTest.ts
@@ -0,0 +1,56 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { PgClient } from '@/service/pg';
+import { withNextCors } from '@/service/utils/tools';
+import { getVector } from '../../openapi/plugin/vector';
+import { PgDatasetTableName } from '@/constants/plugin';
+import { KB } from '@/service/mongo';
+import type { SearchTestProps, SearchTestResponseType } from '@/api/core/dataset/index.d';
+
+export default withNextCors(async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { kbId, text } = req.body as SearchTestProps;
+
+    if (!kbId || !text) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const [{ userId }, kb] = await Promise.all([
+      authUser({ req }),
+      KB.findById(kbId, 'vectorModel')
+    ]);
+
+    if (!userId || !kb) {
+      throw new Error('缺少用户ID');
+    }
+
+    const { vectors } = await getVector({
+      model: kb.vectorModel,
+      userId,
+      input: [text]
+    });
+
+    const response: any = await PgClient.query(
+      `BEGIN;
+        SET LOCAL ivfflat.probes = ${global.systemEnv.pgIvfflatProbe || 10};
+        select id, q, a, source, file_id, (vector <#> '[${
+          vectors[0]
+        }]') * -1 AS score from ${PgDatasetTableName} where kb_id='${kbId}' AND user_id='${userId}' order by vector <#> '[${
+        vectors[0]
+      }]' limit 12;
+        COMMIT;`
+    );
+
+    jsonRes<SearchTestResponseType>(res, {
+      data: response?.[2]?.rows || []
+    });
+  } catch (err) {
+    console.log(err);
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+});
--- a/projects/app/src/pages/api/core/dataset/update.ts
+++ b/projects/app/src/pages/api/core/dataset/update.ts
@@ -0,0 +1,42 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, KB } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import type { DatasetUpdateParams } from '@/api/core/dataset/index.d';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { id, parentId, name, avatar, tags } = req.body as DatasetUpdateParams;
+
+    if (!id) {
+      throw new Error('缺少参数');
+    }
+
+    // 凭证校验
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    await KB.findOneAndUpdate(
+      {
+        _id: id,
+        userId
+      },
+      {
+        ...(parentId !== undefined && { parentId: parentId || null }),
+        ...(name && { name }),
+        ...(avatar && { avatar }),
+        ...(typeof tags === 'string' && {
+          tags: tags.split(' ').filter((item) => item)
+        })
+      }
+    );
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/openapi/plugin/vector.ts
+++ b/projects/app/src/pages/api/openapi/plugin/vector.ts
@@ -0,0 +1,102 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authBalanceByUid, authUser } from '@/service/utils/auth';
+import { withNextCors } from '@/service/utils/tools';
+import { getAIChatApi, axiosConfig } from '@/service/lib/openai';
+import { pushGenerateVectorBill } from '@/service/common/bill/push';
+
+type Props = {
+  model: string;
+  input: string[];
+  billId?: string;
+};
+type Response = {
+  tokenLen: number;
+  vectors: number[][];
+};
+
+export default withNextCors(async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { userId } = await authUser({ req });
+    let { input, model } = req.query as Props;
+
+    if (!Array.isArray(input)) {
+      throw new Error('缺少参数');
+    }
+
+    jsonRes<Response>(res, {
+      data: await getVector({ userId, input, model })
+    });
+  } catch (err) {
+    console.log(err);
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+});
+
+export async function getVector({
+  model = 'text-embedding-ada-002',
+  userId,
+  input,
+  billId
+}: { userId?: string } & Props) {
+  userId && (await authBalanceByUid(userId));
+
+  for (let i = 0; i < input.length; i++) {
+    if (!input[i]) {
+      return Promise.reject({
+        code: 500,
+        message: '向量生成模块输入内容为空'
+      });
+    }
+  }
+
+  // 获取 chatAPI
+  const chatAPI = getAIChatApi();
+
+  // 把输入的内容转成向量
+  const result = await chatAPI
+    .createEmbedding(
+      {
+        model,
+        input
+      },
+      {
+        timeout: 60000,
+        ...axiosConfig()
+      }
+    )
+    .then(async (res) => {
+      if (!res.data?.data?.[0]?.embedding) {
+        console.log(res.data);
+        // @ts-ignore
+        return Promise.reject(res.data?.err?.message || 'Embedding API Error');
+      }
+      return {
+        tokenLen: res.data.usage.total_tokens || 0,
+        vectors: await Promise.all(res.data.data.map((item) => unityDimensional(item.embedding)))
+      };
+    });
+
+  userId &&
+    pushGenerateVectorBill({
+      userId,
+      tokenLen: result.tokenLen,
+      model,
+      billId
+    });
+
+  return result;
+}
+
+function unityDimensional(vector: number[]) {
+  if (vector.length > 1536) return Promise.reject('向量维度不能超过 1536');
+  let resultVector = vector;
+  const vectorLen = vector.length;
+
+  const zeroVector = new Array(1536 - vectorLen).fill(0);
+
+  return resultVector.concat(zeroVector);
+}
--- a/projects/app/src/pages/api/openapi/v1/chat/completions.ts
+++ b/projects/app/src/pages/api/openapi/v1/chat/completions.ts
@@ -0,0 +1,512 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser, authApp, AuthUserTypeEnum } from '@/service/utils/auth';
+import { sseErrRes, jsonRes } from '@/service/response';
+import { addLog, withNextCors } from '@/service/utils/tools';
+import { ChatRoleEnum, ChatSourceEnum, sseResponseEventEnum } from '@/constants/chat';
+import {
+  dispatchHistory,
+  dispatchChatInput,
+  dispatchChatCompletion,
+  dispatchKBSearch,
+  dispatchAnswer,
+  dispatchClassifyQuestion,
+  dispatchContentExtract,
+  dispatchHttpRequest
+} from '@/service/moduleDispatch';
+import type { CreateChatCompletionRequest } from 'openai';
+import { gptMessage2ChatType, textAdaptGptResponse } from '@/utils/adapt';
+import { getChatHistory } from './getHistory';
+import { saveChat } from '@/service/utils/chat/saveChat';
+import { sseResponse } from '@/service/utils/tools';
+import { type ChatCompletionRequestMessage } from 'openai';
+import { TaskResponseKeyEnum } from '@/constants/chat';
+import { FlowModuleTypeEnum, initModuleType } from '@/constants/flow';
+import { AppModuleItemType, RunningModuleItemType } from '@/types/app';
+import { pushChatBill } from '@/service/common/bill/push';
+import { BillSourceEnum } from '@/constants/user';
+import { ChatHistoryItemResType } from '@/types/chat';
+import { UserModelSchema } from '@/types/mongoSchema';
+import { SystemInputEnum } from '@/constants/app';
+import { getSystemTime } from '@/utils/user';
+import { authOutLinkChat } from '@/service/support/outLink/auth';
+import requestIp from 'request-ip';
+import { replaceVariable } from '@/utils/common/tools/text';
+import { ModuleDispatchProps } from '@/types/core/modules';
+import { selectShareResponse } from '@/utils/service/core/chat';
+import { updateOutLinkUsage } from '@/service/support/outLink';
+import { updateApiKeyUsage } from '@/service/support/openapi';
+
+export type MessageItemType = ChatCompletionRequestMessage & { dataId?: string };
+type FastGptWebChatProps = {
+  chatId?: string; // undefined: nonuse history, '': new chat, 'xxxxx': use history
+  appId?: string;
+};
+type FastGptShareChatProps = {
+  shareId?: string;
+};
+export type Props = CreateChatCompletionRequest &
+  FastGptWebChatProps &
+  FastGptShareChatProps & {
+    messages: MessageItemType[];
+    stream?: boolean;
+    detail?: boolean;
+    variables: Record<string, any>;
+  };
+export type ChatResponseType = {
+  newChatId: string;
+  quoteLen?: number;
+};
+
+export default withNextCors(async function handler(req: NextApiRequest, res: NextApiResponse) {
+  res.on('close', () => {
+    res.end();
+  });
+  res.on('error', () => {
+    console.log('error: ', 'request error');
+    res.end();
+  });
+
+  let {
+    chatId,
+    appId,
+    shareId,
+    stream = false,
+    detail = false,
+    messages = [],
+    variables = {}
+  } = req.body as Props;
+
+  try {
+    // body data check
+    if (!messages) {
+      throw new Error('Prams Error');
+    }
+    if (!Array.isArray(messages)) {
+      throw new Error('messages is not array');
+    }
+    if (messages.length === 0) {
+      throw new Error('messages is empty');
+    }
+
+    await connectToDatabase();
+    let startTime = Date.now();
+
+    /* user auth */
+    const {
+      responseDetail: shareResponseDetail,
+      user,
+      userId,
+      appId: authAppid,
+      authType,
+      apikey
+    } = await (async (): Promise<{
+      user?: UserModelSchema;
+      responseDetail?: boolean;
+      userId: string;
+      appId: string;
+      authType: `${AuthUserTypeEnum}`;
+      apikey?: string;
+    }> => {
+      if (shareId) {
+        return authOutLinkChat({
+          shareId,
+          ip: requestIp.getClientIp(req)
+        });
+      }
+      return authUser({ req, authBalance: true });
+    })();
+
+    if (!user) {
+      throw new Error('Account is error');
+    }
+
+    // must have a app
+    appId = appId ? appId : authAppid;
+    if (!appId) {
+      throw new Error('appId is empty');
+    }
+
+    // auth app, get history
+    const [{ app }, { history }] = await Promise.all([
+      authApp({
+        appId,
+        userId
+      }),
+      getChatHistory({ chatId, appId, userId })
+    ]);
+
+    const isOwner = !shareId && userId === String(app.userId);
+    const responseDetail = isOwner || shareResponseDetail;
+
+    /* format prompts */
+    const prompts = history.concat(gptMessage2ChatType(messages));
+    if (prompts[prompts.length - 1]?.obj === 'AI') {
+      prompts.pop();
+    }
+    // user question
+    const prompt = prompts.pop();
+    if (!prompt) {
+      throw new Error('Question is empty');
+    }
+
+    // set sse response headers
+    if (stream) {
+      res.setHeader('Content-Type', 'text/event-stream;charset=utf-8');
+      res.setHeader('Access-Control-Allow-Origin', '*');
+      res.setHeader('X-Accel-Buffering', 'no');
+      res.setHeader('Cache-Control', 'no-cache, no-transform');
+    }
+
+    /* start flow controller */
+    const { responseData, answerText } = await dispatchModules({
+      res,
+      modules: app.modules,
+      user,
+      variables,
+      params: {
+        history: prompts,
+        userChatInput: prompt.value
+      },
+      stream,
+      detail
+    });
+
+    // save chat
+    if (chatId) {
+      await saveChat({
+        chatId,
+        appId,
+        userId,
+        variables,
+        isOwner, // owner update use time
+        shareId,
+        source: (() => {
+          if (shareId) {
+            return ChatSourceEnum.share;
+          }
+          if (authType === 'apikey') {
+            return ChatSourceEnum.api;
+          }
+          return ChatSourceEnum.online;
+        })(),
+        content: [
+          prompt,
+          {
+            dataId: messages[messages.length - 1].dataId,
+            obj: ChatRoleEnum.AI,
+            value: answerText,
+            responseData
+          }
+        ]
+      });
+    }
+
+    addLog.info(`completions running time: ${(Date.now() - startTime) / 1000}s`);
+
+    /* select fe response field */
+    const feResponseData = isOwner ? responseData : selectShareResponse({ responseData });
+
+    if (stream) {
+      sseResponse({
+        res,
+        event: detail ? sseResponseEventEnum.answer : undefined,
+        data: textAdaptGptResponse({
+          text: null,
+          finish_reason: 'stop'
+        })
+      });
+      sseResponse({
+        res,
+        event: detail ? sseResponseEventEnum.answer : undefined,
+        data: '[DONE]'
+      });
+
+      if (responseDetail && detail) {
+        sseResponse({
+          res,
+          event: sseResponseEventEnum.appStreamResponse,
+          data: JSON.stringify(feResponseData)
+        });
+      }
+
+      res.end();
+    } else {
+      res.json({
+        ...(detail ? { responseData: feResponseData } : {}),
+        id: chatId || '',
+        model: '',
+        usage: { prompt_tokens: 1, completion_tokens: 1, total_tokens: 1 },
+        choices: [
+          {
+            message: { role: 'assistant', content: answerText },
+            finish_reason: 'stop',
+            index: 0
+          }
+        ]
+      });
+    }
+
+    // add record
+    const { total } = pushChatBill({
+      appName: app.name,
+      appId,
+      userId,
+      source: (() => {
+        if (authType === 'apikey') return BillSourceEnum.api;
+        if (shareId) return BillSourceEnum.shareLink;
+        return BillSourceEnum.fastgpt;
+      })(),
+      response: responseData
+    });
+
+    !!shareId &&
+      updateOutLinkUsage({
+        shareId,
+        total
+      });
+    !!apikey &&
+      updateApiKeyUsage({
+        apikey,
+        usage: total
+      });
+  } catch (err: any) {
+    if (stream) {
+      sseErrRes(res, err);
+      res.end();
+    } else {
+      jsonRes(res, {
+        code: 500,
+        error: err
+      });
+    }
+  }
+});
+
+/* running */
+export async function dispatchModules({
+  res,
+  modules,
+  user,
+  params = {},
+  variables = {},
+  stream = false,
+  detail = false
+}: {
+  res: NextApiResponse;
+  modules: AppModuleItemType[];
+  user: UserModelSchema;
+  params?: Record<string, any>;
+  variables?: Record<string, any>;
+  stream?: boolean;
+  detail?: boolean;
+}) {
+  variables = {
+    ...getSystemVariable({ timezone: user.timezone }),
+    ...variables
+  };
+  const runningModules = loadModules(modules, variables);
+
+  // let storeData: Record<string, any> = {}; // after module used
+  let chatResponse: ChatHistoryItemResType[] = []; // response request and save to database
+  let chatAnswerText = ''; // AI answer
+  let runningTime = Date.now();
+
+  function pushStore({
+    answerText = '',
+    responseData
+  }: {
+    answerText?: string;
+    responseData?: ChatHistoryItemResType;
+  }) {
+    const time = Date.now();
+    responseData &&
+      chatResponse.push({
+        ...responseData,
+        runningTime: +((time - runningTime) / 1000).toFixed(2)
+      });
+    runningTime = time;
+    chatAnswerText += answerText;
+  }
+  function moduleInput(
+    module: RunningModuleItemType,
+    data: Record<string, any> = {}
+  ): Promise<any> {
+    const checkInputFinish = () => {
+      return !module.inputs.find((item: any) => item.value === undefined);
+    };
+    const updateInputValue = (key: string, value: any) => {
+      const index = module.inputs.findIndex((item: any) => item.key === key);
+      if (index === -1) return;
+      module.inputs[index].value = value;
+    };
+
+    const set = new Set();
+
+    return Promise.all(
+      Object.entries(data).map(([key, val]: any) => {
+        updateInputValue(key, val);
+
+        if (!set.has(module.moduleId) && checkInputFinish()) {
+          set.add(module.moduleId);
+          // remove switch
+          updateInputValue(SystemInputEnum.switch, undefined);
+          return moduleRun(module);
+        }
+      })
+    );
+  }
+  function moduleOutput(
+    module: RunningModuleItemType,
+    result: Record<string, any> = {}
+  ): Promise<any> {
+    pushStore(result);
+    return Promise.all(
+      module.outputs.map((outputItem) => {
+        if (result[outputItem.key] === undefined) return;
+        /* update output value */
+        outputItem.value = result[outputItem.key];
+
+        /* update target */
+        return Promise.all(
+          outputItem.targets.map((target: any) => {
+            // find module
+            const targetModule = runningModules.find((item) => item.moduleId === target.moduleId);
+            if (!targetModule) return;
+
+            return moduleInput(targetModule, { [target.key]: outputItem.value });
+          })
+        );
+      })
+    );
+  }
+  async function moduleRun(module: RunningModuleItemType): Promise<any> {
+    if (res.closed) return Promise.resolve();
+
+    if (stream && detail && module.showStatus) {
+      responseStatus({
+        res,
+        name: module.name,
+        status: 'running'
+      });
+    }
+
+    // get fetch params
+    const params: Record<string, any> = {};
+    module.inputs.forEach((item: any) => {
+      params[item.key] = item.value;
+    });
+    const props: ModuleDispatchProps<Record<string, any>> = {
+      res,
+      stream,
+      detail,
+      variables,
+      moduleName: module.name,
+      outputs: module.outputs,
+      userOpenaiAccount: user?.openaiAccount,
+      inputs: params
+    };
+
+    const dispatchRes = await (async () => {
+      const callbackMap: Record<string, Function> = {
+        [FlowModuleTypeEnum.historyNode]: dispatchHistory,
+        [FlowModuleTypeEnum.questionInput]: dispatchChatInput,
+        [FlowModuleTypeEnum.answerNode]: dispatchAnswer,
+        [FlowModuleTypeEnum.chatNode]: dispatchChatCompletion,
+        [FlowModuleTypeEnum.kbSearchNode]: dispatchKBSearch,
+        [FlowModuleTypeEnum.classifyQuestion]: dispatchClassifyQuestion,
+        [FlowModuleTypeEnum.contentExtract]: dispatchContentExtract,
+        [FlowModuleTypeEnum.httpRequest]: dispatchHttpRequest
+      };
+      if (callbackMap[module.flowType]) {
+        return callbackMap[module.flowType](props);
+      }
+      return {};
+    })();
+
+    return moduleOutput(module, dispatchRes);
+  }
+
+  // start process width initInput
+  const initModules = runningModules.filter((item) => initModuleType[item.flowType]);
+
+  await Promise.all(initModules.map((module) => moduleInput(module, params)));
+
+  return {
+    [TaskResponseKeyEnum.answerText]: chatAnswerText,
+    [TaskResponseKeyEnum.responseData]: chatResponse
+  };
+}
+
+/* init store modules to running modules */
+function loadModules(
+  modules: AppModuleItemType[],
+  variables: Record<string, any>
+): RunningModuleItemType[] {
+  return modules.map((module) => {
+    return {
+      moduleId: module.moduleId,
+      name: module.name,
+      flowType: module.flowType,
+      showStatus: module.showStatus,
+      inputs: module.inputs
+        .filter((item) => item.connected) // filter unconnected target input
+        .map((item) => {
+          if (typeof item.value !== 'string') {
+            return {
+              key: item.key,
+              value: item.value
+            };
+          }
+
+          // variables replace
+          const replacedVal = replaceVariable(item.value, variables);
+
+          return {
+            key: item.key,
+            value: replacedVal
+          };
+        }),
+      outputs: module.outputs.map((item) => ({
+        key: item.key,
+        answer: item.key === TaskResponseKeyEnum.answerText,
+        value: undefined,
+        targets: item.targets
+      }))
+    };
+  });
+}
+
+/* sse response modules staus */
+export function responseStatus({
+  res,
+  status,
+  name
+}: {
+  res: NextApiResponse;
+  status?: 'running' | 'finish';
+  name?: string;
+}) {
+  if (!name) return;
+  sseResponse({
+    res,
+    event: sseResponseEventEnum.moduleStatus,
+    data: JSON.stringify({
+      status: 'running',
+      name
+    })
+  });
+}
+
+/* get system variable */
+export function getSystemVariable({ timezone }: { timezone: string }) {
+  return {
+    cTime: getSystemTime(timezone)
+  };
+}
+
+export const config = {
+  api: {
+    responseLimit: '20mb'
+  }
+};
--- a/projects/app/src/pages/api/openapi/v1/chat/getHistory.ts
+++ b/projects/app/src/pages/api/openapi/v1/chat/getHistory.ts
@@ -0,0 +1,75 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase, ChatItem } from '@/service/mongo';
+import { Types } from 'mongoose';
+import type { ChatItemType } from '@/types/chat';
+
+export type Props = {
+  appId?: string;
+  chatId?: string;
+  limit?: number;
+};
+export type Response = { history: ChatItemType[] };
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    const { userId } = await authUser({ req });
+    const { chatId, limit } = req.body as Props;
+
+    jsonRes<Response>(res, {
+      data: await getChatHistory({
+        chatId,
+        userId,
+        limit
+      })
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
+
+export async function getChatHistory({
+  chatId,
+  userId,
+  appId,
+  limit = 30
+}: Props & { userId: string }): Promise<Response> {
+  if (!chatId || !appId) {
+    return { history: [] };
+  }
+
+  const history = await ChatItem.aggregate([
+    {
+      $match: {
+        chatId,
+        appId: new Types.ObjectId(appId),
+        userId: new Types.ObjectId(userId)
+      }
+    },
+    {
+      $sort: {
+        _id: -1
+      }
+    },
+    {
+      $limit: limit
+    },
+    {
+      $project: {
+        dataId: 1,
+        obj: 1,
+        value: 1
+      }
+    }
+  ]);
+
+  history.reverse();
+
+  return { history };
+}
--- a/projects/app/src/pages/api/plugins/urlFetch.ts
+++ b/projects/app/src/pages/api/plugins/urlFetch.ts
@@ -0,0 +1,71 @@
+// pages/api/fetchContent.ts
+import { NextApiRequest, NextApiResponse } from 'next';
+import axios from 'axios';
+import { JSDOM } from 'jsdom';
+import { Readability } from '@mozilla/readability';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import type { FetchResultItem } from '@/types/plugin';
+import { simpleText } from '@/utils/file';
+
+export type UrlFetchResponse = FetchResultItem[];
+
+const fetchContent = async (req: NextApiRequest, res: NextApiResponse) => {
+  try {
+    let { urlList = [] } = req.body as { urlList: string[] };
+
+    if (!urlList || urlList.length === 0) {
+      throw new Error('urlList is empty');
+    }
+
+    await authUser({ req });
+
+    urlList = urlList.filter((url) => /^(http|https):\/\/[^ "]+$/.test(url));
+
+    const response = (
+      await Promise.allSettled(
+        urlList.map(async (url) => {
+          try {
+            const fetchRes = await axios.get(url, {
+              timeout: 30000
+            });
+
+            const dom = new JSDOM(fetchRes.data, {
+              url,
+              contentType: 'text/html'
+            });
+
+            const reader = new Readability(dom.window.document);
+            const article = reader.parse();
+
+            const content = article?.textContent || '';
+
+            return {
+              url,
+              content: simpleText(`${article?.title}\n${content}`)
+            };
+          } catch (error) {
+            return {
+              url,
+              content: ''
+            };
+          }
+        })
+      )
+    )
+      .filter((item) => item.status === 'fulfilled')
+      .map((item: any) => item.value)
+      .filter((item) => item.content);
+
+    jsonRes<UrlFetchResponse>(res, {
+      data: response
+    });
+  } catch (error: any) {
+    jsonRes(res, {
+      code: 500,
+      error: error
+    });
+  }
+};
+
+export default fetchContent;
--- a/projects/app/src/pages/api/plusApi/[...path].ts
+++ b/projects/app/src/pages/api/plusApi/[...path].ts
@@ -0,0 +1,44 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { request } from '@/api/service/request';
+import type { Method } from 'axios';
+import { connectToDatabase } from '@/service/mongo';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+
+    const method = (req.method || 'POST') as Method;
+    const { path = [], ...query } = req.query as any;
+
+    const url = `/${path?.join('/')}`;
+
+    if (!url) {
+      throw new Error('url is empty');
+    }
+
+    const data = {
+      ...req.body,
+      ...query
+    };
+
+    const repose = await request(
+      url,
+      data,
+      {
+        // @ts-ignore
+        headers: req.headers
+      },
+      method
+    );
+
+    jsonRes(res, {
+      data: repose
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/file/delete.ts
+++ b/projects/app/src/pages/api/support/file/delete.ts
@@ -0,0 +1,30 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { fileId } = req.query as { fileId: string };
+
+    if (!fileId) {
+      throw new Error('fileId is empty');
+    }
+
+    const { userId } = await authUser({ req });
+
+    const gridFs = new GridFSStorage('dataset', userId);
+
+    await gridFs.delete(fileId);
+
+    jsonRes(res);
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/file/read.ts
+++ b/projects/app/src/pages/api/support/file/read.ts
@@ -0,0 +1,45 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { authFileToken } from './readUrl';
+import jschardet from 'jschardet';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { token } = req.query as { token: string };
+
+    const { fileId, userId } = await authFileToken(token);
+
+    if (!fileId) {
+      throw new Error('fileId is empty');
+    }
+
+    const gridFs = new GridFSStorage('dataset', userId);
+
+    const [file, buffer] = await Promise.all([
+      gridFs.findAndAuthFile(fileId),
+      gridFs.download(fileId)
+    ]);
+
+    const encoding = jschardet.detect(buffer)?.encoding;
+
+    res.setHeader('Content-Type', `${file.contentType}; charset=${encoding}`);
+    res.setHeader('Cache-Control', 'public, max-age=3600');
+    res.setHeader('Content-Disposition', `inline; filename="${encodeURIComponent(file.filename)}"`);
+
+    res.end(buffer);
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
+export const config = {
+  api: {
+    responseLimit: '32mb'
+  }
+};
--- a/projects/app/src/pages/api/support/file/readUrl.ts
+++ b/projects/app/src/pages/api/support/file/readUrl.ts
@@ -0,0 +1,75 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import jwt from 'jsonwebtoken';
+import { ERROR_ENUM } from '@/service/errorCode';
+import { GridFSStorage } from '@/service/lib/gridfs';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+
+    const { fileId } = req.query as { fileId: string };
+
+    if (!fileId) {
+      throw new Error('fileId is empty');
+    }
+
+    const { userId } = await authUser({ req });
+
+    // auth file
+    const gridFs = new GridFSStorage('dataset', userId);
+    await gridFs.findAndAuthFile(fileId);
+
+    const token = await createFileToken({
+      userId,
+      fileId
+    });
+
+    jsonRes(res, {
+      data: `/api/support/file/read?token=${token}`
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
+
+export const createFileToken = (data: { userId: string; fileId: string }) => {
+  if (!process.env.FILE_TOKEN_KEY) {
+    return Promise.reject('System unset FILE_TOKEN_KEY');
+  }
+  const expiredTime = Math.floor(Date.now() / 1000) + 60 * 30;
+
+  const key = process.env.FILE_TOKEN_KEY as string;
+  const token = jwt.sign(
+    {
+      ...data,
+      exp: expiredTime
+    },
+    key
+  );
+  return Promise.resolve(token);
+};
+
+export const authFileToken = (token?: string) =>
+  new Promise<{ userId: string; fileId: string }>((resolve, reject) => {
+    if (!token) {
+      return reject(ERROR_ENUM.unAuthFile);
+    }
+    const key = process.env.FILE_TOKEN_KEY as string;
+
+    jwt.verify(token, key, function (err, decoded: any) {
+      if (err || !decoded?.userId || !decoded?.fileId) {
+        reject(ERROR_ENUM.unAuthFile);
+        return;
+      }
+      resolve({
+        userId: decoded.userId,
+        fileId: decoded.fileId
+      });
+    });
+  });
--- a/projects/app/src/pages/api/support/file/upload.ts
+++ b/projects/app/src/pages/api/support/file/upload.ts
@@ -0,0 +1,111 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { GridFSStorage } from '@/service/lib/gridfs';
+import { customAlphabet } from 'nanoid';
+import multer from 'multer';
+import path from 'path';
+
+const nanoid = customAlphabet('1234567890abcdef', 12);
+
+type FileType = {
+  fieldname: string;
+  originalname: string;
+  encoding: string;
+  mimetype: string;
+  filename: string;
+  path: string;
+  size: number;
+};
+
+/**
+ * Creates the multer uploader
+ */
+const maxSize = 50 * 1024 * 1024;
+class UploadModel {
+  uploader = multer({
+    limits: {
+      fieldSize: maxSize
+    },
+    preservePath: true,
+    storage: multer.diskStorage({
+      filename: (_req, file, cb) => {
+        const { ext } = path.parse(decodeURIComponent(file.originalname));
+        cb(null, nanoid() + ext);
+      }
+    })
+  }).any();
+
+  async doUpload(req: NextApiRequest, res: NextApiResponse) {
+    return new Promise<{ files: FileType[]; metadata: Record<string, any> }>((resolve, reject) => {
+      // @ts-ignore
+      this.uploader(req, res, (error) => {
+        if (error) {
+          return reject(error);
+        }
+
+        resolve({
+          files:
+            // @ts-ignore
+            req.files?.map((file) => ({
+              ...file,
+              originalname: decodeURIComponent(file.originalname)
+            })) || [],
+          metadata: (() => {
+            if (!req.body?.metadata) return {};
+            try {
+              return JSON.parse(req.body.metadata);
+            } catch (error) {
+              console.log(error);
+
+              return {};
+            }
+          })()
+        });
+      });
+    });
+  }
+}
+
+const upload = new UploadModel();
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    await connectToDatabase();
+    const { userId } = await authUser({ req, authToken: true });
+
+    const { files, metadata } = await upload.doUpload(req, res);
+
+    const gridFs = new GridFSStorage('dataset', userId);
+
+    const upLoadResults = await Promise.all(
+      files.map((file) =>
+        gridFs.save({
+          path: file.path,
+          filename: file.originalname,
+          metadata: {
+            ...metadata,
+            contentType: file.mimetype,
+            userId
+          }
+        })
+      )
+    );
+
+    jsonRes(res, {
+      data: upLoadResults
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
+
+export const config = {
+  api: {
+    bodyParser: false
+  }
+};
--- a/projects/app/src/pages/api/support/openapi/delKey.ts
+++ b/projects/app/src/pages/api/support/openapi/delKey.ts
@@ -0,0 +1,28 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OpenApi } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { id } = req.query as { id: string };
+
+    if (!id) {
+      throw new Error('缺少参数');
+    }
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    await OpenApi.findOneAndRemove({ _id: id, userId });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/openapi/getKeys.ts
+++ b/projects/app/src/pages/api/support/openapi/getKeys.ts
@@ -0,0 +1,25 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OpenApi } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import type { GetApiKeyProps } from '@/api/support/openapi/index.d';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { appId } = req.query as GetApiKeyProps;
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const findResponse = await OpenApi.find({ userId, appId }).sort({ _id: -1 });
+
+    jsonRes(res, {
+      data: findResponse.map((item) => item.toObject())
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/openapi/postKey.ts
+++ b/projects/app/src/pages/api/support/openapi/postKey.ts
@@ -0,0 +1,45 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OpenApi } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { customAlphabet } from 'nanoid';
+import type { EditApiKeyProps } from '@/api/support/openapi/index.d';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { appId, name, limit } = req.body as EditApiKeyProps;
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const count = await OpenApi.find({ userId, appId }).countDocuments();
+
+    if (count >= 10) {
+      throw new Error('最多 10 组 API 秘钥');
+    }
+
+    const nanoid = customAlphabet(
+      'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890',
+      Math.floor(Math.random() * 14) + 24
+    );
+    const apiKey = `${global.systemEnv?.openapiPrefix || 'fastgpt'}-${nanoid()}`;
+
+    await OpenApi.create({
+      userId,
+      apiKey,
+      appId,
+      name,
+      limit
+    });
+
+    jsonRes(res, {
+      data: apiKey
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/openapi/putKey.ts
+++ b/projects/app/src/pages/api/support/openapi/putKey.ts
@@ -0,0 +1,32 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OpenApi } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import type { EditApiKeyProps } from '@/api/support/openapi/index.d';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { _id, name, limit } = req.body as EditApiKeyProps & { _id: string };
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    await OpenApi.findOneAndUpdate(
+      {
+        _id,
+        userId
+      },
+      {
+        ...(name && { name }),
+        ...(limit && { limit })
+      }
+    );
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/outLink/create.ts
+++ b/projects/app/src/pages/api/support/outLink/create.ts
@@ -0,0 +1,44 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OutLink } from '@/service/mongo';
+import { authApp, authUser } from '@/service/utils/auth';
+import type { OutLinkEditType } from '@/types/support/outLink';
+import { customAlphabet } from 'nanoid';
+import { OutLinkTypeEnum } from '@/constants/chat';
+const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 24);
+
+/* create a shareChat */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { appId, ...props } = req.body as OutLinkEditType & {
+      appId: string;
+      type: `${OutLinkTypeEnum}`;
+    };
+
+    await connectToDatabase();
+
+    const { userId } = await authUser({ req, authToken: true });
+    await authApp({
+      appId,
+      userId,
+      authOwner: false
+    });
+
+    const shareId = nanoid();
+    await OutLink.create({
+      shareId,
+      userId,
+      appId,
+      ...props
+    });
+
+    jsonRes(res, {
+      data: shareId
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/outLink/delete.ts
+++ b/projects/app/src/pages/api/support/outLink/delete.ts
@@ -0,0 +1,29 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OutLink } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+/* delete a shareChat by shareChatId */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+
+    const { id } = req.query as {
+      id: string;
+    };
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await OutLink.findOneAndRemove({
+      _id: id,
+      userId
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/outLink/init.ts
+++ b/projects/app/src/pages/api/support/outLink/init.ts
@@ -0,0 +1,60 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OutLink, User } from '@/service/mongo';
+import type { InitShareChatResponse } from '@/api/response/chat';
+import { authApp } from '@/service/utils/auth';
+import { HUMAN_ICON } from '@/constants/chat';
+import { getChatModelNameList, getSpecialModule } from '@/components/ChatBox/utils';
+
+/* init share chat window */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    let { shareId } = req.query as {
+      shareId: string;
+    };
+
+    if (!shareId) {
+      throw new Error('params is error');
+    }
+
+    await connectToDatabase();
+
+    // get shareChat
+    const shareChat = await OutLink.findOne({ shareId });
+
+    if (!shareChat) {
+      return jsonRes(res, {
+        code: 501,
+        error: '分享链接已失效'
+      });
+    }
+
+    // 校验使用权限
+    const [{ app }, user] = await Promise.all([
+      authApp({
+        appId: shareChat.appId,
+        userId: String(shareChat.userId),
+        authOwner: false
+      }),
+      User.findById(shareChat.userId, 'avatar')
+    ]);
+
+    jsonRes<InitShareChatResponse>(res, {
+      data: {
+        userAvatar: user?.avatar || HUMAN_ICON,
+        app: {
+          ...getSpecialModule(app.modules),
+          chatModels: getChatModelNameList(app.modules),
+          name: app.name,
+          avatar: app.avatar,
+          intro: app.intro
+        }
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/outLink/list.ts
+++ b/projects/app/src/pages/api/support/outLink/list.ts
@@ -0,0 +1,32 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OutLink } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { hashPassword } from '@/service/utils/tools';
+
+/* get shareChat list by appId */
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+
+    const { appId } = req.query as {
+      appId: string;
+    };
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    const data = await OutLink.find({
+      appId,
+      userId
+    }).sort({
+      _id: -1
+    });
+
+    jsonRes(res, { data });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/support/outLink/update.ts
+++ b/projects/app/src/pages/api/support/outLink/update.ts
@@ -0,0 +1,25 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, OutLink } from '@/service/mongo';
+import type { OutLinkEditType } from '@/types/support/outLink';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+
+    const { _id, name, responseDetail, limit } = req.body as OutLinkEditType & {};
+
+    await OutLink.findByIdAndUpdate(_id, {
+      name,
+      responseDetail,
+      limit
+    });
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/system/getInitData.ts
+++ b/projects/app/src/pages/api/system/getInitData.ts
@@ -0,0 +1,162 @@
+import type { FeConfigsType, SystemEnvType } from '@/types';
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { readFileSync } from 'fs';
+import {
+  type QAModelItemType,
+  type ChatModelItemType,
+  type VectorModelItemType,
+  FunctionModelItemType
+} from '@/types/model';
+
+export type InitDateResponse = {
+  chatModels: ChatModelItemType[];
+  qaModel: QAModelItemType;
+  vectorModels: VectorModelItemType[];
+  feConfigs: FeConfigsType;
+  systemVersion: string;
+};
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (!global.feConfigs) {
+    await getInitConfig();
+  }
+  jsonRes<InitDateResponse>(res, {
+    data: {
+      feConfigs: global.feConfigs,
+      chatModels: global.chatModels,
+      qaModel: global.qaModel,
+      vectorModels: global.vectorModels,
+      systemVersion: global.systemVersion || '0.0.0'
+    }
+  });
+}
+
+const defaultSystemEnv: SystemEnvType = {
+  vectorMaxProcess: 15,
+  qaMaxProcess: 15,
+  pgIvfflatProbe: 20
+};
+const defaultFeConfigs: FeConfigsType = {
+  show_emptyChat: true,
+  show_contact: true,
+  show_git: true,
+  show_doc: true,
+  systemTitle: 'FastGPT',
+  authorText: 'Made by FastGPT Team.',
+  limit: {
+    exportLimitMinutes: 0
+  },
+  scripts: []
+};
+const defaultChatModels = [
+  {
+    model: 'gpt-3.5-turbo',
+    name: 'GPT35-4k',
+    contextMaxToken: 4000,
+    quoteMaxToken: 2400,
+    maxTemperature: 1.2,
+    price: 0
+  },
+  {
+    model: 'gpt-3.5-turbo-16k',
+    name: 'GPT35-16k',
+    contextMaxToken: 16000,
+    quoteMaxToken: 8000,
+    maxTemperature: 1.2,
+    price: 0
+  },
+  {
+    model: 'gpt-4',
+    name: 'GPT4-8k',
+    contextMaxToken: 8000,
+    quoteMaxToken: 4000,
+    maxTemperature: 1.2,
+    price: 0
+  }
+];
+const defaultQAModel = {
+  model: 'gpt-3.5-turbo-16k',
+  name: 'GPT35-16k',
+  maxToken: 16000,
+  price: 0
+};
+export const defaultExtractModel: FunctionModelItemType = {
+  model: 'gpt-3.5-turbo-16k',
+  name: 'GPT35-16k',
+  maxToken: 16000,
+  price: 0,
+  prompt: '',
+  functionCall: true
+};
+export const defaultCQModel: FunctionModelItemType = {
+  model: 'gpt-3.5-turbo-16k',
+  name: 'GPT35-16k',
+  maxToken: 16000,
+  price: 0,
+  prompt: '',
+  functionCall: true
+};
+
+const defaultVectorModels: VectorModelItemType[] = [
+  {
+    model: 'text-embedding-ada-002',
+    name: 'Embedding-2',
+    price: 0,
+    defaultToken: 500,
+    maxToken: 3000
+  }
+];
+
+export async function getInitConfig() {
+  try {
+    if (global.feConfigs) return;
+
+    getSystemVersion();
+
+    const filename =
+      process.env.NODE_ENV === 'development' ? 'data/config.local.json' : '/app/data/config.json';
+    const res = JSON.parse(readFileSync(filename, 'utf-8'));
+
+    console.log(`System Version: ${global.systemVersion}`);
+
+    console.log(res);
+
+    global.systemEnv = res.SystemParams
+      ? { ...defaultSystemEnv, ...res.SystemParams }
+      : defaultSystemEnv;
+    global.feConfigs = res.FeConfig ? { ...defaultFeConfigs, ...res.FeConfig } : defaultFeConfigs;
+    global.chatModels = res.ChatModels || defaultChatModels;
+    global.qaModel = res.QAModel || defaultQAModel;
+    global.extractModel = res.ExtractModel || defaultExtractModel;
+    global.cqModel = res.CQModel || defaultCQModel;
+    global.vectorModels = res.VectorModels || defaultVectorModels;
+  } catch (error) {
+    setDefaultData();
+    console.log('get init config error, set default', error);
+  }
+}
+
+export function setDefaultData() {
+  global.systemEnv = defaultSystemEnv;
+  global.feConfigs = defaultFeConfigs;
+  global.chatModels = defaultChatModels;
+  global.qaModel = defaultQAModel;
+  global.vectorModels = defaultVectorModels;
+}
+
+export function getSystemVersion() {
+  try {
+    if (process.env.NODE_ENV === 'development') {
+      global.systemVersion = process.env.npm_package_version || '0.0.0';
+      return;
+    }
+    const packageJson = JSON.parse(readFileSync('/app/package.json', 'utf-8'));
+
+    global.systemVersion = packageJson?.version;
+  } catch (error) {
+    console.log(error);
+
+    global.systemVersion = '0.0.0';
+  }
+}
--- a/projects/app/src/pages/api/system/img/[id].ts
+++ b/projects/app/src/pages/api/system/img/[id].ts
@@ -0,0 +1,25 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Image } from '@/service/mongo';
+
+// get the models available to the system
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    const { id } = req.query;
+
+    const data = await Image.findById(id);
+
+    if (!data) {
+      throw new Error('no image');
+    }
+    res.setHeader('Content-Type', 'image/jpeg');
+
+    res.send(data.binary);
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
--- a/projects/app/src/pages/api/system/uploadImage.ts
+++ b/projects/app/src/pages/api/system/uploadImage.ts
@@ -0,0 +1,37 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Image } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+type Props = { base64Img: string };
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    const { userId } = await authUser({ req, authToken: true });
+    const { base64Img } = req.body as Props;
+
+    const data = await uploadImg({
+      userId,
+      base64Img
+    });
+
+    jsonRes(res, { data });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
+
+export async function uploadImg({ base64Img, userId }: Props & { userId: string }) {
+  const base64Data = base64Img.split(',')[1];
+
+  const { _id } = await Image.create({
+    userId,
+    binary: Buffer.from(base64Data, 'base64')
+  });
+
+  return `/api/system/img/${_id}`;
+}
--- a/projects/app/src/pages/api/user/account/loginByPassword.ts
+++ b/projects/app/src/pages/api/user/account/loginByPassword.ts
@@ -0,0 +1,50 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { User } from '@/service/models/user';
+import { generateToken, setCookie } from '@/service/utils/tools';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { username, password } = req.body;
+
+    if (!username || !password) {
+      throw new Error('缺少参数');
+    }
+
+    await connectToDatabase();
+
+    // 检测用户是否存在
+    const authUser = await User.findOne({
+      username
+    });
+    if (!authUser) {
+      throw new Error('用户未注册');
+    }
+
+    const user = await User.findOne({
+      username,
+      password
+    });
+
+    if (!user) {
+      throw new Error('密码错误');
+    }
+
+    const token = generateToken(user._id);
+    setCookie(res, token);
+
+    jsonRes(res, {
+      data: {
+        user,
+        token
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/account/loginout.ts
+++ b/projects/app/src/pages/api/user/account/loginout.ts
@@ -0,0 +1,16 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { clearCookie } from '@/service/utils/tools';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    clearCookie(res);
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/account/paySuccess.ts
+++ b/projects/app/src/pages/api/user/account/paySuccess.ts
@@ -0,0 +1,30 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { TrainingData } from '@/service/mongo';
+import { startQueue } from '@/service/utils/tools';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { userId } = await authUser({ req, authToken: true });
+    await unlockTask(userId);
+  } catch (error) {}
+  jsonRes(res);
+}
+
+async function unlockTask(userId: string) {
+  try {
+    await TrainingData.updateMany(
+      {
+        userId
+      },
+      {
+        lockTime: new Date('2000/1/1')
+      }
+    );
+
+    startQueue();
+  } catch (error) {
+    unlockTask(userId);
+  }
+}
--- a/projects/app/src/pages/api/user/account/tokenLogin.ts
+++ b/projects/app/src/pages/api/user/account/tokenLogin.ts
@@ -0,0 +1,30 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase } from '@/service/mongo';
+import { User } from '@/service/models/user';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    // 根据 id 获取用户信息
+    const user = await User.findById(userId);
+
+    if (!user) {
+      throw new Error('账号异常');
+    }
+
+    jsonRes(res, {
+      data: user
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/account/update.ts
+++ b/projects/app/src/pages/api/user/account/update.ts
@@ -0,0 +1,61 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { User } from '@/service/models/user';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { UserUpdateParams } from '@/types/user';
+import { axiosConfig, getAIChatApi, openaiBaseUrl } from '@/service/lib/openai';
+
+/* update user info */
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { avatar, timezone, openaiAccount } = req.body as UserUpdateParams;
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    // auth key
+    if (openaiAccount?.key) {
+      console.log('auth user openai key', openaiAccount?.key);
+      const baseUrl = openaiAccount?.baseUrl || openaiBaseUrl;
+      openaiAccount.baseUrl = baseUrl;
+
+      const chatAPI = getAIChatApi(openaiAccount);
+
+      const response = await chatAPI.createChatCompletion(
+        {
+          model: 'gpt-3.5-turbo',
+          max_tokens: 1,
+          messages: [{ role: 'user', content: 'hi' }]
+        },
+        {
+          ...axiosConfig(openaiAccount)
+        }
+      );
+      if (!response?.data?.choices?.[0]?.message?.content) {
+        throw new Error(JSON.stringify(response?.data));
+      }
+    }
+
+    // 更新对应的记录
+    await User.updateOne(
+      {
+        _id: userId
+      },
+      {
+        ...(avatar && { avatar }),
+        ...(timezone && { timezone }),
+        openaiAccount: openaiAccount?.key ? openaiAccount : null
+      }
+    );
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/account/updatePasswordByOld.ts
+++ b/projects/app/src/pages/api/user/account/updatePasswordByOld.ts
@@ -0,0 +1,46 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { User } from '@/service/models/user';
+import { connectToDatabase } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+  try {
+    const { oldPsw, newPsw } = req.body as { oldPsw: string; newPsw: string };
+
+    if (!oldPsw || !newPsw) {
+      throw new Error('Params is missing');
+    }
+
+    await connectToDatabase();
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    // auth old password
+    const user = await User.findOne({
+      _id: userId,
+      password: oldPsw
+    });
+
+    if (!user) {
+      throw new Error('user.Old password is error');
+    }
+
+    // 更新对应的记录
+    await User.findByIdAndUpdate(userId, {
+      password: newPsw
+    });
+
+    jsonRes(res, {
+      data: {
+        user
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/getBill.ts
+++ b/projects/app/src/pages/api/user/getBill.ts
@@ -0,0 +1,58 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Bill } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { adaptBill } from '@/utils/adapt';
+import { addDays } from 'date-fns';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const {
+      pageNum = 1,
+      pageSize = 10,
+      dateStart = addDays(new Date(), -7),
+      dateEnd = new Date()
+    } = req.body as {
+      pageNum: number;
+      pageSize: number;
+      dateStart: Date;
+      dateEnd: Date;
+    };
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const where = {
+      userId,
+      time: {
+        $gte: dateStart,
+        $lte: dateEnd
+      }
+    };
+
+    // get bill record and total by record
+    const [bills, total] = await Promise.all([
+      Bill.find(where)
+        .sort({ time: -1 }) // 按照创建时间倒序排列
+        .skip((pageNum - 1) * pageSize)
+        .limit(pageSize),
+      Bill.countDocuments(where)
+    ]);
+
+    jsonRes(res, {
+      data: {
+        pageNum,
+        pageSize,
+        data: bills.map(adaptBill),
+        total
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/getPayOrders.ts
+++ b/projects/app/src/pages/api/user/getPayOrders.ts
@@ -0,0 +1,27 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { authUser } from '@/service/utils/auth';
+import { connectToDatabase, Pay } from '@/service/mongo';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const records = await Pay.find({
+      userId,
+      status: { $ne: 'CLOSED' }
+    }).sort({ createTime: -1 });
+
+    jsonRes(res, {
+      data: records
+    });
+  } catch (err) {
+    console.log(err);
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/inform/countUnread.ts
+++ b/projects/app/src/pages/api/user/inform/countUnread.ts
@@ -0,0 +1,31 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Inform } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    if (!req.headers.cookie) {
+      return jsonRes(res, {
+        data: 0
+      });
+    }
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const data = await Inform.countDocuments({
+      userId,
+      read: false
+    });
+
+    jsonRes(res, {
+      data
+    });
+  } catch (err) {
+    jsonRes(res, {
+      data: 0
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/inform/list.ts
+++ b/projects/app/src/pages/api/user/inform/list.ts
@@ -0,0 +1,40 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Inform } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { userId } = await authUser({ req, authToken: true });
+
+    const { pageNum, pageSize = 10 } = req.body as {
+      pageNum: number;
+      pageSize: number;
+    };
+
+    await connectToDatabase();
+
+    const [informs, total] = await Promise.all([
+      Inform.find({ userId })
+        .sort({ time: -1 }) // 按照创建时间倒序排列
+        .skip((pageNum - 1) * pageSize)
+        .limit(pageSize),
+      Inform.countDocuments({ userId })
+    ]);
+
+    jsonRes(res, {
+      data: {
+        pageNum,
+        pageSize,
+        data: informs,
+        total
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/inform/read.ts
+++ b/projects/app/src/pages/api/user/inform/read.ts
@@ -0,0 +1,29 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Inform } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const { id } = req.query as { id: string };
+
+    await Inform.findOneAndUpdate(
+      {
+        _id: id,
+        userId
+      },
+      {
+        read: true
+      }
+    );
+
+    jsonRes(res);
+  } catch (err) {
+    jsonRes(res);
+  }
+}
--- a/projects/app/src/pages/api/user/inform/send.ts
+++ b/projects/app/src/pages/api/user/inform/send.ts
@@ -0,0 +1,77 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, Inform, User } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import { InformTypeEnum } from '@/constants/user';
+import { startSendInform } from '@/service/events/sendInform';
+
+export type Props = {
+  type: `${InformTypeEnum}`;
+  title: string;
+  content: string;
+  userId?: string;
+};
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await authUser({ req, authRoot: true });
+
+    await connectToDatabase();
+
+    jsonRes(res, {
+      data: await sendInform(req.body),
+      message: '发送通知成功'
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
+
+export async function sendInform({ type, title, content, userId }: Props) {
+  if (!type || !title || !content) {
+    return;
+  }
+
+  try {
+    if (userId) {
+      global.sendInformQueue.push(async () => {
+        // skip it if have same inform within 5 minutes
+        const inform = await Inform.findOne({
+          type,
+          title,
+          content,
+          userId,
+          time: { $gte: new Date(Date.now() - 5 * 60 * 1000) }
+        });
+
+        if (inform) return;
+
+        await Inform.create({
+          type,
+          title,
+          content,
+          userId
+        });
+      });
+      startSendInform();
+      return;
+    }
+
+    // send to all user
+    const users = await User.find({}, '_id');
+    await Inform.insertMany(
+      users.map(({ _id }) => ({
+        type,
+        title,
+        content,
+        userId: _id
+      }))
+    );
+  } catch (error) {
+    console.log('send inform error', error);
+  }
+}
--- a/projects/app/src/pages/api/user/promotion/getPromotionData.ts
+++ b/projects/app/src/pages/api/user/promotion/getPromotionData.ts
@@ -0,0 +1,51 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, User, promotionRecord } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+import mongoose from 'mongoose';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    const { userId } = await authUser({ req, authToken: true });
+
+    const invitedAmount = await User.countDocuments({
+      inviterId: userId
+    });
+
+    // 计算累计合
+    const countHistory: { totalAmount: number }[] = await promotionRecord.aggregate([
+      {
+        $match: {
+          userId: new mongoose.Types.ObjectId(userId),
+          amount: { $gt: 0 }
+        }
+      },
+      {
+        $group: {
+          _id: null, // 分组条件，这里使用 null 表示不分组
+          totalAmount: { $sum: '$amount' } // 计算 amount 字段的总和
+        }
+      },
+      {
+        $project: {
+          _id: false, // 排除 _id 字段
+          totalAmount: true // 只返回 totalAmount 字段
+        }
+      }
+    ]);
+
+    jsonRes(res, {
+      data: {
+        invitedAmount,
+        earningsAmount: countHistory[0]?.totalAmount || 0
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/api/user/promotion/getPromotions.ts
+++ b/projects/app/src/pages/api/user/promotion/getPromotions.ts
@@ -0,0 +1,44 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@/service/response';
+import { connectToDatabase, promotionRecord } from '@/service/mongo';
+import { authUser } from '@/service/utils/auth';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    let { pageNum = 1, pageSize = 10 } = req.body as {
+      pageNum: number;
+      pageSize: number;
+    };
+
+    const { userId } = await authUser({ req, authToken: true });
+
+    await connectToDatabase();
+
+    const data = await promotionRecord
+      .find(
+        {
+          userId
+        },
+        '_id createTime type amount'
+      )
+      .sort({ _id: -1 })
+      .skip((pageNum - 1) * pageSize)
+      .limit(pageSize);
+
+    jsonRes(res, {
+      data: {
+        pageNum,
+        pageSize,
+        data,
+        total: await promotionRecord.countDocuments({
+          userId
+        })
+      }
+    });
+  } catch (err) {
+    jsonRes(res, {
+      code: 500,
+      error: err
+    });
+  }
+}
--- a/projects/app/src/pages/app/detail/components/AIChatSettingsModal.tsx
+++ b/projects/app/src/pages/app/detail/components/AIChatSettingsModal.tsx
@@ -0,0 +1,112 @@
+import React from 'react';
+import MyModal from '@/components/MyModal';
+import { useTranslation } from 'react-i18next';
+import { EditFormType } from '@/utils/app';
+import { useForm } from 'react-hook-form';
+import {
+  Box,
+  BoxProps,
+  Button,
+  Flex,
+  Link,
+  ModalBody,
+  ModalFooter,
+  Textarea
+} from '@chakra-ui/react';
+import MyTooltip from '@/components/MyTooltip';
+import { QuestionOutlineIcon } from '@chakra-ui/icons';
+import { defaultQuotePrompt, defaultQuoteTemplate } from '@/prompts/core/AIChat';
+import { feConfigs } from '@/store/static';
+
+const AIChatSettingsModal = ({
+  onClose,
+  onSuccess,
+  defaultData
+}: {
+  onClose: () => void;
+  onSuccess: (e: EditFormType['chatModel']) => void;
+  defaultData: EditFormType['chatModel'];
+}) => {
+  const { t } = useTranslation();
+
+  const { register, handleSubmit } = useForm({
+    defaultValues: defaultData
+  });
+
+  const LabelStyles: BoxProps = {
+    fontWeight: 'bold',
+    mb: 1,
+    fontSize: ['sm', 'md']
+  };
+
+  return (
+    <MyModal
+      isOpen
+      title={
+        <Flex alignItems={'flex-end'}>
+          {t('app.Quote Prompt Settings')}
+          {feConfigs?.show_doc && (
+            <Link
+              href={'https://doc.fastgpt.run/docs/use-cases/prompt/'}
+              target={'_blank'}
+              ml={1}
+              textDecoration={'underline'}
+              fontWeight={'normal'}
+              fontSize={'md'}
+            >
+              查看说明
+            </Link>
+          )}
+        </Flex>
+      }
+      w={'700px'}
+    >
+      <ModalBody>
+        <Box>
+          <Box {...LabelStyles}>
+            引用内容模板
+            <MyTooltip
+              label={t('template.Quote Content Tip', { default: defaultQuoteTemplate })}
+              forceShow
+            >
+              <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
+            </MyTooltip>
+          </Box>
+          <Textarea
+            rows={4}
+            placeholder={t('template.Quote Content Tip', { default: defaultQuoteTemplate }) || ''}
+            borderColor={'myGray.100'}
+            {...register('quoteTemplate')}
+          />
+        </Box>
+        <Box mt={4}>
+          <Box {...LabelStyles}>
+            引用内容提示词
+            <MyTooltip
+              label={t('template.Quote Prompt Tip', { default: defaultQuotePrompt })}
+              forceShow
+            >
+              <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
+            </MyTooltip>
+          </Box>
+          <Textarea
+            rows={6}
+            placeholder={t('template.Quote Prompt Tip', { default: defaultQuotePrompt }) || ''}
+            borderColor={'myGray.100'}
+            {...register('quotePrompt')}
+          />
+        </Box>
+      </ModalBody>
+      <ModalFooter>
+        <Button variant={'base'} onClick={onClose}>
+          {t('Cancel')}
+        </Button>
+        <Button ml={4} onClick={handleSubmit(onSuccess)}>
+          {t('Confirm')}
+        </Button>
+      </ModalFooter>
+    </MyModal>
+  );
+};
+
+export default AIChatSettingsModal;
--- a/projects/app/src/pages/app/detail/components/AdEdit/components/ChatTest.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/ChatTest.tsx
@@ -0,0 +1,137 @@
+import { AppModuleItemType } from '@/types/app';
+import { AppSchema } from '@/types/mongoSchema';
+import React, {
+  useMemo,
+  useCallback,
+  useRef,
+  forwardRef,
+  useImperativeHandle,
+  ForwardedRef
+} from 'react';
+import { Box, Flex, IconButton } from '@chakra-ui/react';
+import MyIcon from '@/components/Icon';
+import { FlowModuleTypeEnum } from '@/constants/flow';
+import { streamFetch } from '@/api/fetch';
+import MyTooltip from '@/components/MyTooltip';
+import { useUserStore } from '@/store/user';
+import ChatBox, { type ComponentRef, type StartChatFnProps } from '@/components/ChatBox';
+import { getSpecialModule } from '@/components/ChatBox/utils';
+
+export type ChatTestComponentRef = {
+  resetChatTest: () => void;
+};
+
+const ChatTest = (
+  {
+    app,
+    modules = [],
+    onClose
+  }: {
+    app: AppSchema;
+    modules?: AppModuleItemType[];
+    onClose: () => void;
+  },
+  ref: ForwardedRef<ChatTestComponentRef>
+) => {
+  const ChatBoxRef = useRef<ComponentRef>(null);
+  const { userInfo } = useUserStore();
+  const isOpen = useMemo(() => modules && modules.length > 0, [modules]);
+
+  const startChat = useCallback(
+    async ({ chatList, controller, generatingMessage, variables }: StartChatFnProps) => {
+      const historyMaxLen =
+        modules
+          ?.find((item) => item.flowType === FlowModuleTypeEnum.historyNode)
+          ?.inputs?.find((item) => item.key === 'maxContext')?.value || 0;
+      const history = chatList.slice(-historyMaxLen - 2, -2);
+
+      // 流请求，获取数据
+      const { responseText, responseData } = await streamFetch({
+        url: '/api/chat/chatTest',
+        data: {
+          history,
+          prompt: chatList[chatList.length - 2].value,
+          modules,
+          variables,
+          appId: app._id,
+          appName: `调试-${app.name}`
+        },
+        onMessage: generatingMessage,
+        abortSignal: controller
+      });
+
+      return { responseText, responseData };
+    },
+    [app._id, app.name, modules]
+  );
+
+  useImperativeHandle(ref, () => ({
+    resetChatTest() {
+      ChatBoxRef.current?.resetHistory([]);
+      ChatBoxRef.current?.resetVariables();
+    }
+  }));
+
+  return (
+    <>
+      <Flex
+        zIndex={3}
+        flexDirection={'column'}
+        position={'absolute'}
+        top={5}
+        right={0}
+        h={isOpen ? '95%' : '0'}
+        w={isOpen ? ['100%', '460px'] : '0'}
+        bg={'white'}
+        boxShadow={'3px 0 20px rgba(0,0,0,0.2)'}
+        borderRadius={'md'}
+        overflow={'hidden'}
+        transition={'.2s ease'}
+      >
+        <Flex py={4} px={5} whiteSpace={'nowrap'}>
+          <Box fontSize={'xl'} fontWeight={'bold'} flex={1}>
+            调试预览
+          </Box>
+          <MyTooltip label={'重置'}>
+            <IconButton
+              className="chat"
+              size={'sm'}
+              icon={<MyIcon name={'clear'} w={'14px'} />}
+              variant={'base'}
+              borderRadius={'md'}
+              aria-label={'delete'}
+              onClick={(e) => {
+                e.stopPropagation();
+                ChatBoxRef.current?.resetHistory([]);
+                ChatBoxRef.current?.resetVariables();
+              }}
+            />
+          </MyTooltip>
+        </Flex>
+        <Box flex={1}>
+          <ChatBox
+            ref={ChatBoxRef}
+            appAvatar={app.avatar}
+            userAvatar={userInfo?.avatar}
+            showMarkIcon
+            {...getSpecialModule(modules)}
+            onStartChat={startChat}
+            onDelMessage={() => {}}
+          />
+        </Box>
+      </Flex>
+      <Box
+        zIndex={2}
+        display={isOpen ? 'block' : 'none'}
+        position={'fixed'}
+        top={0}
+        left={0}
+        bottom={0}
+        right={0}
+        onClick={onClose}
+      />
+    </>
+  );
+};
+
+export default React.memo(forwardRef(ChatTest));
--- a/Show More
+++ b/Show More