perf: model provider show; perf: get init data buffer (#3459)

* pr code

* perf: model table show

* perf: model provider show

* perf: get init data buffer

* perf: get init data buffer

* perf: icon

projects/app/src/pages/account/components/AccountContainer.tsx

@@ -8,9 +8,7 @@ import PageContainer from '@/components/PageContainer';
 import SideTabs from '@/components/SideTabs';
 import LightRowTabs from '@fastgpt/web/components/common/Tabs/LightRowTabs';
 import { useTranslation } from 'next-i18next';
-import Script from 'next/script';
 import { useSystem } from '@fastgpt/web/hooks/useSystem';
-import { getWebReqUrl } from '@fastgpt/web/common/system/utils';
 
 export enum TabEnum {
   'info' = 'info',
@@ -18,10 +16,11 @@ export enum TabEnum {
   'usage' = 'usage',
   'bill' = 'bill',
   'inform' = 'inform',
-  'individuation' = 'individuation',
+  'setting' = 'setting',
   'apikey' = 'apikey',
   'loginout' = 'loginout',
-  'team' = 'team'
+  'team' = 'team',
+  'model' = 'model'
 }
 
 const AccountContainer = ({
@@ -71,6 +70,11 @@ const AccountContainer = ({
           }
         ]
       : []),
+    {
+      icon: 'common/model',
+      label: t('account:model_provider'),
+      value: TabEnum.model
+    },
     ...(feConfigs?.show_promotion && userInfo?.team?.permission.isOwner
       ? [
           {
@@ -89,11 +93,7 @@ const AccountContainer = ({
           }
         ]
       : []),
-    {
-      icon: 'support/user/individuation',
-      label: t('account:personalization'),
-      value: TabEnum.individuation
-    },
+
     ...(feConfigs.isPlus
       ? [
           {
@@ -103,6 +103,11 @@ const AccountContainer = ({
           }
         ]
       : []),
+    {
+      icon: 'common/settingLight',
+      label: t('common:common.Setting'),
+      value: TabEnum.setting
+    },
     {
       icon: 'support/account/loginoutLight',
       label: t('account:logout'),

projects/app/src/pages/account/info/index.tsx

@@ -48,15 +48,16 @@ import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 import { useRouter } from 'next/router';
 import TeamSelector from '../components/TeamSelector';
 
-const StandDetailModal = dynamic(() => import('./components/standardDetailModal'));
+const StandDetailModal = dynamic(() => import('./components/standardDetailModal'), { ssr: false });
 const ConversionModal = dynamic(() => import('./components/ConversionModal'));
 const UpdatePswModal = dynamic(() => import('./components/UpdatePswModal'));
 const UpdateNotification = dynamic(() => import('./components/UpdateNotificationModal'));
 const OpenAIAccountModal = dynamic(() => import('./components/OpenAIAccountModal'));
 const LafAccountModal = dynamic(() => import('@/components/support/laf/LafAccountModal'));
 const CommunityModal = dynamic(() => import('@/components/CommunityModal'));
-const AiPointsModal = dynamic(() =>
-  import('@/pages/price/components/Points').then((mod) => mod.AiPointsModal)
+
+const ModelPriceModal = dynamic(() =>
+  import('@/components/core/ai/ModelTable').then((mod) => mod.ModelPriceModal)
 );
 
 const Info = () => {
@@ -583,7 +584,7 @@ const PlanUsage = () => {
         </Box>
       </Box>
       {isOpenStandardModal && <StandDetailModal onClose={onCloseStandardModal} />}
-      {isOpenAiPointsModal && <AiPointsModal onClose={onCloseAiPointsModal} />}
+      {isOpenAiPointsModal && <ModelPriceModal onClose={onCloseAiPointsModal} />}
     </Box>
   ) : null;
 };

projects/app/src/pages/account/model/index.tsx

@@ -0,0 +1,25 @@
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
+import React from 'react';
+import AccountContainer from '../components/AccountContainer';
+import { Box } from '@chakra-ui/react';
+import ModelTable from '@/components/core/ai/ModelTable';
+
+const ModelProvider = () => {
+  return (
+    <AccountContainer>
+      <Box h={'100%'} py={4} px={6}>
+        <ModelTable />
+      </Box>
+    </AccountContainer>
+  );
+};
+
+export async function getServerSideProps(content: any) {
+  return {
+    props: {
+      ...(await serviceSideProps(content, ['account']))
+    }
+  };
+}
+
+export default ModelProvider;

projects/app/src/pages/account/setting.tsx

@@ -28,7 +28,7 @@ const Individuation = () => {
       });
       reset(data);
       toast({
-        title: t('account_individuation:update_data_success'),
+        title: t('account_setting:update_data_success'),
         status: 'success'
       });
     },
@@ -39,19 +39,19 @@ const Individuation = () => {
     <AccountContainer>
       <Box py={[3, '28px']} px={['5vw', '64px']}>
         <Flex alignItems={'center'} fontSize={'lg'} h={'30px'}>
-          <MyIcon mr={2} name={'support/user/individuation'} w={'20px'} />
-          {t('account_individuation:personalization')}
+          <MyIcon mr={2} name={'common/settingLight'} w={'20px'} />
+          {t('common:common.Setting')}
         </Flex>
 
         <Card mt={6} px={[3, 10]} py={[3, 7]} fontSize={'sm'}>
           <Flex alignItems={'center'} w={['85%', '350px']}>
-            <Box flex={'0 0 80px'}>{t('account_individuation:language')}:&nbsp;</Box>
+            <Box flex={'0 0 80px'}>{t('account_setting:language')}:&nbsp;</Box>
             <Box flex={'1 0 0'}>
               <I18nLngSelector />
             </Box>
           </Flex>
           <Flex mt={6} alignItems={'center'} w={['85%', '350px']}>
-            <Box flex={'0 0 80px'}>{t('account_individuation:timezone')}:&nbsp;</Box>
+            <Box flex={'0 0 80px'}>{t('account_setting:timezone')}:&nbsp;</Box>
             <TimezoneSelect
               value={userInfo?.timezone}
               onChange={(e) => {
@@ -69,7 +69,7 @@ const Individuation = () => {
 export async function getServerSideProps(content: any) {
   return {
     props: {
-      ...(await serviceSideProps(content, ['account', 'account_individuation']))
+      ...(await serviceSideProps(content, ['account', 'account_setting']))
     }
   };
 }