@lobehub/chat 0.127.0 → 0.127.2

package/src/app/settings/llm/page.tsx

@@ -1,49 +1,9 @@
-'use client';
+import { getServerConfig } from '@/config/server';
 
-import Link from 'next/link';
-import { memo } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import Page from './index';
 
-import Footer from '@/app/settings/features/Footer';
-import PageTitle from '@/components/PageTitle';
-import { MORE_MODEL_PROVIDER_REQUEST_URL } from '@/const/url';
-import { useGlobalStore } from '@/store/global';
-import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
-import { SettingsTabs } from '@/store/global/initialState';
-import { modelProviderSelectors } from '@/store/global/selectors';
+export default () => {
+  const { ENABLE_OLLAMA } = getServerConfig();
 
-import Bedrock from './Bedrock';
-import Google from './Google';
-import Moonshot from './Moonshot';
-import Ollama from './Ollama';
-import OpenAI from './OpenAI';
-import Zhipu from './Zhipu';
-
-export default memo(() => {
-  useSwitchSideBarOnInit(SettingsTabs.LLM);
-  const enableOllamaFormServerConfig = useGlobalStore(
-    modelProviderSelectors.enableOllamaConfigInSettings,
-  );
-  const { t } = useTranslation('setting');
-  return (
-    <>
-      <PageTitle title={t('tab.llm')} />
-      <OpenAI />
-      {/*<AzureOpenAI />*/}
-      <Zhipu />
-      <Moonshot />
-      <Google />
-      <Bedrock />
-      {enableOllamaFormServerConfig && <Ollama />}
-      <Footer>
-        <Trans i18nKey="llm.waitingForMore" ns={'setting'}>
-          更多模型正在
-          <Link aria-label={'todo'} href={MORE_MODEL_PROVIDER_REQUEST_URL} target="_blank">
-            计划接入
-          </Link>
-          中 ，敬请期待 ✨
-        </Trans>
-      </Footer>
-    </>
-  );
-});
+  return <Page showOllama={ENABLE_OLLAMA} />;
+};

package/src/app/settings/tts/layout.tsx

@@ -1 +1,9 @@
-export { default } from '../layout.server';
+import { PropsWithChildren } from 'react';
+
+import { SettingsTabs } from '@/store/global/initialState';
+
+import SettingLayout from '../layout.server';
+
+export default ({ children }: PropsWithChildren) => {
+  return <SettingLayout activeTab={SettingsTabs.TTS}>{children}</SettingLayout>;
+};

package/src/app/settings/tts/page.tsx

@@ -1,3 +1,18 @@
-import Index from './index';
+'use client';
 
-export default () => <Index />;
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import PageTitle from '@/components/PageTitle';
+
+import TTS from './TTS';
+
+export default memo(() => {
+  const { t } = useTranslation('setting');
+  return (
+    <>
+      <PageTitle title={t('tab.llm')} />
+      <TTS />
+    </>
+  );
+});

package/src/const/settings.ts

