diff --git a/web/src/pages/user-setting/setting-model/index1.tsx b/web/src/pages/user-setting/setting-model/index1.tsx
deleted file mode 100644
index 4a2fea817..000000000
--- a/web/src/pages/user-setting/setting-model/index1.tsx
+++ /dev/null
@@ -1,584 +0,0 @@
-import { ReactComponent as MoreModelIcon } from '@/assets/svg/more-model.svg';
-import { LlmIcon } from '@/components/svg-icon';
-import { useTheme } from '@/components/theme-provider';
-import { LLMFactory } from '@/constants/llm';
-import { useSetModalState, useTranslate } from '@/hooks/common-hooks';
-import {
- LlmItem,
- useFetchMyLlmListDetailed,
- useSelectLlmList,
-} from '@/hooks/llm-hooks';
-import { getRealModelName } from '@/utils/llm-util';
-import {
- CloseCircleOutlined,
- EditOutlined,
- SettingOutlined,
-} from '@ant-design/icons';
-import {
- Button,
- Card,
- Col,
- Collapse,
- CollapseProps,
- Divider,
- Flex,
- List,
- Row,
- Space,
- Spin,
- Tag,
- Tooltip,
- Typography,
-} from 'antd';
-import { CircleHelp } from 'lucide-react';
-import { useCallback, useMemo } from 'react';
-import SettingTitle from '../components/setting-title';
-import { isLocalLlmFactory } from '../utils';
-import {
- useHandleDeleteFactory,
- useHandleDeleteLlm,
- useSubmitApiKey,
- useSubmitAzure,
- useSubmitBedrock,
- useSubmitFishAudio,
- useSubmitGoogle,
- useSubmitHunyuan,
- useSubmitOllama,
- useSubmitSpark,
- useSubmitSystemModelSetting,
- useSubmitTencentCloud,
- useSubmitVolcEngine,
- useSubmityiyan,
-} from './hooks';
-import styles from './index.less';
-import ApiKeyModal from './modal/api-key-modal';
-import AzureOpenAIModal from './modal/azure-openai-modal';
-import BedrockModal from './modal/bedrock-modal';
-import FishAudioModal from './modal/fish-audio-modal';
-import GoogleModal from './modal/google-modal';
-import HunyuanModal from './modal/hunyuan-modal';
-import TencentCloudModal from './modal/next-tencent-modal';
-import OllamaModal from './modal/ollama-modal';
-import SparkModal from './modal/spark-modal';
-import SystemModelSettingModal from './modal/system-model-setting-modal';
-import VolcEngineModal from './modal/volcengine-modal';
-import YiyanModal from './modal/yiyan-modal';
-
-const { Text } = Typography;
-interface IModelCardProps {
- item: LlmItem;
- clickApiKey: (llmFactory: string) => void;
- handleEditModel: (model: any, factory: LlmItem) => void;
-}
-
-type TagType =
- | 'LLM'
- | 'TEXT EMBEDDING'
- | 'TEXT RE-RANK'
- | 'TTS'
- | 'SPEECH2TEXT'
- | 'IMAGE2TEXT'
- | 'MODERATION';
-
-const sortTags = (tags: string) => {
- const orderMap: Record
= {
- LLM: 1,
- 'TEXT EMBEDDING': 2,
- 'TEXT RE-RANK': 3,
- TTS: 4,
- SPEECH2TEXT: 5,
- IMAGE2TEXT: 6,
- MODERATION: 7,
- };
-
- return tags
- .split(',')
- .map((tag) => tag.trim())
- .sort(
- (a, b) =>
- (orderMap[a as TagType] || 999) - (orderMap[b as TagType] || 999),
- );
-};
-
-const ModelCard = ({ item, clickApiKey, handleEditModel }: IModelCardProps) => {
- const { visible, switchVisible } = useSetModalState();
- const { t } = useTranslate('setting');
- const { theme } = useTheme();
- const { handleDeleteLlm } = useHandleDeleteLlm(item.name);
- const { handleDeleteFactory } = useHandleDeleteFactory(item.name);
-
- const handleApiKeyClick = () => {
- clickApiKey(item.name);
- };
-
- const handleShowMoreClick = () => {
- switchVisible();
- };
-
- return (
-
-
-
-
-
-
-
- {item.name}
-
- {sortTags(item.tags).map((tag, index) => (
-
- {tag}
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
- {visible && (
- (
-
-
- {getRealModelName(model.name)}
- {model.type}
- {isLocalLlmFactory(item.name) && (
-
-
-
- )}
-
-
-
-
-
- )}
- />
- )}
-
-
- );
-};
-
-const UserSettingModel = () => {
- const { factoryList, myLlmList: llmList, loading } = useSelectLlmList();
- const { data: detailedLlmList } = useFetchMyLlmListDetailed();
- const { theme } = useTheme();
- const {
- saveApiKeyLoading,
- initialApiKey,
- llmFactory,
- editMode,
- onApiKeySavingOk,
- apiKeyVisible,
- hideApiKeyModal,
- showApiKeyModal,
- } = useSubmitApiKey();
- const {
- saveSystemModelSettingLoading,
- onSystemSettingSavingOk,
- systemSettingVisible,
- hideSystemSettingModal,
- showSystemSettingModal,
- } = useSubmitSystemModelSetting();
- const { t } = useTranslate('setting');
- const {
- llmAddingVisible,
- hideLlmAddingModal,
- showLlmAddingModal,
- onLlmAddingOk,
- llmAddingLoading,
- editMode: llmEditMode,
- initialValues: llmInitialValues,
- selectedLlmFactory,
- } = useSubmitOllama();
-
- const {
- volcAddingVisible,
- hideVolcAddingModal,
- showVolcAddingModal,
- onVolcAddingOk,
- volcAddingLoading,
- } = useSubmitVolcEngine();
-
- const {
- HunyuanAddingVisible,
- hideHunyuanAddingModal,
- showHunyuanAddingModal,
- onHunyuanAddingOk,
- HunyuanAddingLoading,
- } = useSubmitHunyuan();
-
- const {
- GoogleAddingVisible,
- hideGoogleAddingModal,
- showGoogleAddingModal,
- onGoogleAddingOk,
- GoogleAddingLoading,
- } = useSubmitGoogle();
-
- const {
- TencentCloudAddingVisible,
- hideTencentCloudAddingModal,
- showTencentCloudAddingModal,
- onTencentCloudAddingOk,
- TencentCloudAddingLoading,
- } = useSubmitTencentCloud();
-
- const {
- SparkAddingVisible,
- hideSparkAddingModal,
- showSparkAddingModal,
- onSparkAddingOk,
- SparkAddingLoading,
- } = useSubmitSpark();
-
- const {
- yiyanAddingVisible,
- hideyiyanAddingModal,
- showyiyanAddingModal,
- onyiyanAddingOk,
- yiyanAddingLoading,
- } = useSubmityiyan();
-
- const {
- FishAudioAddingVisible,
- hideFishAudioAddingModal,
- showFishAudioAddingModal,
- onFishAudioAddingOk,
- FishAudioAddingLoading,
- } = useSubmitFishAudio();
-
- const {
- bedrockAddingLoading,
- onBedrockAddingOk,
- bedrockAddingVisible,
- hideBedrockAddingModal,
- showBedrockAddingModal,
- } = useSubmitBedrock();
-
- const {
- AzureAddingVisible,
- hideAzureAddingModal,
- showAzureAddingModal,
- onAzureAddingOk,
- AzureAddingLoading,
- } = useSubmitAzure();
-
- const ModalMap = useMemo(
- () => ({
- [LLMFactory.Bedrock]: showBedrockAddingModal,
- [LLMFactory.VolcEngine]: showVolcAddingModal,
- [LLMFactory.TencentHunYuan]: showHunyuanAddingModal,
- [LLMFactory.XunFeiSpark]: showSparkAddingModal,
- [LLMFactory.BaiduYiYan]: showyiyanAddingModal,
- [LLMFactory.FishAudio]: showFishAudioAddingModal,
- [LLMFactory.TencentCloud]: showTencentCloudAddingModal,
- [LLMFactory.GoogleCloud]: showGoogleAddingModal,
- [LLMFactory.AzureOpenAI]: showAzureAddingModal,
- }),
- [
- showBedrockAddingModal,
- showVolcAddingModal,
- showHunyuanAddingModal,
- showTencentCloudAddingModal,
- showSparkAddingModal,
- showyiyanAddingModal,
- showFishAudioAddingModal,
- showGoogleAddingModal,
- showAzureAddingModal,
- ],
- );
-
- const handleAddModel = useCallback(
- (llmFactory: string) => {
- if (isLocalLlmFactory(llmFactory)) {
- showLlmAddingModal(llmFactory);
- } else if (llmFactory in ModalMap) {
- ModalMap[llmFactory as keyof typeof ModalMap]();
- } else {
- showApiKeyModal({ llm_factory: llmFactory });
- }
- },
- [showApiKeyModal, showLlmAddingModal, ModalMap],
- );
-
- const handleEditModel = useCallback(
- (model: any, factory: LlmItem) => {
- if (factory) {
- const detailedFactory = detailedLlmList[factory.name];
- const detailedModel = detailedFactory?.llm?.find(
- (m: any) => m.name === model.name,
- );
-
- const editData = {
- llm_factory: factory.name,
- llm_name: model.name,
- model_type: model.type,
- };
-
- if (isLocalLlmFactory(factory.name)) {
- showLlmAddingModal(factory.name, true, editData, detailedModel);
- } else if (factory.name in ModalMap) {
- ModalMap[factory.name as keyof typeof ModalMap]();
- } else {
- showApiKeyModal(editData, true);
- }
- }
- },
- [showApiKeyModal, showLlmAddingModal, ModalMap, detailedLlmList],
- );
-
- const items: CollapseProps['items'] = [
- {
- key: '1',
- label: t('addedModels'),
- children: (
- (
-
- )}
- />
- ),
- },
- {
- key: '2',
- label: (
-
- {t('modelsToBeAdded')}
-
-
-
-
- ),
- children: (
- (
-
-
-
-
-
-
- {item.name}
-
-
- {sortTags(item.tags).map((tag, index) => (
-
- {tag}
-
- ))}
-
-
-
-
-
-
-
- )}
- />
- ),
- },
- ];
-
- return (
-
-
-
-
-
- {systemSettingVisible && (
-
- )}
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default UserSettingModel;