@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.
Files changed (298) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/changelog/v1.json +9 -0
  3. package/docs/self-hosting/server-database/docker-compose.mdx +2 -2
  4. package/locales/ar/common.json +1 -0
  5. package/locales/ar/modelProvider.json +176 -0
  6. package/locales/ar/setting.json +1 -0
  7. package/locales/bg-BG/common.json +1 -0
  8. package/locales/bg-BG/modelProvider.json +176 -0
  9. package/locales/bg-BG/setting.json +1 -0
  10. package/locales/de-DE/common.json +1 -0
  11. package/locales/de-DE/modelProvider.json +176 -0
  12. package/locales/de-DE/setting.json +1 -0
  13. package/locales/en-US/common.json +1 -0
  14. package/locales/en-US/modelProvider.json +176 -0
  15. package/locales/en-US/setting.json +1 -0
  16. package/locales/es-ES/common.json +1 -0
  17. package/locales/es-ES/modelProvider.json +176 -0
  18. package/locales/es-ES/setting.json +1 -0
  19. package/locales/fa-IR/common.json +1 -0
  20. package/locales/fa-IR/modelProvider.json +176 -0
  21. package/locales/fa-IR/setting.json +1 -0
  22. package/locales/fr-FR/common.json +1 -0
  23. package/locales/fr-FR/modelProvider.json +176 -0
  24. package/locales/fr-FR/setting.json +1 -0
  25. package/locales/it-IT/common.json +1 -0
  26. package/locales/it-IT/modelProvider.json +176 -0
  27. package/locales/it-IT/setting.json +1 -0
  28. package/locales/ja-JP/common.json +1 -0
  29. package/locales/ja-JP/modelProvider.json +176 -0
  30. package/locales/ja-JP/setting.json +1 -0
  31. package/locales/ko-KR/common.json +1 -0
  32. package/locales/ko-KR/modelProvider.json +176 -0
  33. package/locales/ko-KR/setting.json +1 -0
  34. package/locales/nl-NL/common.json +1 -0
  35. package/locales/nl-NL/modelProvider.json +176 -0
  36. package/locales/nl-NL/setting.json +1 -0
  37. package/locales/pl-PL/common.json +1 -0
  38. package/locales/pl-PL/modelProvider.json +176 -0
  39. package/locales/pl-PL/setting.json +1 -0
  40. package/locales/pt-BR/common.json +1 -0
  41. package/locales/pt-BR/modelProvider.json +176 -0
  42. package/locales/pt-BR/setting.json +1 -0
  43. package/locales/ru-RU/common.json +1 -0
  44. package/locales/ru-RU/modelProvider.json +176 -0
  45. package/locales/ru-RU/setting.json +1 -0
  46. package/locales/tr-TR/common.json +1 -0
  47. package/locales/tr-TR/modelProvider.json +176 -0
  48. package/locales/tr-TR/setting.json +1 -0
  49. package/locales/vi-VN/common.json +1 -0
  50. package/locales/vi-VN/modelProvider.json +176 -0
  51. package/locales/vi-VN/setting.json +1 -0
  52. package/locales/zh-CN/common.json +1 -0
  53. package/locales/zh-CN/modelProvider.json +176 -0
  54. package/locales/zh-CN/setting.json +1 -0
  55. package/locales/zh-TW/common.json +1 -0
  56. package/locales/zh-TW/modelProvider.json +176 -0
  57. package/locales/zh-TW/setting.json +1 -0
  58. package/package.json +4 -4
  59. package/src/app/(main)/(mobile)/me/settings/features/Category.tsx +1 -1
  60. package/src/app/(main)/(mobile)/me/settings/features/useCategory.tsx +12 -5
  61. package/src/app/(main)/changelog/features/VersionTag.tsx +1 -2
  62. package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx +1 -1
  63. package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx +1 -2
  64. package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/index.tsx +0 -1
  65. package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx +1 -1
  66. package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx +1 -1
  67. package/src/app/(main)/chat/(workspace)/@conversation/features/ZenModeToast/Toast.tsx +1 -1
  68. package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ThreadItem/index.tsx +0 -2
  69. package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/TopicItem/index.tsx +0 -1
  70. package/src/app/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Tags.tsx +2 -3
  71. package/src/app/(main)/chat/@session/features/SessionListContent/CollapseGroup/index.tsx +1 -1
  72. package/src/app/(main)/chat/features/Migration/Start.tsx +1 -1
  73. package/src/app/(main)/discover/(detail)/assistant/[slug]/features/ConversationExample/TopicList.tsx +4 -3
  74. package/src/app/(main)/discover/(detail)/assistant/[slug]/features/Header.tsx +1 -1
  75. package/src/app/(main)/discover/(detail)/features/ShareButton.tsx +2 -1
  76. package/src/app/(main)/discover/(detail)/model/[...slugs]/features/Header.tsx +1 -1
  77. package/src/app/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx +1 -1
  78. package/src/app/(main)/discover/(detail)/provider/[slug]/features/Header.tsx +1 -1
  79. package/src/app/(main)/discover/(list)/_layout/Desktop/Nav.tsx +0 -1
  80. package/src/app/(main)/discover/(list)/assistants/features/Card.tsx +1 -1
  81. package/src/app/(main)/discover/(list)/models/features/Card.tsx +1 -1
  82. package/src/app/(main)/discover/(list)/plugins/features/Card.tsx +1 -1
  83. package/src/app/(main)/discover/(list)/providers/features/Card.tsx +1 -1
  84. package/src/app/(main)/discover/components/GridLoadingCard.tsx +2 -1
  85. package/src/app/(main)/discover/components/Title.tsx +1 -1
  86. package/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/EmptyStatus.tsx +1 -1
  87. package/src/app/(main)/files/(content)/@menu/features/KnowledgeBase/Item/index.tsx +0 -1
  88. package/src/app/(main)/files/(content)/@modal/(.)[id]/FullscreenModal.tsx +2 -2
  89. package/src/app/(main)/files/(content)/NotSupportClient.tsx +2 -2
  90. package/src/app/(main)/profile/_layout/Desktop/SideBar.tsx +1 -1
  91. package/src/app/(main)/profile/stats/features/ShareButton/Preview.tsx +5 -5
  92. package/src/app/(main)/repos/[id]/evals/components/Container.tsx +1 -1
  93. package/src/app/(main)/repos/[id]/evals/dataset/DatasetList/Item.tsx +0 -1
  94. package/src/app/(main)/settings/_layout/Desktop/SideBar.tsx +1 -1
  95. package/src/app/(main)/settings/about/features/ItemCard.tsx +3 -3
  96. package/src/app/(main)/settings/about/features/Version.tsx +1 -1
  97. package/src/app/(main)/settings/hooks/useCategory.tsx +22 -9
  98. package/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx +2 -1
  99. package/src/app/(main)/settings/llm/components/ProviderModelList/ModelFetcher.tsx +0 -1
  100. package/src/app/(main)/settings/provider/(detail)/[id]/index.tsx +19 -0
  101. package/src/app/(main)/settings/provider/(detail)/[id]/page.tsx +95 -0
  102. package/src/app/(main)/settings/provider/(detail)/azure/page.tsx +119 -0
  103. package/src/app/(main)/settings/provider/(detail)/bedrock/page.tsx +91 -0
  104. package/src/app/(main)/settings/provider/(detail)/cloudflare/page.tsx +58 -0
  105. package/src/app/(main)/settings/provider/(detail)/github/page.tsx +67 -0
  106. package/src/app/(main)/settings/provider/(detail)/huggingface/page.tsx +67 -0
  107. package/src/app/(main)/settings/provider/(detail)/ollama/Checker.tsx +73 -0
  108. package/src/app/(main)/settings/provider/(detail)/ollama/page.tsx +34 -0
  109. package/src/app/(main)/settings/provider/(detail)/openai/page.tsx +23 -0
  110. package/src/app/(main)/settings/provider/(detail)/wenxin/page.tsx +61 -0
  111. package/src/app/(main)/settings/provider/(list)/Footer.tsx +36 -0
  112. package/src/app/(main)/settings/provider/(list)/ProviderGrid/Card.tsx +134 -0
  113. package/src/app/(main)/settings/provider/(list)/ProviderGrid/index.tsx +91 -0
  114. package/src/app/(main)/settings/provider/(list)/index.tsx +19 -0
  115. package/src/app/(main)/settings/provider/ProviderMenu/AddNew.tsx +28 -0
  116. package/src/app/(main)/settings/provider/ProviderMenu/All.tsx +29 -0
  117. package/src/app/(main)/settings/provider/ProviderMenu/Item.tsx +69 -0
  118. package/src/app/(main)/settings/provider/ProviderMenu/List.tsx +76 -0
  119. package/src/app/(main)/settings/provider/ProviderMenu/SearchResult.tsx +43 -0
  120. package/src/app/(main)/settings/provider/ProviderMenu/SkeletonList.tsx +60 -0
  121. package/src/app/(main)/settings/provider/ProviderMenu/SortProviderModal/GroupItem.tsx +30 -0
  122. package/src/app/(main)/settings/provider/ProviderMenu/SortProviderModal/index.tsx +91 -0
  123. package/src/app/(main)/settings/provider/ProviderMenu/index.tsx +80 -0
  124. package/src/app/(main)/settings/provider/_layout/Desktop.tsx +37 -0
  125. package/src/app/(main)/settings/provider/_layout/Mobile.tsx +14 -0
  126. package/src/app/(main)/settings/provider/const.ts +20 -0
  127. package/src/app/(main)/settings/provider/features/CreateNewProvider/index.tsx +146 -0
  128. package/src/app/(main)/settings/provider/features/ModelList/CreateNewModelModal/Form.tsx +105 -0
  129. package/src/app/(main)/settings/provider/features/ModelList/CreateNewModelModal/index.tsx +69 -0
  130. package/src/app/(main)/settings/provider/features/ModelList/DisabledModels.tsx +29 -0
  131. package/src/app/(main)/settings/provider/features/ModelList/EmptyModels.tsx +101 -0
  132. package/src/app/(main)/settings/provider/features/ModelList/EnabledModelList/index.tsx +85 -0
  133. package/src/app/(main)/settings/provider/features/ModelList/ModelConfigModal/Form.tsx +109 -0
  134. package/src/app/(main)/settings/provider/features/ModelList/ModelConfigModal/index.tsx +76 -0
  135. package/src/app/(main)/settings/provider/features/ModelList/ModelItem.tsx +346 -0
  136. package/src/app/(main)/settings/provider/features/ModelList/ModelTitle/Search.tsx +37 -0
  137. package/src/app/(main)/settings/provider/features/ModelList/ModelTitle/index.tsx +145 -0
  138. package/src/app/(main)/settings/provider/features/ModelList/SearchResult.tsx +67 -0
  139. package/src/app/(main)/settings/provider/features/ModelList/SkeletonList.tsx +63 -0
  140. package/src/app/(main)/settings/provider/features/ModelList/SortModelModal/ListItem.tsx +20 -0
  141. package/src/app/(main)/settings/provider/features/ModelList/SortModelModal/index.tsx +96 -0
  142. package/src/app/(main)/settings/provider/features/ModelList/index.tsx +59 -0
  143. package/src/app/(main)/settings/provider/features/ProviderConfig/Checker.tsx +120 -0
  144. package/src/app/(main)/settings/provider/features/ProviderConfig/SkeletonInput.tsx +5 -0
  145. package/src/app/(main)/settings/provider/features/ProviderConfig/UpdateProviderInfo/SettingModal.tsx +137 -0
  146. package/src/app/(main)/settings/provider/features/ProviderConfig/UpdateProviderInfo/index.tsx +49 -0
  147. package/src/app/(main)/settings/provider/features/ProviderConfig/index.tsx +343 -0
  148. package/src/app/(main)/settings/provider/layout.tsx +21 -0
  149. package/src/app/(main)/settings/provider/page.tsx +17 -0
  150. package/src/app/(main)/settings/provider/type.ts +5 -0
  151. package/src/app/(main)/settings/sync/features/DeviceInfo/Card.tsx +1 -1
  152. package/src/app/(main)/settings/sync/features/DeviceInfo/index.tsx +1 -1
  153. package/src/app/@modal/(.)changelog/modal/features/ReadDetail.tsx +1 -1
  154. package/src/app/@modal/(.)changelog/modal/features/VersionTag.tsx +1 -2
  155. package/src/app/@modal/(.)changelog/modal/layout.tsx +1 -1
  156. package/src/components/Cell/index.tsx +1 -1
  157. package/src/components/DragUpload/index.tsx +2 -3
  158. package/src/components/FeatureList/index.tsx +1 -1
  159. package/src/components/FileParsingStatus/EmbeddingStatus.tsx +1 -1
  160. package/src/components/FileParsingStatus/index.tsx +1 -1
  161. package/src/components/FunctionModal/style.tsx +2 -2
  162. package/src/components/GoBack/index.tsx +1 -2
  163. package/src/components/HotKeys/index.tsx +1 -1
  164. package/src/components/InstantSwitch/index.tsx +28 -0
  165. package/src/components/Menu/index.tsx +1 -1
  166. package/src/components/ModelSelect/index.tsx +2 -3
  167. package/src/components/Notification/index.tsx +2 -1
  168. package/src/components/StatisticCard/index.tsx +5 -6
  169. package/src/config/aiModels/ai21.ts +38 -0
  170. package/src/config/aiModels/ai360.ts +71 -0
  171. package/src/config/aiModels/anthropic.ts +152 -0
  172. package/src/config/aiModels/azure.ts +86 -0
  173. package/src/config/aiModels/baichuan.ts +107 -0
  174. package/src/config/aiModels/bedrock.ts +315 -0
  175. package/src/config/aiModels/cloudflare.ts +88 -0
  176. package/src/config/aiModels/deepseek.ts +27 -0
  177. package/src/config/aiModels/fireworksai.ts +232 -0
  178. package/src/config/aiModels/giteeai.ts +137 -0
  179. package/src/config/aiModels/github.ts +273 -0
  180. package/src/config/aiModels/google.ts +317 -0
  181. package/src/config/aiModels/groq.ts +202 -0
  182. package/src/config/aiModels/higress.ts +2828 -0
  183. package/src/config/aiModels/huggingface.ts +56 -0
  184. package/src/config/aiModels/hunyuan.ts +151 -0
  185. package/src/config/aiModels/index.ts +98 -0
  186. package/src/config/aiModels/internlm.ts +40 -0
  187. package/src/config/aiModels/minimax.ts +55 -0
  188. package/src/config/aiModels/mistral.ts +172 -0
  189. package/src/config/aiModels/moonshot.ts +44 -0
  190. package/src/config/aiModels/novita.ts +124 -0
  191. package/src/config/aiModels/ollama.ts +412 -0
  192. package/src/config/aiModels/openai.ts +537 -0
  193. package/src/config/aiModels/openrouter.ts +252 -0
  194. package/src/config/aiModels/perplexity.ts +67 -0
  195. package/src/config/aiModels/qwen.ts +302 -0
  196. package/src/config/aiModels/sensenova.ts +114 -0
  197. package/src/config/aiModels/siliconcloud.ts +679 -0
  198. package/src/config/aiModels/spark.ts +68 -0
  199. package/src/config/aiModels/stepfun.ts +153 -0
  200. package/src/config/aiModels/taichu.ts +19 -0
  201. package/src/config/aiModels/togetherai.ts +334 -0
  202. package/src/config/aiModels/upstage.ts +37 -0
  203. package/src/config/aiModels/wenxin.ts +171 -0
  204. package/src/config/aiModels/xai.ts +72 -0
  205. package/src/config/aiModels/zeroone.ts +156 -0
  206. package/src/config/aiModels/zhipu.ts +235 -0
  207. package/src/config/featureFlags/schema.ts +3 -0
  208. package/src/config/modelProviders/anthropic.ts +1 -0
  209. package/src/config/modelProviders/github.ts +0 -1
  210. package/src/config/modelProviders/google.ts +1 -0
  211. package/src/config/modelProviders/stepfun.ts +2 -0
  212. package/src/database/migrations/0013_add_ai_infra.sql +44 -0
  213. package/src/database/migrations/meta/0013_snapshot.json +3598 -0
  214. package/src/database/migrations/meta/_journal.json +7 -0
  215. package/src/database/repositories/aiInfra/index.ts +115 -0
  216. package/src/database/schemas/aiInfra.ts +69 -0
  217. package/src/database/schemas/index.ts +1 -0
  218. package/src/database/server/models/__tests__/aiModel.test.ts +318 -0
  219. package/src/database/server/models/__tests__/aiProvider.test.ts +373 -0
  220. package/src/database/server/models/aiModel.ts +250 -0
  221. package/src/database/server/models/aiProvider.ts +234 -0
  222. package/src/features/AgentSetting/AgentPrompt/index.tsx +2 -2
  223. package/src/features/ChatInput/ActionBar/Token/TokenTag.tsx +2 -1
  224. package/src/features/ChatInput/ActionBar/Tools/index.tsx +2 -3
  225. package/src/features/ChatInput/ActionBar/Upload/ServerMode.tsx +2 -3
  226. package/src/features/ChatInput/Desktop/FilePreview/FileItem/index.tsx +3 -2
  227. package/src/features/ChatInput/Desktop/FilePreview/FileList.tsx +2 -2
  228. package/src/features/ChatInput/Mobile/Files/FileItem/File.tsx +2 -2
  229. package/src/features/ChatInput/Mobile/InputArea/index.tsx +1 -1
  230. package/src/features/ChatInput/STT/common.tsx +1 -1
  231. package/src/features/Conversation/Error/style.tsx +2 -2
  232. package/src/features/Conversation/Messages/Assistant/FileChunks/Item/style.ts +2 -2
  233. package/src/features/Conversation/Messages/Assistant/FileChunks/index.tsx +1 -1
  234. package/src/features/Conversation/Messages/Assistant/ToolCallItem/Inspector/style.ts +2 -3
  235. package/src/features/Conversation/Messages/Assistant/ToolCallItem/style.ts +2 -3
  236. package/src/features/Conversation/Messages/User/FileListViewer/Item.tsx +0 -1
  237. package/src/features/Conversation/components/BackBottom/style.ts +2 -2
  238. package/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/Icon.tsx +2 -3
  239. package/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/index.tsx +3 -3
  240. package/src/features/Conversation/components/MarkdownElements/LobeThinking/Render.tsx +1 -1
  241. package/src/features/Conversation/components/OTPInput.tsx +2 -2
  242. package/src/features/DataImporter/Loading.tsx +1 -1
  243. package/src/features/FileManager/FileList/EmptyStatus.tsx +1 -1
  244. package/src/features/FileManager/FileList/index.tsx +1 -1
  245. package/src/features/FileManager/UploadDock/Item.tsx +1 -1
  246. package/src/features/FileManager/UploadDock/index.tsx +4 -4
  247. package/src/features/FileViewer/NotSupport/index.tsx +1 -1
  248. package/src/features/FileViewer/Renderer/MSDoc/index.tsx +0 -1
  249. package/src/features/FileViewer/Renderer/TXT/index.tsx +1 -1
  250. package/src/features/InitClientDB/EnableModal.tsx +1 -1
  251. package/src/features/InitClientDB/ErrorResult.tsx +1 -1
  252. package/src/features/InitClientDB/InitIndicator.tsx +1 -1
  253. package/src/features/KnowledgeBaseModal/AddFilesToKnowledgeBase/SelectForm.tsx +0 -1
  254. package/src/features/ModelSwitchPanel/index.tsx +2 -2
  255. package/src/features/PluginsUI/Render/Loading.tsx +0 -1
  256. package/src/features/Portal/Home/Body/Files/FileList/Item.tsx +1 -1
  257. package/src/features/Portal/Home/Body/Plugins/ArtifactList/Item/style.ts +1 -2
  258. package/src/features/Setting/SettingContainer.tsx +8 -1
  259. package/src/features/ShareModal/ShareImage/style.ts +2 -2
  260. package/src/features/ShareModal/style.ts +2 -2
  261. package/src/features/User/DataStatistics.tsx +1 -1
  262. package/src/hooks/useEnabledChatModels.ts +10 -1
  263. package/src/hooks/useModelSupportToolUse.ts +15 -0
  264. package/src/hooks/useModelSupportVision.ts +15 -0
  265. package/src/layout/AuthProvider/Clerk/useAppearance.ts +3 -3
  266. package/src/layout/GlobalProvider/AppTheme.tsx +1 -1
  267. package/src/layout/GlobalProvider/StoreInitialization.tsx +5 -0
  268. package/src/locales/default/common.ts +1 -0
  269. package/src/locales/default/modelProvider.ts +178 -0
  270. package/src/locales/default/setting.ts +1 -0
  271. package/src/server/modules/KeyVaultsEncrypt/index.ts +1 -1
  272. package/src/server/routers/lambda/aiModel.ts +128 -0
  273. package/src/server/routers/lambda/aiProvider.ts +127 -0
  274. package/src/server/routers/lambda/index.ts +4 -0
  275. package/src/services/__tests__/_auth.test.ts +16 -49
  276. package/src/services/__tests__/chat.test.ts +2 -0
  277. package/src/services/_auth.ts +42 -25
  278. package/src/services/aiModel.ts +52 -0
  279. package/src/services/aiProvider.ts +47 -0
  280. package/src/services/chat.ts +62 -18
  281. package/src/store/aiInfra/index.ts +2 -0
  282. package/src/store/aiInfra/initialState.ts +11 -0
  283. package/src/store/aiInfra/selectors.ts +2 -0
  284. package/src/store/aiInfra/slices/aiModel/action.ts +146 -0
  285. package/src/store/aiInfra/slices/aiModel/index.ts +3 -0
  286. package/src/store/aiInfra/slices/aiModel/initialState.ts +14 -0
  287. package/src/store/aiInfra/slices/aiModel/selectors.ts +63 -0
  288. package/src/store/aiInfra/slices/aiProvider/action.ts +208 -0
  289. package/src/store/aiInfra/slices/aiProvider/index.ts +3 -0
  290. package/src/store/aiInfra/slices/aiProvider/initialState.ts +32 -0
  291. package/src/store/aiInfra/slices/aiProvider/selectors.ts +99 -0
  292. package/src/store/aiInfra/store.ts +25 -0
  293. package/src/store/global/initialState.ts +1 -0
  294. package/src/store/serverConfig/selectors.test.ts +1 -0
  295. package/src/styles/global.ts +1 -1
  296. package/src/types/aiModel.ts +32 -6
  297. package/src/types/aiProvider.ts +11 -4
  298. 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;