@@ -72,6 +72,7 @@ export const DEFAULT_LLM_CONFIG: GlobalLLMConfig = {
   },
   openAI: {
     OPENAI_API_KEY: '',
+    enabled: true,
     models: [],
   },
   zhipu: {

package/src/features/MobileTabBar/index.tsx

@@ -6,7 +6,6 @@ import { rgba } from 'polished';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useGlobalStore } from '@/store/global';
 import { SidebarTabKey } from '@/store/global/initialState';
 
 const useStyles = createStyles(({ css, token }) => ({
@@ -17,8 +16,12 @@ const useStyles = createStyles(({ css, token }) => ({
   `,
 }));
 
-export default memo<{ className?: string }>(({ className }) => {
-  const [tab, setTab] = useGlobalStore((s) => [s.sidebarKey, s.switchSideBar]);
+interface Props {
+  className?: string;
+  tabBarKey?: SidebarTabKey;
+}
+
+export default memo<Props>(({ className, tabBarKey }) => {
   const { t } = useTranslation('common');
   const { styles } = useStyles();
   const router = useRouter();
@@ -30,7 +33,6 @@ export default memo<{ className?: string }>(({ className }) => {
         ),
         key: SidebarTabKey.Chat,
         onClick: () => {
-          setTab(SidebarTabKey.Chat);
           router.push('/chat');
         },
         title: t('tab.chat'),
@@ -39,7 +41,6 @@ export default memo<{ className?: string }>(({ className }) => {
         icon: (active) => <Icon className={active ? styles.active : undefined} icon={Bot} />,
         key: SidebarTabKey.Market,
         onClick: () => {
-          setTab(SidebarTabKey.Market);
           router.push('/market');
         },
         title: t('tab.market'),
@@ -48,7 +49,6 @@ export default memo<{ className?: string }>(({ className }) => {
         icon: (active) => <Icon className={active ? styles.active : undefined} icon={User} />,
         key: SidebarTabKey.Setting,
         onClick: () => {
-          setTab(SidebarTabKey.Setting);
           router.push('/settings');
         },
         title: t('tab.setting'),
@@ -56,12 +56,5 @@ export default memo<{ className?: string }>(({ className }) => {
     ],
     [t],
   );
-  return (
-    <MobileTabBar
-      activeKey={tab}
-      className={className}
-      items={items}
-      onChange={(key) => setTab(key as any)}
-    />
-  );
+  return <MobileTabBar activeKey={tabBarKey} className={className} items={items} />;
 });

package/src/features/SideBar/BottomActions.tsx

@@ -20,14 +20,13 @@ import { ABOUT, CHANGELOG, DISCORD, FEEDBACK, GITHUB, WIKI } from '@/const/url';
 import DataImporter from '@/features/DataImporter';
 import { configService } from '@/services/config';
 import { GlobalStore, useGlobalStore } from '@/store/global';
-import { SettingsTabs, SidebarTabKey } from '@/store/global/initialState';
+import { SidebarTabKey } from '@/store/global/initialState';
 
 export interface BottomActionProps {
-  setTab: GlobalStore['switchSideBar'];
-  tab: GlobalStore['sidebarKey'];
+  tab?: GlobalStore['sidebarKey'];
 }
 
-const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
+const BottomActions = memo<BottomActionProps>(({ tab }) => {
   const router = useRouter();
   const { t } = useTranslation('common');
 
@@ -113,11 +112,6 @@ const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
         </Flexbox>
       ),
       onClick: () => {
-        setTab(SidebarTabKey.Setting);
-        useGlobalStore.setState({
-          settingsTab: SettingsTabs.Common,
-          sidebarKey: SidebarTabKey.Setting,
-        });
         router.push('/settings/common');
       },
     },

package/src/features/SideBar/TopActions.tsx

@@ -9,11 +9,10 @@ import { SidebarTabKey } from '@/store/global/initialState';
 import { useSessionStore } from '@/store/session';
 
 export interface TopActionProps {
-  setTab: GlobalStore['switchSideBar'];
-  tab: GlobalStore['sidebarKey'];
+  tab?: GlobalStore['sidebarKey'];
 }
 
-const TopActions = memo<TopActionProps>(({ tab, setTab }) => {
+const TopActions = memo<TopActionProps>(({ tab }) => {
   const { t } = useTranslation('common');
   const switchBackToChat = useGlobalStore((s) => s.switchBackToChat);
 
@@ -24,7 +23,6 @@ const TopActions = memo<TopActionProps>(({ tab, setTab }) => {
         onClick={(e) => {
           e.preventDefault();
           switchBackToChat(useSessionStore.getState().activeId);
-          setTab(SidebarTabKey.Chat);
         }}
       >
         <ActionIcon
@@ -39,9 +37,6 @@ const TopActions = memo<TopActionProps>(({ tab, setTab }) => {
         <ActionIcon
           active={tab === SidebarTabKey.Market}
           icon={Compass}
-          onClick={() => {
-            setTab(SidebarTabKey.Market);
-          }}
           placement={'right'}
           size="large"
           title={t('tab.market')}

package/src/features/SideBar/index.tsx

@@ -2,20 +2,22 @@ import { SideNav } from '@lobehub/ui';
 import { memo } from 'react';
 
 import AvatarWithUpload from '@/features/AvatarWithUpload';
-import { useGlobalStore } from '@/store/global';
+import { SidebarTabKey } from '@/store/global/initialState';
 
 import BottomActions from './BottomActions';
 import TopActions from './TopActions';
 
-export default memo(() => {
-  const [tab, setTab] = useGlobalStore((s) => [s.sidebarKey, s.switchSideBar]);
+interface Props {
+  sidebarKey?: SidebarTabKey;
+}
 
+export default memo<Props>(({ sidebarKey }) => {
   return (
     <SideNav
       avatar={<AvatarWithUpload id={'avatar'} />}
-      bottomActions={<BottomActions setTab={setTab} tab={tab} />}
+      bottomActions={<BottomActions tab={sidebarKey} />}
       style={{ height: '100%' }}
-      topActions={<TopActions setTab={setTab} tab={tab} />}
+      topActions={<TopActions tab={sidebarKey} />}
     />
   );
 });

package/src/layout/AppLayout.desktop.tsx

@@ -1,11 +1,16 @@
 import { useTheme } from 'antd-style';
-import { PropsWithChildren, memo } from 'react';
+import { ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import SideBar from '@/features/SideBar';
 import { useIsPWA } from '@/hooks/useIsPWA';
+import { SidebarTabKey } from '@/store/global/initialState';
 
-const AppLayoutDesktop = memo<PropsWithChildren>(({ children }) => {
+interface AppLayoutDesktopProps {
+  children: ReactNode;
+  sidebarKey?: SidebarTabKey;
+}
+const AppLayoutDesktop = memo<AppLayoutDesktopProps>(({ children, sidebarKey }) => {
   const isPWA = useIsPWA();
   const theme = useTheme();
 
@@ -16,7 +21,7 @@ const AppLayoutDesktop = memo<PropsWithChildren>(({ children }) => {
       style={isPWA ? { borderTop: `1px solid ${theme.colorBorder}` } : {}}
       width={'100%'}
     >
-      <SideBar />
+      <SideBar sidebarKey={sidebarKey} />
       {children}
     </Flexbox>
   );

package/src/layout/AppLayout.mobile.tsx

@@ -5,6 +5,7 @@ import { CSSProperties, PropsWithChildren, ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import SafeSpacing from '@/components/SafeSpacing';
+import { SidebarTabKey } from '@/store/global/slices/common/initialState';
 
 const MobileTabBar = dynamic(() => import('@/features/MobileTabBar'));
 
@@ -39,11 +40,12 @@ interface AppMobileLayoutProps extends PropsWithChildren {
   navBar?: ReactNode;
   showTabBar?: boolean;
   style?: CSSProperties;
+  tabBarKey?: SidebarTabKey;
   title?: MobileNavBarTitleProps;
 }
 
 const AppLayoutMobile = memo<AppMobileLayoutProps>(
-  ({ children, showTabBar, navBar, style, className }) => {
+  ({ children, showTabBar, tabBarKey, navBar, style, className }) => {
     const { styles, cx } = useStyles();
 
     return (
@@ -58,7 +60,7 @@ const AppLayoutMobile = memo<AppMobileLayoutProps>(
         {showTabBar && (
           <>
             <SafeSpacing mobile position={'bottom'} />
-            <MobileTabBar className={styles.mobileTabBar} />
+            <MobileTabBar className={styles.mobileTabBar} tabBarKey={tabBarKey} />
           </>
         )}
       </Flexbox>

package/src/layout/ResponsiveLayout.client.tsx

@@ -1,26 +1,26 @@
 'use client';
 
-import { PropsWithChildren, ReactNode, Suspense } from 'react';
+import { ReactNode, Suspense } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import FullscreenLoading from '@/components/FullscreenLoading';
 import { useIsMobile } from '@/hooks/useIsMobile';
 
-interface ServerResponsiveLayoutProps {
-  Desktop: (props: PropsWithChildren) => ReactNode;
-  Mobile: (props: PropsWithChildren) => ReactNode;
+interface ServerResponsiveLayoutProps extends Record<string, any> {
+  Desktop: (props: any) => ReactNode;
+  Mobile: (props: any) => ReactNode;
   children?: ReactNode;
 }
-const ResponsiveLayout = ({ children, Desktop, Mobile }: ServerResponsiveLayoutProps) => {
+const ResponsiveLayout = ({ children, Desktop, Mobile, ...res }: ServerResponsiveLayoutProps) => {
   const { t } = useTranslation();
   const mobile = useIsMobile();
 
   return mobile ? (
     <Suspense fallback={<FullscreenLoading title={t('layoutInitializing', { ns: 'common' })} />}>
-      <Mobile>{children}</Mobile>
+      <Mobile {...res}>{children}</Mobile>
     </Suspense>
   ) : (
-    <Desktop>{children}</Desktop>
+    <Desktop {...res}>{children}</Desktop>
   );
 };
 

package/src/layout/ResponsiveLayout.server.tsx

@@ -1,16 +1,16 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 import { isMobileDevice } from '@/utils/responsive';
 
-interface ServerResponsiveLayoutProps {
-  Desktop: (props: PropsWithChildren) => ReactNode;
-  Mobile: (props: PropsWithChildren) => ReactNode;
+interface ServerResponsiveLayoutProps extends Record<string, any> {
+  Desktop: (props: any) => ReactNode;
+  Mobile: (props: any) => ReactNode;
   children?: ReactNode;
 }
-const ResponsiveLayout = ({ children, Desktop, Mobile }: ServerResponsiveLayoutProps) => {
+const ResponsiveLayout = ({ children, Desktop, Mobile, ...res }: ServerResponsiveLayoutProps) => {
   const mobile = isMobileDevice();
 
-  return mobile ? <Mobile>{children}</Mobile> : <Desktop>{children}</Desktop>;
+  return mobile ? <Mobile {...res}>{children}</Mobile> : <Desktop {...res}>{children}</Desktop>;
 };
 
 export default ResponsiveLayout;

package/src/services/_auth.test.ts

@@ -0,0 +1,132 @@
+import { act } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+
+import { ModelProvider } from '@/libs/agent-runtime';
+import { useGlobalStore } from '@/store/global';
+import { GlobalLLMConfig, GlobalLLMProviderKey } from '@/types/settings';
+
+import { getProviderAuthPayload } from './_auth';
+
+// Mock data for different providers
+const mockZhiPuAPIKey = 'zhipu-api-key';
+const mockMoonshotAPIKey = 'moonshot-api-key';
+const mockGoogleAPIKey = 'google-api-key';
+
+// mock the traditional zustand
+vi.mock('zustand/traditional');
+
+const setModelProviderConfig = <T extends GlobalLLMProviderKey>(
+  provider: T,
+  config: Partial<GlobalLLMConfig[T]>,
+) => {
+  useGlobalStore.setState({
+    settings: { languageModel: { [provider]: config } },
+  });
+};
+
+describe('getProviderAuthPayload', () => {
+  it('should return correct payload for ZhiPu provider', () => {
+    act(() => {
+      setModelProviderConfig('zhipu', { apiKey: mockZhiPuAPIKey });
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.ZhiPu);
+    expect(payload).toEqual({ apiKey: mockZhiPuAPIKey });
+  });
+
+  it('should return correct payload for Moonshot provider', () => {
+    act(() => {
+      setModelProviderConfig('moonshot', { apiKey: mockMoonshotAPIKey });
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.Moonshot);
+    expect(payload).toEqual({ apiKey: mockMoonshotAPIKey });
+  });
+
+  it('should return correct payload for Google provider', () => {
+    act(() => {
+      setModelProviderConfig('google', { apiKey: mockGoogleAPIKey });
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.Google);
+    expect(payload).toEqual({ apiKey: mockGoogleAPIKey });
+  });
+
+  it('should return correct payload for Bedrock provider', () => {
+    // 假设的 Bedrock 配置
+    const mockBedrockConfig = {
+      accessKeyId: 'bedrock-access-key-id',
+      region: 'bedrock-region',
+      secretAccessKey: 'bedrock-secret-access-key',
+    };
+    act(() => {
+      setModelProviderConfig('bedrock', mockBedrockConfig);
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.Bedrock);
+    expect(payload).toEqual({
+      apiKey: mockBedrockConfig.secretAccessKey + mockBedrockConfig.accessKeyId,
+      awsAccessKeyId: mockBedrockConfig.accessKeyId,
+      awsRegion: mockBedrockConfig.region,
+      awsSecretAccessKey: mockBedrockConfig.secretAccessKey,
+    });
+  });
+
+  it('should return correct payload for Azure provider', () => {
+    // 假设的 Azure 配置
+    const mockAzureConfig = {
+      apiKey: 'azure-api-key',
+      apiVersion: 'azure-api-version',
+      endpoint: 'azure-endpoint',
+    };
+    act(() => {
+      setModelProviderConfig('azure', mockAzureConfig);
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.Azure);
+    expect(payload).toEqual({
+      apiKey: mockAzureConfig.apiKey,
+      azureApiVersion: mockAzureConfig.apiVersion,
+      endpoint: mockAzureConfig.endpoint,
+    });
+  });
+
+  it('should return correct payload for Ollama provider', () => {
+    // 假设的 Ollama 配置
+    const mockOllamaProxyUrl = 'ollama-proxy-url';
+    act(() => {
+      setModelProviderConfig('ollama', { endpoint: mockOllamaProxyUrl });
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.Ollama);
+    expect(payload).toEqual({
+      endpoint: mockOllamaProxyUrl,
+    });
+  });
+
+  it('should return correct payload for OpenAI provider', () => {
+    // 假设的 OpenAI 配置
+    const mockOpenAIConfig = {
+      OPENAI_API_KEY: 'openai-api-key',
+      endpoint: 'openai-endpoint',
+      useAzure: true,
+      azureApiVersion: 'openai-azure-api-version',
+    };
+    act(() => {
+      setModelProviderConfig('openAI', mockOpenAIConfig);
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.OpenAI);
+    expect(payload).toEqual({
+      apiKey: mockOpenAIConfig.OPENAI_API_KEY,
+      azureApiVersion: mockOpenAIConfig.azureApiVersion,
+      endpoint: mockOpenAIConfig.endpoint,
+      useAzure: mockOpenAIConfig.useAzure,
+    });
+  });
+
+  it('should return an empty object or throw an error for an unknown provider', () => {
+    const payload = getProviderAuthPayload('UnknownProvider');
+    expect(payload).toEqual({ apiKey: '', endpoint: '' });
+  });
+});

package/src/services/_auth.ts

@@ -4,7 +4,7 @@ import { useGlobalStore } from '@/store/global';
 import { modelProviderSelectors, settingsSelectors } from '@/store/global/selectors';
 import { createJWT } from '@/utils/jwt';
 
-const getProviderAuthPayload = (provider: string) => {
+export const getProviderAuthPayload = (provider: string) => {
   switch (provider) {
     case ModelProvider.ZhiPu: {
       return { apiKey: modelProviderSelectors.zhipuAPIKey(useGlobalStore.getState()) };

package/src/store/global/hooks/index.ts

@@ -1,3 +1,3 @@
 export * from './useEffectAfterHydrated';
 export * from './useOnFinishHydrationGlobal';
-export * from './useSwitchSideBarOnInit';
+

package/src/store/global/slices/common/action.test.ts

@@ -38,16 +38,4 @@ describe('createCommonSlice', () => {
       expect(router.push).toHaveBeenCalledWith('/chat?session=session-id');
     });
   });
-
-  describe('switchSideBar', () => {
-    it('should switch sidebar', () => {
-      const { result } = renderHook(() => useGlobalStore());
-
-      act(() => {
-        result.current.switchSideBar(SidebarTabKey.Market);
-      });
-
-      expect(result.current.sidebarKey).toEqual(SidebarTabKey.Market);
-    });
-  });
 });

package/src/store/global/slices/common/action.ts

@@ -13,8 +13,6 @@ import type { GlobalServerConfig, GlobalSettings } from '@/types/settings';
 import { merge } from '@/utils/merge';
 import { setNamespace } from '@/utils/storeDebug';
 
-import type { SidebarTabKey } from './initialState';
-
 const n = setNamespace('common');
 
 /**
@@ -23,7 +21,6 @@ const n = setNamespace('common');
 export interface CommonAction {
   refreshUserConfig: () => Promise<void>;
   switchBackToChat: (sessionId?: string) => void;
-  switchSideBar: (key: SidebarTabKey) => void;
   updateAvatar: (avatar: string) => Promise<void>;
   useCheckLatestVersion: () => SWRResponse<string>;
   useFetchServerConfig: () => SWRResponse;
@@ -44,9 +41,7 @@ export const createCommonSlice: StateCreator<
   switchBackToChat: (sessionId) => {
     get().router?.push(SESSION_CHAT_URL(sessionId || INBOX_SESSION_ID, get().isMobile));
   },
-  switchSideBar: (key) => {
-    set({ sidebarKey: key }, false, n('switchSideBar', key));
-  },
+
   updateAvatar: async (avatar) => {
     await userService.updateAvatar(avatar);
     await get().refreshUserConfig();

package/src/store/global/slices/common/initialState.ts

@@ -23,12 +23,10 @@ export interface GlobalCommonState {
   isMobile?: boolean;
   latestVersion?: string;
   router?: AppRouterInstance;
-  settingsTab: SettingsTabs;
   sidebarKey: SidebarTabKey;
 }
 
 export const initialCommonState: GlobalCommonState = {
   isMobile: false,
-  settingsTab: SettingsTabs.Common,
   sidebarKey: SidebarTabKey.Chat,
 };

package/src/store/global/slices/settings/action.test.ts

@@ -6,7 +6,6 @@ import { withSWR } from '~test-utils';
 import { DEFAULT_AGENT, DEFAULT_SETTINGS } from '@/const/settings';
 import { userService } from '@/services/user';
 import { useGlobalStore } from '@/store/global';
-import { SettingsTabs } from '@/store/global/initialState';
 import { LobeAgentSettings } from '@/types/session';
 import { GlobalSettings, OpenAIConfig } from '@/types/settings';
 
@@ -100,18 +99,6 @@ describe('SettingsAction', () => {
     });
   });
 
-  describe('switchSettingTabs', () => {
-    it('should switch settings tabs', () => {
-      const { result } = renderHook(() => useGlobalStore());
-
-      act(() => {
-        result.current.switchSettingTabs(SettingsTabs.Agent);
-      });
-
-      expect(result.current.settingsTab).toEqual(SettingsTabs.Agent);
-    });
-  });
-
   describe('switchThemeMode', () => {
     it('should switch theme mode', async () => {
       const { result } = renderHook(() => useGlobalStore());

package/src/store/global/slices/settings/action.ts

@@ -5,7 +5,6 @@ import type { StateCreator } from 'zustand/vanilla';
 
 import { userService } from '@/services/user';
 import type { GlobalStore } from '@/store/global';
-import { SettingsTabs } from '@/store/global/initialState';
 import { LobeAgentSettings } from '@/types/session';
 import { GlobalLLMConfig, GlobalLLMProviderKey, GlobalSettings } from '@/types/settings';
 import { difference } from '@/utils/difference';
@@ -22,7 +21,6 @@ export interface SettingsAction {
     config: Partial<GlobalLLMConfig[T]>,
   ) => Promise<void>;
   setSettings: (settings: DeepPartial<GlobalSettings>) => Promise<void>;
-  switchSettingTabs: (tab: SettingsTabs) => void;
   switchThemeMode: (themeMode: ThemeMode) => Promise<void>;
   toggleProviderEnabled: (provider: GlobalLLMProviderKey, enabled: boolean) => Promise<void>;
   updateDefaultAgent: (agent: DeepPartial<LobeAgentSettings>) => Promise<void>;
@@ -61,9 +59,6 @@ export const createSettingsSlice: StateCreator<
     await get().refreshUserConfig();
   },
 
-  switchSettingTabs: (tab) => {
-    set({ settingsTab: tab });
-  },
   switchThemeMode: async (themeMode) => {
     await get().setSettings({ themeMode });
   },

package/src/store/global/slices/settings/selectors/modelProvider.ts

@@ -10,12 +10,16 @@ import {
   ZhiPuProvider,
 } from '@/config/modelProviders';
 import { ChatModelCard, ModelProviderCard } from '@/types/llm';
+import { GlobalLLMProviderKey } from '@/types/settings';
 import { parseModelString } from '@/utils/parseModels';
 
 import { GlobalStore } from '../../../store';
 import { currentSettings } from './settings';
 
 const modelProvider = (s: GlobalStore) => currentSettings(s).languageModel;
+const providerEnabled = (provider: GlobalLLMProviderKey) => (s: GlobalStore) =>
+  currentSettings(s).languageModel[provider]?.enabled || false;
+
 const openAIConfig = (s: GlobalStore) => modelProvider(s).openAI;
 
 const openAIAPIKey = (s: GlobalStore) => openAIConfig(s).OPENAI_API_KEY;
@@ -169,6 +173,9 @@ export const modelProviderSelectors = {
   modelEnabledFiles,
   modelEnabledUpload,
 
+  modelProviderConfig: modelProvider,
+  providerEnabled,
+
   // OpenAI
   openAIConfig,
   openAIAPIKey,

package/src/types/settings/modelProvider.ts

@@ -7,6 +7,7 @@ export interface OpenAIConfig {
    * custom mode name for fine-tuning or openai like model
    */
   customModelName?: string;
+  enabled: boolean;
   endpoint?: string;
   /**
    * @deprecated