@lobehub/chat 1.43.6 → 1.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/changelog/v1.json +9 -0
- package/docs/self-hosting/server-database/docker-compose.mdx +2 -2
- package/locales/ar/common.json +1 -0
- package/locales/ar/modelProvider.json +176 -0
- package/locales/ar/setting.json +1 -0
- package/locales/bg-BG/common.json +1 -0
- package/locales/bg-BG/modelProvider.json +176 -0
- package/locales/bg-BG/setting.json +1 -0
- package/locales/de-DE/common.json +1 -0
- package/locales/de-DE/modelProvider.json +176 -0
- package/locales/de-DE/setting.json +1 -0
- package/locales/en-US/common.json +1 -0
- package/locales/en-US/modelProvider.json +176 -0
- package/locales/en-US/setting.json +1 -0
- package/locales/es-ES/common.json +1 -0
- package/locales/es-ES/modelProvider.json +176 -0
- package/locales/es-ES/setting.json +1 -0
- package/locales/fa-IR/common.json +1 -0
- package/locales/fa-IR/modelProvider.json +176 -0
- package/locales/fa-IR/setting.json +1 -0
- package/locales/fr-FR/common.json +1 -0
- package/locales/fr-FR/modelProvider.json +176 -0
- package/locales/fr-FR/setting.json +1 -0
- package/locales/it-IT/common.json +1 -0
- package/locales/it-IT/modelProvider.json +176 -0
- package/locales/it-IT/setting.json +1 -0
- package/locales/ja-JP/common.json +1 -0
- package/locales/ja-JP/modelProvider.json +176 -0
- package/locales/ja-JP/setting.json +1 -0
- package/locales/ko-KR/common.json +1 -0
- package/locales/ko-KR/modelProvider.json +176 -0
- package/locales/ko-KR/setting.json +1 -0
- package/locales/nl-NL/common.json +1 -0
- package/locales/nl-NL/modelProvider.json +176 -0
- package/locales/nl-NL/setting.json +1 -0
- package/locales/pl-PL/common.json +1 -0
- package/locales/pl-PL/modelProvider.json +176 -0
- package/locales/pl-PL/setting.json +1 -0
- package/locales/pt-BR/common.json +1 -0
- package/locales/pt-BR/modelProvider.json +176 -0
- package/locales/pt-BR/setting.json +1 -0
- package/locales/ru-RU/common.json +1 -0
- package/locales/ru-RU/modelProvider.json +176 -0
- package/locales/ru-RU/setting.json +1 -0
- package/locales/tr-TR/common.json +1 -0
- package/locales/tr-TR/modelProvider.json +176 -0
- package/locales/tr-TR/setting.json +1 -0
- package/locales/vi-VN/common.json +1 -0
- package/locales/vi-VN/modelProvider.json +176 -0
- package/locales/vi-VN/setting.json +1 -0
- package/locales/zh-CN/common.json +1 -0
- package/locales/zh-CN/modelProvider.json +176 -0
- package/locales/zh-CN/setting.json +1 -0
- package/locales/zh-TW/common.json +1 -0
- package/locales/zh-TW/modelProvider.json +176 -0
- package/locales/zh-TW/setting.json +1 -0
- package/package.json +4 -4
- package/src/app/(main)/(mobile)/me/settings/features/Category.tsx +1 -1
- package/src/app/(main)/(mobile)/me/settings/features/useCategory.tsx +12 -5
- package/src/app/(main)/changelog/features/VersionTag.tsx +1 -2
- package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx +1 -1
- package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx +1 -2
- package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/index.tsx +0 -1
- package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx +1 -1
- package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx +1 -1
- package/src/app/(main)/chat/(workspace)/@conversation/features/ZenModeToast/Toast.tsx +1 -1
- package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ThreadItem/index.tsx +0 -2
- package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/TopicItem/index.tsx +0 -1
- package/src/app/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Tags.tsx +2 -3
- package/src/app/(main)/chat/@session/features/SessionListContent/CollapseGroup/index.tsx +1 -1
- package/src/app/(main)/chat/features/Migration/Start.tsx +1 -1
- package/src/app/(main)/discover/(detail)/assistant/[slug]/features/ConversationExample/TopicList.tsx +4 -3
- package/src/app/(main)/discover/(detail)/assistant/[slug]/features/Header.tsx +1 -1
- package/src/app/(main)/discover/(detail)/features/ShareButton.tsx +2 -1
- package/src/app/(main)/discover/(detail)/model/[...slugs]/features/Header.tsx +1 -1
- package/src/app/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx +1 -1
- package/src/app/(main)/discover/(detail)/provider/[slug]/features/Header.tsx +1 -1
- package/src/app/(main)/discover/(list)/_layout/Desktop/Nav.tsx +0 -1
- package/src/app/(main)/discover/(list)/assistants/features/Card.tsx +1 -1
- package/src/app/(main)/discover/(list)/models/features/Card.tsx +1 -1
- package/src/app/(main)/discover/(list)/plugins/features/Card.tsx +1 -1
- package/src/app/(main)/discover/(list)/providers/features/Card.tsx +1 -1
- package/src/app/(main)/discover/components/GridLoadingCard.tsx +2 -1
- package/src/app/(main)/discover/components/Title.tsx +1 -1
- package/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/EmptyStatus.tsx +1 -1
- package/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/Item/index.tsx +0 -1
- package/src/app/(main)/files/(content)/@modal/(.)[id]/FullscreenModal.tsx +2 -2
- package/src/app/(main)/files/(content)/NotSupportClient.tsx +2 -2
- package/src/app/(main)/profile/_layout/Desktop/SideBar.tsx +1 -1
- package/src/app/(main)/profile/stats/features/ShareButton/Preview.tsx +5 -5
- package/src/app/(main)/repos/[id]/evals/components/Container.tsx +1 -1
- package/src/app/(main)/repos/[id]/evals/dataset/DatasetList/Item.tsx +0 -1
- package/src/app/(main)/settings/_layout/Desktop/SideBar.tsx +1 -1
- package/src/app/(main)/settings/about/features/ItemCard.tsx +3 -3
- package/src/app/(main)/settings/about/features/Version.tsx +1 -1
- package/src/app/(main)/settings/hooks/useCategory.tsx +22 -9
- package/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx +2 -1
- package/src/app/(main)/settings/llm/components/ProviderModelList/ModelFetcher.tsx +0 -1
- package/src/app/(main)/settings/provider/(detail)/[id]/index.tsx +19 -0
- package/src/app/(main)/settings/provider/(detail)/[id]/page.tsx +95 -0
- package/src/app/(main)/settings/provider/(detail)/azure/page.tsx +119 -0
- package/src/app/(main)/settings/provider/(detail)/bedrock/page.tsx +91 -0
- package/src/app/(main)/settings/provider/(detail)/cloudflare/page.tsx +58 -0
- package/src/app/(main)/settings/provider/(detail)/github/page.tsx +67 -0
- package/src/app/(main)/settings/provider/(detail)/huggingface/page.tsx +67 -0
- package/src/app/(main)/settings/provider/(detail)/ollama/Checker.tsx +73 -0
- package/src/app/(main)/settings/provider/(detail)/ollama/page.tsx +34 -0
- package/src/app/(main)/settings/provider/(detail)/openai/page.tsx +23 -0
- package/src/app/(main)/settings/provider/(detail)/wenxin/page.tsx +61 -0
- package/src/app/(main)/settings/provider/(list)/Footer.tsx +36 -0
- package/src/app/(main)/settings/provider/(list)/ProviderGrid/Card.tsx +134 -0
- package/src/app/(main)/settings/provider/(list)/ProviderGrid/index.tsx +91 -0
- package/src/app/(main)/settings/provider/(list)/index.tsx +19 -0
- package/src/app/(main)/settings/provider/ProviderMenu/AddNew.tsx +28 -0
- package/src/app/(main)/settings/provider/ProviderMenu/All.tsx +29 -0
- package/src/app/(main)/settings/provider/ProviderMenu/Item.tsx +69 -0
- package/src/app/(main)/settings/provider/ProviderMenu/List.tsx +76 -0
- package/src/app/(main)/settings/provider/ProviderMenu/SearchResult.tsx +43 -0
- package/src/app/(main)/settings/provider/ProviderMenu/SkeletonList.tsx +60 -0
- package/src/app/(main)/settings/provider/ProviderMenu/SortProviderModal/GroupItem.tsx +30 -0
- package/src/app/(main)/settings/provider/ProviderMenu/SortProviderModal/index.tsx +91 -0
- package/src/app/(main)/settings/provider/ProviderMenu/index.tsx +80 -0
- package/src/app/(main)/settings/provider/_layout/Desktop.tsx +37 -0
- package/src/app/(main)/settings/provider/_layout/Mobile.tsx +14 -0
- package/src/app/(main)/settings/provider/const.ts +20 -0
- package/src/app/(main)/settings/provider/features/CreateNewProvider/index.tsx +146 -0
- package/src/app/(main)/settings/provider/features/ModelList/CreateNewModelModal/Form.tsx +105 -0
- package/src/app/(main)/settings/provider/features/ModelList/CreateNewModelModal/index.tsx +69 -0
- package/src/app/(main)/settings/provider/features/ModelList/DisabledModels.tsx +29 -0
- package/src/app/(main)/settings/provider/features/ModelList/EmptyModels.tsx +101 -0
- package/src/app/(main)/settings/provider/features/ModelList/EnabledModelList/index.tsx +85 -0
- package/src/app/(main)/settings/provider/features/ModelList/ModelConfigModal/Form.tsx +109 -0
- package/src/app/(main)/settings/provider/features/ModelList/ModelConfigModal/index.tsx +76 -0
- package/src/app/(main)/settings/provider/features/ModelList/ModelItem.tsx +346 -0
- package/src/app/(main)/settings/provider/features/ModelList/ModelTitle/Search.tsx +37 -0
- package/src/app/(main)/settings/provider/features/ModelList/ModelTitle/index.tsx +145 -0
- package/src/app/(main)/settings/provider/features/ModelList/SearchResult.tsx +67 -0
- package/src/app/(main)/settings/provider/features/ModelList/SkeletonList.tsx +63 -0
- package/src/app/(main)/settings/provider/features/ModelList/SortModelModal/ListItem.tsx +20 -0
- package/src/app/(main)/settings/provider/features/ModelList/SortModelModal/index.tsx +96 -0
- package/src/app/(main)/settings/provider/features/ModelList/index.tsx +59 -0
- package/src/app/(main)/settings/provider/features/ProviderConfig/Checker.tsx +120 -0
- package/src/app/(main)/settings/provider/features/ProviderConfig/SkeletonInput.tsx +5 -0
- package/src/app/(main)/settings/provider/features/ProviderConfig/UpdateProviderInfo/SettingModal.tsx +137 -0
- package/src/app/(main)/settings/provider/features/ProviderConfig/UpdateProviderInfo/index.tsx +49 -0
- package/src/app/(main)/settings/provider/features/ProviderConfig/index.tsx +343 -0
- package/src/app/(main)/settings/provider/layout.tsx +21 -0
- package/src/app/(main)/settings/provider/page.tsx +17 -0
- package/src/app/(main)/settings/provider/type.ts +5 -0
- package/src/app/(main)/settings/sync/features/DeviceInfo/Card.tsx +1 -1
- package/src/app/(main)/settings/sync/features/DeviceInfo/index.tsx +1 -1
- package/src/app/@modal/(.)changelog/modal/features/ReadDetail.tsx +1 -1
- package/src/app/@modal/(.)changelog/modal/features/VersionTag.tsx +1 -2
- package/src/app/@modal/(.)changelog/modal/layout.tsx +1 -1
- package/src/components/Cell/index.tsx +1 -1
- package/src/components/DragUpload/index.tsx +2 -3
- package/src/components/FeatureList/index.tsx +1 -1
- package/src/components/FileParsingStatus/EmbeddingStatus.tsx +1 -1
- package/src/components/FileParsingStatus/index.tsx +1 -1
- package/src/components/FunctionModal/style.tsx +2 -2
- package/src/components/GoBack/index.tsx +1 -2
- package/src/components/HotKeys/index.tsx +1 -1
- package/src/components/InstantSwitch/index.tsx +28 -0
- package/src/components/Menu/index.tsx +1 -1
- package/src/components/ModelSelect/index.tsx +2 -3
- package/src/components/Notification/index.tsx +2 -1
- package/src/components/StatisticCard/index.tsx +5 -6
- package/src/config/aiModels/ai21.ts +38 -0
- package/src/config/aiModels/ai360.ts +71 -0
- package/src/config/aiModels/anthropic.ts +152 -0
- package/src/config/aiModels/azure.ts +86 -0
- package/src/config/aiModels/baichuan.ts +107 -0
- package/src/config/aiModels/bedrock.ts +315 -0
- package/src/config/aiModels/cloudflare.ts +88 -0
- package/src/config/aiModels/deepseek.ts +27 -0
- package/src/config/aiModels/fireworksai.ts +232 -0
- package/src/config/aiModels/giteeai.ts +137 -0
- package/src/config/aiModels/github.ts +273 -0
- package/src/config/aiModels/google.ts +317 -0
- package/src/config/aiModels/groq.ts +202 -0
- package/src/config/aiModels/higress.ts +2828 -0
- package/src/config/aiModels/huggingface.ts +56 -0
- package/src/config/aiModels/hunyuan.ts +151 -0
- package/src/config/aiModels/index.ts +98 -0
- package/src/config/aiModels/internlm.ts +40 -0
- package/src/config/aiModels/minimax.ts +55 -0
- package/src/config/aiModels/mistral.ts +172 -0
- package/src/config/aiModels/moonshot.ts +44 -0
- package/src/config/aiModels/novita.ts +124 -0
- package/src/config/aiModels/ollama.ts +412 -0
- package/src/config/aiModels/openai.ts +537 -0
- package/src/config/aiModels/openrouter.ts +252 -0
- package/src/config/aiModels/perplexity.ts +67 -0
- package/src/config/aiModels/qwen.ts +302 -0
- package/src/config/aiModels/sensenova.ts +114 -0
- package/src/config/aiModels/siliconcloud.ts +679 -0
- package/src/config/aiModels/spark.ts +68 -0
- package/src/config/aiModels/stepfun.ts +153 -0
- package/src/config/aiModels/taichu.ts +19 -0
- package/src/config/aiModels/togetherai.ts +334 -0
- package/src/config/aiModels/upstage.ts +37 -0
- package/src/config/aiModels/wenxin.ts +171 -0
- package/src/config/aiModels/xai.ts +72 -0
- package/src/config/aiModels/zeroone.ts +156 -0
- package/src/config/aiModels/zhipu.ts +235 -0
- package/src/config/featureFlags/schema.ts +3 -0
- package/src/config/modelProviders/anthropic.ts +1 -0
- package/src/config/modelProviders/github.ts +0 -1
- package/src/config/modelProviders/google.ts +1 -0
- package/src/config/modelProviders/stepfun.ts +2 -0
- package/src/database/migrations/0013_add_ai_infra.sql +44 -0
- package/src/database/migrations/meta/0013_snapshot.json +3598 -0
- package/src/database/migrations/meta/_journal.json +7 -0
- package/src/database/repositories/aiInfra/index.ts +115 -0
- package/src/database/schemas/aiInfra.ts +69 -0
- package/src/database/schemas/index.ts +1 -0
- package/src/database/server/models/__tests__/aiModel.test.ts +318 -0
- package/src/database/server/models/__tests__/aiProvider.test.ts +373 -0
- package/src/database/server/models/aiModel.ts +250 -0
- package/src/database/server/models/aiProvider.ts +234 -0
- package/src/features/AgentSetting/AgentPrompt/index.tsx +2 -2
- package/src/features/ChatInput/ActionBar/Token/TokenTag.tsx +2 -1
- package/src/features/ChatInput/ActionBar/Tools/index.tsx +2 -3
- package/src/features/ChatInput/ActionBar/Upload/ServerMode.tsx +2 -3
- package/src/features/ChatInput/Desktop/FilePreview/FileItem/index.tsx +3 -2
- package/src/features/ChatInput/Desktop/FilePreview/FileList.tsx +2 -2
- package/src/features/ChatInput/Mobile/Files/FileItem/File.tsx +2 -2
- package/src/features/ChatInput/Mobile/InputArea/index.tsx +1 -1
- package/src/features/ChatInput/STT/common.tsx +1 -1
- package/src/features/Conversation/Error/style.tsx +2 -2
- package/src/features/Conversation/Messages/Assistant/FileChunks/Item/style.ts +2 -2
- package/src/features/Conversation/Messages/Assistant/FileChunks/index.tsx +1 -1
- package/src/features/Conversation/Messages/Assistant/ToolCallItem/Inspector/style.ts +2 -3
- package/src/features/Conversation/Messages/Assistant/ToolCallItem/style.ts +2 -3
- package/src/features/Conversation/Messages/User/FileListViewer/Item.tsx +0 -1
- package/src/features/Conversation/components/BackBottom/style.ts +2 -2
- package/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/Icon.tsx +2 -3
- package/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/index.tsx +3 -3
- package/src/features/Conversation/components/MarkdownElements/LobeThinking/Render.tsx +1 -1
- package/src/features/Conversation/components/OTPInput.tsx +2 -2
- package/src/features/DataImporter/Loading.tsx +1 -1
- package/src/features/FileManager/FileList/EmptyStatus.tsx +1 -1
- package/src/features/FileManager/FileList/index.tsx +1 -1
- package/src/features/FileManager/UploadDock/Item.tsx +1 -1
- package/src/features/FileManager/UploadDock/index.tsx +4 -4
- package/src/features/FileViewer/NotSupport/index.tsx +1 -1
- package/src/features/FileViewer/Renderer/MSDoc/index.tsx +0 -1
- package/src/features/FileViewer/Renderer/TXT/index.tsx +1 -1
- package/src/features/InitClientDB/EnableModal.tsx +1 -1
- package/src/features/InitClientDB/ErrorResult.tsx +1 -1
- package/src/features/InitClientDB/InitIndicator.tsx +1 -1
- package/src/features/KnowledgeBaseModal/AddFilesToKnowledgeBase/SelectForm.tsx +0 -1
- package/src/features/ModelSwitchPanel/index.tsx +2 -2
- package/src/features/PluginsUI/Render/Loading.tsx +0 -1
- package/src/features/Portal/Home/Body/Files/FileList/Item.tsx +1 -1
- package/src/features/Portal/Home/Body/Plugins/ArtifactList/Item/style.ts +1 -2
- package/src/features/Setting/SettingContainer.tsx +8 -1
- package/src/features/ShareModal/ShareImage/style.ts +2 -2
- package/src/features/ShareModal/style.ts +2 -2
- package/src/features/User/DataStatistics.tsx +1 -1
- package/src/hooks/useEnabledChatModels.ts +10 -1
- package/src/hooks/useModelSupportToolUse.ts +15 -0
- package/src/hooks/useModelSupportVision.ts +15 -0
- package/src/layout/AuthProvider/Clerk/useAppearance.ts +3 -3
- package/src/layout/GlobalProvider/AppTheme.tsx +1 -1
- package/src/layout/GlobalProvider/StoreInitialization.tsx +5 -0
- package/src/locales/default/common.ts +1 -0
- package/src/locales/default/modelProvider.ts +178 -0
- package/src/locales/default/setting.ts +1 -0
- package/src/server/modules/KeyVaultsEncrypt/index.ts +1 -1
- package/src/server/routers/lambda/aiModel.ts +128 -0
- package/src/server/routers/lambda/aiProvider.ts +127 -0
- package/src/server/routers/lambda/index.ts +4 -0
- package/src/services/__tests__/_auth.test.ts +16 -49
- package/src/services/__tests__/chat.test.ts +2 -0
- package/src/services/_auth.ts +42 -25
- package/src/services/aiModel.ts +52 -0
- package/src/services/aiProvider.ts +47 -0
- package/src/services/chat.ts +62 -18
- package/src/store/aiInfra/index.ts +2 -0
- package/src/store/aiInfra/initialState.ts +11 -0
- package/src/store/aiInfra/selectors.ts +2 -0
- package/src/store/aiInfra/slices/aiModel/action.ts +146 -0
- package/src/store/aiInfra/slices/aiModel/index.ts +3 -0
- package/src/store/aiInfra/slices/aiModel/initialState.ts +14 -0
- package/src/store/aiInfra/slices/aiModel/selectors.ts +63 -0
- package/src/store/aiInfra/slices/aiProvider/action.ts +208 -0
- package/src/store/aiInfra/slices/aiProvider/index.ts +3 -0
- package/src/store/aiInfra/slices/aiProvider/initialState.ts +32 -0
- package/src/store/aiInfra/slices/aiProvider/selectors.ts +99 -0
- package/src/store/aiInfra/store.ts +25 -0
- package/src/store/global/initialState.ts +1 -0
- package/src/store/serverConfig/selectors.test.ts +1 -0
- package/src/styles/global.ts +1 -1
- package/src/types/aiModel.ts +32 -6
- package/src/types/aiProvider.ts +11 -4
- package/src/utils/fetch/fetchSSE.ts +3 -1
@@ -0,0 +1,76 @@
|
|
1
|
+
'use client';
|
2
|
+
|
3
|
+
import { ActionIcon } from '@lobehub/ui';
|
4
|
+
import { Typography } from 'antd';
|
5
|
+
import isEqual from 'fast-deep-equal';
|
6
|
+
import { ArrowDownUpIcon } from 'lucide-react';
|
7
|
+
import { useState } from 'react';
|
8
|
+
import { useTranslation } from 'react-i18next';
|
9
|
+
import { Flexbox } from 'react-layout-kit';
|
10
|
+
|
11
|
+
import { useIsMobile } from '@/hooks/useIsMobile';
|
12
|
+
import { aiProviderSelectors } from '@/store/aiInfra';
|
13
|
+
import { useAiInfraStore } from '@/store/aiInfra/store';
|
14
|
+
|
15
|
+
import All from './All';
|
16
|
+
import ProviderItem from './Item';
|
17
|
+
import SortProviderModal from './SortProviderModal';
|
18
|
+
|
19
|
+
const ProviderList = () => {
|
20
|
+
const { t } = useTranslation('modelProvider');
|
21
|
+
const [open, setOpen] = useState(false);
|
22
|
+
const enabledModelProviderList = useAiInfraStore(
|
23
|
+
aiProviderSelectors.enabledAiProviderList,
|
24
|
+
isEqual,
|
25
|
+
);
|
26
|
+
|
27
|
+
const disabledModelProviderList = useAiInfraStore(
|
28
|
+
aiProviderSelectors.disabledAiProviderList,
|
29
|
+
isEqual,
|
30
|
+
);
|
31
|
+
|
32
|
+
const isMobile = useIsMobile();
|
33
|
+
return (
|
34
|
+
<Flexbox gap={4} padding={'0 12px'} style={{ marginBottom: 12 }}>
|
35
|
+
{!isMobile && <All />}
|
36
|
+
<Flexbox
|
37
|
+
align={'center'}
|
38
|
+
horizontal
|
39
|
+
justify={'space-between'}
|
40
|
+
style={{ fontSize: 12, marginTop: 8 }}
|
41
|
+
>
|
42
|
+
<Typography.Text style={{ fontSize: 12 }} type={'secondary'}>
|
43
|
+
{t('menu.list.enabled')}
|
44
|
+
</Typography.Text>
|
45
|
+
<ActionIcon
|
46
|
+
icon={ArrowDownUpIcon}
|
47
|
+
onClick={() => {
|
48
|
+
setOpen(true);
|
49
|
+
}}
|
50
|
+
size={'small'}
|
51
|
+
title={t('menu.sort')}
|
52
|
+
/>
|
53
|
+
{open && (
|
54
|
+
<SortProviderModal
|
55
|
+
defaultItems={enabledModelProviderList}
|
56
|
+
onCancel={() => {
|
57
|
+
setOpen(false);
|
58
|
+
}}
|
59
|
+
open={open}
|
60
|
+
/>
|
61
|
+
)}
|
62
|
+
</Flexbox>
|
63
|
+
{enabledModelProviderList.map((item) => (
|
64
|
+
<ProviderItem {...item} key={item.id} />
|
65
|
+
))}
|
66
|
+
<Typography.Text style={{ fontSize: 12, marginTop: 8 }} type={'secondary'}>
|
67
|
+
{t('menu.list.disabled')}
|
68
|
+
</Typography.Text>
|
69
|
+
{disabledModelProviderList.map((item) => (
|
70
|
+
<ProviderItem {...item} key={item.id} />
|
71
|
+
))}
|
72
|
+
</Flexbox>
|
73
|
+
);
|
74
|
+
};
|
75
|
+
|
76
|
+
export default ProviderList;
|
@@ -0,0 +1,43 @@
|
|
1
|
+
'use client';
|
2
|
+
|
3
|
+
import isEqual from 'fast-deep-equal';
|
4
|
+
import { memo, useMemo } from 'react';
|
5
|
+
import { useTranslation } from 'react-i18next';
|
6
|
+
import { Flexbox } from 'react-layout-kit';
|
7
|
+
|
8
|
+
import { useAiInfraStore } from '@/store/aiInfra';
|
9
|
+
|
10
|
+
import ProviderItem from './Item';
|
11
|
+
|
12
|
+
const SearchResult = memo(() => {
|
13
|
+
const { t } = useTranslation('modelProvider');
|
14
|
+
|
15
|
+
const searchKeyword = useAiInfraStore((s) => s.providerSearchKeyword);
|
16
|
+
const aiProviderList = useAiInfraStore((s) => s.aiProviderList, isEqual);
|
17
|
+
|
18
|
+
// 使用 useMemo 优化过滤性能
|
19
|
+
const filteredProviders = useMemo(() => {
|
20
|
+
const keyword = searchKeyword.toLowerCase().trim();
|
21
|
+
|
22
|
+
return aiProviderList.filter(
|
23
|
+
(provider) =>
|
24
|
+
provider.id.toLowerCase().includes(keyword) ||
|
25
|
+
provider.name?.toLowerCase().includes(keyword) ||
|
26
|
+
provider.description?.toLowerCase().includes(keyword),
|
27
|
+
);
|
28
|
+
}, [searchKeyword]);
|
29
|
+
|
30
|
+
return (
|
31
|
+
<Flexbox gap={4} padding={'0 12px'}>
|
32
|
+
{searchKeyword && filteredProviders.length === 0 ? (
|
33
|
+
<Flexbox align="center" justify="center" padding={16}>
|
34
|
+
{t('menu.notFound')}
|
35
|
+
</Flexbox>
|
36
|
+
) : (
|
37
|
+
filteredProviders.map((item) => <ProviderItem {...item} key={item.id} />)
|
38
|
+
)}
|
39
|
+
</Flexbox>
|
40
|
+
);
|
41
|
+
});
|
42
|
+
|
43
|
+
export default SearchResult;
|
@@ -0,0 +1,60 @@
|
|
1
|
+
'use client';
|
2
|
+
|
3
|
+
import { Skeleton } from 'antd';
|
4
|
+
import { createStyles } from 'antd-style';
|
5
|
+
import { memo } from 'react';
|
6
|
+
import { Flexbox } from 'react-layout-kit';
|
7
|
+
|
8
|
+
const useStyles = createStyles(({ css, prefixCls }) => ({
|
9
|
+
avatar: css`
|
10
|
+
border-radius: 6px;
|
11
|
+
`,
|
12
|
+
container: css`
|
13
|
+
display: flex;
|
14
|
+
align-items: center;
|
15
|
+
justify-content: center;
|
16
|
+
|
17
|
+
height: 40px;
|
18
|
+
padding-block: 8px;
|
19
|
+
padding-inline: 12px;
|
20
|
+
|
21
|
+
.${prefixCls}-skeleton-content {
|
22
|
+
display: flex;
|
23
|
+
flex-direction: column;
|
24
|
+
}
|
25
|
+
`,
|
26
|
+
paragraph: css`
|
27
|
+
> li {
|
28
|
+
height: 20px !important;
|
29
|
+
}
|
30
|
+
`,
|
31
|
+
}));
|
32
|
+
|
33
|
+
export const Placeholder = memo(() => {
|
34
|
+
const { styles } = useStyles();
|
35
|
+
|
36
|
+
return (
|
37
|
+
<Skeleton
|
38
|
+
active
|
39
|
+
avatar={{ className: styles.avatar, shape: 'square', size: 'small' }}
|
40
|
+
className={styles.container}
|
41
|
+
paragraph={{
|
42
|
+
className: styles.paragraph,
|
43
|
+
rows: 1,
|
44
|
+
style: { marginBottom: 0 },
|
45
|
+
width: '95%',
|
46
|
+
}}
|
47
|
+
title={false}
|
48
|
+
/>
|
49
|
+
);
|
50
|
+
});
|
51
|
+
|
52
|
+
export const SkeletonList = memo(() => (
|
53
|
+
<Flexbox gap={4} style={{ paddingTop: 6 }}>
|
54
|
+
{Array.from({ length: 6 }).map((_, i) => (
|
55
|
+
<Placeholder key={i} />
|
56
|
+
))}
|
57
|
+
</Flexbox>
|
58
|
+
));
|
59
|
+
|
60
|
+
export default SkeletonList;
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import { ProviderIcon } from '@lobehub/icons';
|
2
|
+
import { Avatar, SortableList } from '@lobehub/ui';
|
3
|
+
import { memo } from 'react';
|
4
|
+
import { Flexbox } from 'react-layout-kit';
|
5
|
+
|
6
|
+
import { AiProviderListItem } from '@/types/aiProvider';
|
7
|
+
|
8
|
+
const GroupItem = memo<AiProviderListItem>(({ id, name, source, logo }) => {
|
9
|
+
return (
|
10
|
+
<>
|
11
|
+
<Flexbox gap={8} horizontal>
|
12
|
+
{source === 'custom' && logo ? (
|
13
|
+
<Avatar
|
14
|
+
alt={name || id}
|
15
|
+
avatar={logo}
|
16
|
+
shape={'square'}
|
17
|
+
size={24}
|
18
|
+
style={{ borderRadius: 6 }}
|
19
|
+
/>
|
20
|
+
) : (
|
21
|
+
<ProviderIcon provider={id} size={24} style={{ borderRadius: 6 }} type={'avatar'} />
|
22
|
+
)}
|
23
|
+
{name}
|
24
|
+
</Flexbox>
|
25
|
+
<SortableList.DragHandle />
|
26
|
+
</>
|
27
|
+
);
|
28
|
+
});
|
29
|
+
|
30
|
+
export default GroupItem;
|
@@ -0,0 +1,91 @@
|
|
1
|
+
import { Modal, SortableList } from '@lobehub/ui';
|
2
|
+
import { App, Button } from 'antd';
|
3
|
+
import { createStyles } from 'antd-style';
|
4
|
+
import { memo, useState } from 'react';
|
5
|
+
import { useTranslation } from 'react-i18next';
|
6
|
+
import { Flexbox } from 'react-layout-kit';
|
7
|
+
|
8
|
+
import { useAiInfraStore } from '@/store/aiInfra';
|
9
|
+
import { AiProviderListItem } from '@/types/aiProvider';
|
10
|
+
|
11
|
+
import GroupItem from './GroupItem';
|
12
|
+
|
13
|
+
const useStyles = createStyles(({ css, token }) => ({
|
14
|
+
container: css`
|
15
|
+
height: 36px;
|
16
|
+
padding-inline: 8px;
|
17
|
+
border-radius: ${token.borderRadius}px;
|
18
|
+
transition: background 0.2s ease-in-out;
|
19
|
+
|
20
|
+
&:hover {
|
21
|
+
background: ${token.colorFillTertiary};
|
22
|
+
}
|
23
|
+
`,
|
24
|
+
}));
|
25
|
+
|
26
|
+
interface ConfigGroupModalProps {
|
27
|
+
defaultItems: AiProviderListItem[];
|
28
|
+
onCancel: () => void;
|
29
|
+
open: boolean;
|
30
|
+
}
|
31
|
+
const ConfigGroupModal = memo<ConfigGroupModalProps>(({ open, onCancel, defaultItems }) => {
|
32
|
+
const { t } = useTranslation('modelProvider');
|
33
|
+
const { styles } = useStyles();
|
34
|
+
const updateAiProviderSort = useAiInfraStore((s) => s.updateAiProviderSort);
|
35
|
+
const [loading, setLoading] = useState(false);
|
36
|
+
const { message } = App.useApp();
|
37
|
+
|
38
|
+
const [items, setItems] = useState(defaultItems);
|
39
|
+
return (
|
40
|
+
<Modal
|
41
|
+
allowFullscreen
|
42
|
+
footer={null}
|
43
|
+
onCancel={onCancel}
|
44
|
+
open={open}
|
45
|
+
title={t('sortModal.title')}
|
46
|
+
width={400}
|
47
|
+
>
|
48
|
+
<Flexbox gap={16}>
|
49
|
+
<SortableList
|
50
|
+
items={items}
|
51
|
+
onChange={async (items: AiProviderListItem[]) => {
|
52
|
+
setItems(items);
|
53
|
+
}}
|
54
|
+
renderItem={(item: AiProviderListItem) => (
|
55
|
+
<SortableList.Item
|
56
|
+
align={'center'}
|
57
|
+
className={styles.container}
|
58
|
+
gap={4}
|
59
|
+
horizontal
|
60
|
+
id={item.id}
|
61
|
+
justify={'space-between'}
|
62
|
+
>
|
63
|
+
<GroupItem {...item} />
|
64
|
+
</SortableList.Item>
|
65
|
+
)}
|
66
|
+
/>
|
67
|
+
<Button
|
68
|
+
block
|
69
|
+
loading={loading}
|
70
|
+
onClick={async () => {
|
71
|
+
const sortMap = items.map((item, index) => ({
|
72
|
+
id: item.id,
|
73
|
+
sort: index,
|
74
|
+
}));
|
75
|
+
console.log(sortMap);
|
76
|
+
setLoading(true);
|
77
|
+
await updateAiProviderSort(sortMap);
|
78
|
+
setLoading(false);
|
79
|
+
message.success(t('sortModal.success'));
|
80
|
+
onCancel();
|
81
|
+
}}
|
82
|
+
type={'primary'}
|
83
|
+
>
|
84
|
+
{t('sortModal.update')}
|
85
|
+
</Button>
|
86
|
+
</Flexbox>
|
87
|
+
</Modal>
|
88
|
+
);
|
89
|
+
});
|
90
|
+
|
91
|
+
export default ConfigGroupModal;
|
@@ -0,0 +1,80 @@
|
|
1
|
+
'use client';
|
2
|
+
|
3
|
+
import { SearchBar } from '@lobehub/ui';
|
4
|
+
import { useTheme } from 'antd-style';
|
5
|
+
import { ReactNode, memo } from 'react';
|
6
|
+
import { useTranslation } from 'react-i18next';
|
7
|
+
import { Flexbox } from 'react-layout-kit';
|
8
|
+
|
9
|
+
import { useAiInfraStore } from '@/store/aiInfra/store';
|
10
|
+
|
11
|
+
import AddNew from './AddNew';
|
12
|
+
import ProviderList from './List';
|
13
|
+
import SearchResult from './SearchResult';
|
14
|
+
import SkeletonList from './SkeletonList';
|
15
|
+
|
16
|
+
interface ProviderMenuProps {
|
17
|
+
children: ReactNode;
|
18
|
+
mobile?: boolean;
|
19
|
+
}
|
20
|
+
const Layout = memo(({ children, mobile }: ProviderMenuProps) => {
|
21
|
+
const { t } = useTranslation('modelProvider');
|
22
|
+
const theme = useTheme();
|
23
|
+
|
24
|
+
const [providerSearchKeyword, useFetchAiProviderList] = useAiInfraStore((s) => [
|
25
|
+
s.providerSearchKeyword,
|
26
|
+
s.useFetchAiProviderList,
|
27
|
+
s.initAiProviderList,
|
28
|
+
]);
|
29
|
+
|
30
|
+
useFetchAiProviderList();
|
31
|
+
|
32
|
+
const width = mobile ? undefined : 260;
|
33
|
+
return (
|
34
|
+
<Flexbox style={{ minWidth: width, overflow: 'scroll' }} width={width}>
|
35
|
+
<Flexbox
|
36
|
+
gap={8}
|
37
|
+
horizontal
|
38
|
+
justify={'space-between'}
|
39
|
+
padding={'16px 12px 12px'}
|
40
|
+
style={{ background: theme.colorBgLayout, position: 'sticky', top: 0, zIndex: 50 }}
|
41
|
+
width={'100%'}
|
42
|
+
>
|
43
|
+
<SearchBar
|
44
|
+
allowClear
|
45
|
+
onChange={(e) => useAiInfraStore.setState({ providerSearchKeyword: e.target.value })}
|
46
|
+
placeholder={t('menu.searchProviders')}
|
47
|
+
style={{ width: '100%' }}
|
48
|
+
type={'block'}
|
49
|
+
value={providerSearchKeyword}
|
50
|
+
/>
|
51
|
+
<AddNew />
|
52
|
+
</Flexbox>
|
53
|
+
{children}
|
54
|
+
</Flexbox>
|
55
|
+
);
|
56
|
+
});
|
57
|
+
|
58
|
+
const Content = () => {
|
59
|
+
const [initAiProviderList, providerSearchKeyword] = useAiInfraStore((s) => [
|
60
|
+
s.initAiProviderList,
|
61
|
+
s.providerSearchKeyword,
|
62
|
+
]);
|
63
|
+
|
64
|
+
// loading
|
65
|
+
if (!initAiProviderList) return <SkeletonList />;
|
66
|
+
|
67
|
+
// search
|
68
|
+
if (!!providerSearchKeyword) return <SearchResult />;
|
69
|
+
|
70
|
+
// default
|
71
|
+
return <ProviderList />;
|
72
|
+
};
|
73
|
+
|
74
|
+
const ProviderMenu = ({ mobile }: { mobile?: boolean }) => (
|
75
|
+
<Layout mobile={mobile}>
|
76
|
+
<Content />
|
77
|
+
</Layout>
|
78
|
+
);
|
79
|
+
|
80
|
+
export default ProviderMenu;
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
2
|
+
import { Flexbox } from 'react-layout-kit';
|
3
|
+
|
4
|
+
import NProgress from '@/components/NProgress';
|
5
|
+
import { MAX_WIDTH } from '@/const/layoutTokens';
|
6
|
+
|
7
|
+
import ProviderMenu from '../ProviderMenu';
|
8
|
+
|
9
|
+
const Layout = ({ children }: PropsWithChildren) => {
|
10
|
+
return (
|
11
|
+
<>
|
12
|
+
<NProgress />
|
13
|
+
<Flexbox horizontal width={'100%'}>
|
14
|
+
<ProviderMenu />
|
15
|
+
<Flexbox
|
16
|
+
align={'center'}
|
17
|
+
height={'100%'}
|
18
|
+
paddingBlock={16}
|
19
|
+
style={{ overflowX: 'hidden', overflowY: 'auto' }}
|
20
|
+
width={'100%'}
|
21
|
+
>
|
22
|
+
<Flexbox
|
23
|
+
gap={40}
|
24
|
+
paddingInline={24}
|
25
|
+
style={{
|
26
|
+
maxWidth: MAX_WIDTH,
|
27
|
+
}}
|
28
|
+
width={'100%'}
|
29
|
+
>
|
30
|
+
{children}
|
31
|
+
</Flexbox>
|
32
|
+
</Flexbox>
|
33
|
+
</Flexbox>
|
34
|
+
</>
|
35
|
+
);
|
36
|
+
};
|
37
|
+
export default Layout;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
'use client';
|
2
|
+
|
3
|
+
import { usePathname } from 'next/navigation';
|
4
|
+
import { PropsWithChildren } from 'react';
|
5
|
+
|
6
|
+
import ProviderMenu from '../ProviderMenu';
|
7
|
+
|
8
|
+
const Layout = ({ children }: PropsWithChildren) => {
|
9
|
+
const pathname = usePathname();
|
10
|
+
|
11
|
+
return pathname === '/settings/provider' ? <ProviderMenu mobile /> : children;
|
12
|
+
};
|
13
|
+
|
14
|
+
export default Layout;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
export const LLMProviderConfigKey = 'languageModel';
|
2
|
+
export const KeyVaultsConfigKey = 'keyVaults';
|
3
|
+
|
4
|
+
/**
|
5
|
+
* we use this key to define default api key
|
6
|
+
* equal GOOGLE_API_KEY or ZHIPU_API_KEY
|
7
|
+
*/
|
8
|
+
export const LLMProviderApiTokenKey = 'apiKey';
|
9
|
+
|
10
|
+
/**
|
11
|
+
* we use this key to define the baseURL
|
12
|
+
* equal OPENAI_PROXY_URL
|
13
|
+
*/
|
14
|
+
export const LLMProviderBaseUrlKey = 'baseURL';
|
15
|
+
|
16
|
+
/**
|
17
|
+
* we use this key to define the custom model name
|
18
|
+
* equal CUSTOM_MODELS
|
19
|
+
*/
|
20
|
+
export const LLMProviderModelListKey = 'enabledModels';
|
@@ -0,0 +1,146 @@
|
|
1
|
+
import { FormModal, Icon } from '@lobehub/ui';
|
2
|
+
import type { FormItemProps } from '@lobehub/ui/es/Form/components/FormItem';
|
3
|
+
import { App, Input, Radio } from 'antd';
|
4
|
+
import { BrainIcon } from 'lucide-react';
|
5
|
+
import { useRouter } from 'next/navigation';
|
6
|
+
import { memo, useState } from 'react';
|
7
|
+
import { useTranslation } from 'react-i18next';
|
8
|
+
import { Flexbox } from 'react-layout-kit';
|
9
|
+
|
10
|
+
import { useAiInfraStore } from '@/store/aiInfra/store';
|
11
|
+
import { CreateAiProviderParams } from '@/types/aiProvider';
|
12
|
+
|
13
|
+
import { KeyVaultsConfigKey, LLMProviderApiTokenKey, LLMProviderBaseUrlKey } from '../../const';
|
14
|
+
|
15
|
+
interface CreateNewProviderProps {
|
16
|
+
onClose?: () => void;
|
17
|
+
open?: boolean;
|
18
|
+
}
|
19
|
+
|
20
|
+
const CreateNewProvider = memo<CreateNewProviderProps>(({ onClose, open }) => {
|
21
|
+
const { t } = useTranslation('modelProvider');
|
22
|
+
const [loading, setLoading] = useState(false);
|
23
|
+
const createNewAiProvider = useAiInfraStore((s) => s.createNewAiProvider);
|
24
|
+
const { message } = App.useApp();
|
25
|
+
const router = useRouter();
|
26
|
+
const onFinish = async (values: CreateAiProviderParams) => {
|
27
|
+
setLoading(true);
|
28
|
+
|
29
|
+
try {
|
30
|
+
await createNewAiProvider(values);
|
31
|
+
setLoading(false);
|
32
|
+
router.push(`/settings/provider/${values.id}`);
|
33
|
+
message.success(t('createNewAiProvider.createSuccess'));
|
34
|
+
onClose?.();
|
35
|
+
} catch (e) {
|
36
|
+
console.error(e);
|
37
|
+
setLoading(false);
|
38
|
+
}
|
39
|
+
};
|
40
|
+
|
41
|
+
const basicItems: FormItemProps[] = [
|
42
|
+
{
|
43
|
+
children: (
|
44
|
+
<Input autoFocus placeholder={t('createNewAiProvider.id.placeholder')} variant={'filled'} />
|
45
|
+
),
|
46
|
+
label: t('createNewAiProvider.id.title'),
|
47
|
+
minWidth: 400,
|
48
|
+
name: 'id',
|
49
|
+
rules: [{ message: t('createNewAiProvider.id.required'), required: true }],
|
50
|
+
},
|
51
|
+
{
|
52
|
+
children: (
|
53
|
+
<Input placeholder={t('createNewAiProvider.name.placeholder')} variant={'filled'} />
|
54
|
+
),
|
55
|
+
label: t('createNewAiProvider.name.title'),
|
56
|
+
minWidth: 400,
|
57
|
+
name: 'name',
|
58
|
+
rules: [{ message: t('createNewAiProvider.name.required'), required: true }],
|
59
|
+
},
|
60
|
+
{
|
61
|
+
children: (
|
62
|
+
<Input.TextArea
|
63
|
+
placeholder={t('createNewAiProvider.description.placeholder')}
|
64
|
+
style={{ minHeight: 80 }}
|
65
|
+
variant={'filled'}
|
66
|
+
/>
|
67
|
+
),
|
68
|
+
label: t('createNewAiProvider.description.title'),
|
69
|
+
minWidth: 400,
|
70
|
+
name: 'description',
|
71
|
+
},
|
72
|
+
{
|
73
|
+
children: <Input allowClear placeholder={'https://logo-url'} variant={'filled'} />,
|
74
|
+
label: t('createNewAiProvider.logo.title'),
|
75
|
+
minWidth: 400,
|
76
|
+
name: 'logo',
|
77
|
+
},
|
78
|
+
];
|
79
|
+
|
80
|
+
const configItems: FormItemProps[] = [
|
81
|
+
{
|
82
|
+
children: (
|
83
|
+
<Radio.Group
|
84
|
+
options={[
|
85
|
+
{ label: 'OpenAI', value: 'openai' },
|
86
|
+
{ label: 'Anthropic', value: 'anthropic' },
|
87
|
+
]}
|
88
|
+
/>
|
89
|
+
),
|
90
|
+
label: t('createNewAiProvider.sdkType.title'),
|
91
|
+
name: 'sdkType',
|
92
|
+
rules: [{ message: t('createNewAiProvider.sdkType.required'), required: true }],
|
93
|
+
},
|
94
|
+
{
|
95
|
+
children: (
|
96
|
+
<Input.Password
|
97
|
+
autoComplete={'new-password'}
|
98
|
+
placeholder={t('createNewAiProvider.apiKey.placeholder')}
|
99
|
+
variant={'filled'}
|
100
|
+
/>
|
101
|
+
),
|
102
|
+
label: t('createNewAiProvider.apiKey.title'),
|
103
|
+
minWidth: 400,
|
104
|
+
name: [KeyVaultsConfigKey, LLMProviderApiTokenKey],
|
105
|
+
rules: [{ message: t('createNewAiProvider.apiKey.required'), required: true }],
|
106
|
+
},
|
107
|
+
{
|
108
|
+
children: <Input allowClear placeholder={'https://xxxx-proxy.com/v1'} variant={'filled'} />,
|
109
|
+
desc: t('createNewAiProvider.proxyUrl.placeholder'),
|
110
|
+
label: t('createNewAiProvider.proxyUrl.title'),
|
111
|
+
minWidth: 400,
|
112
|
+
name: [KeyVaultsConfigKey, LLMProviderBaseUrlKey],
|
113
|
+
},
|
114
|
+
];
|
115
|
+
|
116
|
+
return (
|
117
|
+
<FormModal
|
118
|
+
destroyOnClose
|
119
|
+
items={[
|
120
|
+
{
|
121
|
+
children: basicItems,
|
122
|
+
title: t('createNewAiProvider.basicTitle'),
|
123
|
+
},
|
124
|
+
{
|
125
|
+
children: configItems,
|
126
|
+
title: t('createNewAiProvider.configTitle'),
|
127
|
+
},
|
128
|
+
]}
|
129
|
+
maxHeight={'90%'}
|
130
|
+
onCancel={onClose}
|
131
|
+
onFinish={onFinish}
|
132
|
+
open={open}
|
133
|
+
scrollToFirstError={{ behavior: 'instant', block: 'end', focus: true }}
|
134
|
+
submitLoading={loading}
|
135
|
+
submitText={t('createNewAiProvider.confirm')}
|
136
|
+
title={
|
137
|
+
<Flexbox gap={8} horizontal>
|
138
|
+
<Icon icon={BrainIcon} />
|
139
|
+
{t('createNewAiProvider.title')}
|
140
|
+
</Flexbox>
|
141
|
+
}
|
142
|
+
/>
|
143
|
+
);
|
144
|
+
});
|
145
|
+
|
146
|
+
export default CreateNewProvider;
|