V4.8.20 feature (#3686)

* Aiproxy (#3649) * model config * feat: model config ui * perf: rename variable * feat: custom request url * perf: model buffer * perf: init model * feat: json model config * auto login * fix: ts * update packages * package * fix: dockerfile * feat: usage filter & export & dashbord (#3538) * feat: usage filter & export & dashbord * adjust ui * fix tmb scroll * fix code & selecte all * merge * perf: usages list；perf: move components (#3654) * perf: usages list * team sub plan load * perf: usage dashboard code * perf: dashboard ui * perf: move components * add default model config (#3653) * 4.8.20 test (#3656) * provider * perf: model config * model perf (#3657) * fix: model * dataset quote * perf: model config * model tag * doubao model config * perf: config model * feat: model test * fix: POST 500 error on dingtalk bot (#3655) * feat: default model (#3662) * move model config * feat: default model * fix: false triggerd org selection (#3661) * export usage csv i18n (#3660) * export usage csv i18n * fix build * feat: markdown extension (#3663) * feat: markdown extension * media cros * rerank test * default price * perf: default model * fix: cannot custom provider * fix: default model select * update bg * perf: default model selector * fix: usage export * i18n * fix: rerank * update init extension * perf: ip limit check * doubao model order * web default modle * perf: tts selector * perf: tts error * qrcode package * reload buffer (#3665) * reload buffer * reload buffer * tts selector * fix: err tip (#3666) * fix: err tip * perf: training queue * doc * fix interactive edge (#3659) * fix interactive edge * fix * comment * add gemini model * fix: chat model select * perf: supplement assistant empty response (#3669) * perf: supplement assistant empty response * check array * perf: max_token count;feat: support resoner output;fix: member scroll (#3681) * perf: supplement assistant empty response * check array * perf: max_token count * feat: support resoner output * member scroll * update provider order * i18n * fix: stream response (#3682) * perf: supplement assistant empty response * check array * fix: stream response * fix: model config cannot set to null * fix: reasoning response (#3684) * perf: supplement assistant empty response * check array * fix: reasoning response * fix: reasoning response * doc (#3685) * perf: supplement assistant empty response * check array * doc * lock * animation * update doc * update compose * doc * doc --------- Co-authored-by: heheer <heheer@sealos.io> Co-authored-by: a.e. <49438478+I-Info@users.noreply.github.com>
2025-07-25 06:14:06 +00:00 · 2025-02-05 00:10:47 +08:00
parent c393002f1d
commit db2c0a0bdb
496 changed files with 9031 additions and 4726 deletions
--- a/projects/app/src/pages/account/model/index.tsx
+++ b/projects/app/src/pages/account/model/index.tsx
@@ -1,72 +1,43 @@
 import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
-import React, { useState } from 'react';
-import AccountContainer from '../components/AccountContainer';
-import { Box, Button, Flex, useDisclosure } from '@chakra-ui/react';
+import React, { useMemo, useState } from 'react';
+import AccountContainer from '@/pageComponents/account/AccountContainer';
+import { Box, Flex } from '@chakra-ui/react';
 import ModelTable from '@/components/core/ai/ModelTable';
 import { useUserStore } from '@/web/support/user/useUserStore';
 import FillRowTabs from '@fastgpt/web/components/common/Tabs/FillRowTabs';
 import { useTranslation } from 'next-i18next';
-import MyMenu from '@fastgpt/web/components/common/MyMenu';
 import dynamic from 'next/dynamic';

-const DefaultModal = dynamic(() => import('./components/DefaultModal'), {
-  ssr: false
-});
+const ModelConfigTable = dynamic(() => import('@/pageComponents/account/model/ModelConfigTable'));
+
+type TabType = 'model' | 'config' | 'channel';

 const ModelProvider = () => {
  const { t } = useTranslation();
-  const { userInfo } = useUserStore();
-  const isRoot = userInfo?.username === 'root';

-  const [tab, setTab] = useState<'model' | 'channel'>('model');
+  const [tab, setTab] = useState<TabType>('model');

-  const { isOpen: isOpenDefault, onOpen: onOpenDefault, onClose: onCloseDefault } = useDisclosure();
+  const Tab = useMemo(() => {
+    return (
+      <FillRowTabs<TabType>
+        list={[
+          { label: t('account:active_model'), value: 'model' },
+          { label: t('account:config_model'), value: 'config' }
+          // { label: t('account:channel'), value: 'channel' }
+        ]}
+        value={tab}
+        py={1}
+        onChange={setTab}
+      />
+    );
+  }, [t, tab]);

  return (
    <AccountContainer>
      <Flex h={'100%'} flexDirection={'column'} gap={4} py={4} px={6}>
-        {/* Header */}
-        {/* <Flex justifyContent={'space-between'}>
-          <FillRowTabs<'model' | 'channel'>
-            list={[
-              { label: t('account:active_model'), value: 'model' },
-              { label: t('account:channel'), value: 'channel' }
-            ]}
-            value={tab}
-            px={8}
-            py={1}
-            onChange={setTab}
-          />
-
-          {tab === 'model' && (
-            <MyMenu
-              trigger="hover"
-              size="mini"
-              Button={<Button>{t('account:create_model')}</Button>}
-              menuList={[
-                {
-                  children: [
-                    {
-                      label: t('account:default_model'),
-                      onClick: onOpenDefault
-                    },
-                    {
-                      label: t('account:custom_model')
-                    }
-                  ]
-                }
-              ]}
-            />
-          )}
-          {tab === 'channel' && <Button>{t('account:create_channel')}</Button>}
-        </Flex> */}
-        <Box flex={'1 0 0'}>
-          {tab === 'model' && <ModelTable />}
-          {/* {tab === 'channel' && <ChannelTable />} */}
-        </Box>
+        {tab === 'model' && <ValidModelTable Tab={Tab} />}
+        {tab === 'config' && <ModelConfigTable Tab={Tab} />}
      </Flex>
-
-      {isOpenDefault && <DefaultModal onClose={onCloseDefault} />}
    </AccountContainer>
  );
 };
@@ -80,3 +51,16 @@ export async function getServerSideProps(content: any) {
 }

 export default ModelProvider;
+
+const ValidModelTable = ({ Tab }: { Tab: React.ReactNode }) => {
+  const { userInfo } = useUserStore();
+  const isRoot = userInfo?.username === 'root';
+  return (
+    <>
+      {isRoot && <Flex justifyContent={'space-between'}>{Tab}</Flex>}
+      <Box flex={'1 0 0'}>
+        <ModelTable />
+      </Box>
+    </>
+  );
+};