@lobehub/chat 0.141.2 → 0.142.1

package/src/features/Conversation/Error/APIKeyForm/ZeroOne.tsx

@@ -0,0 +1,60 @@
+import { ZeroOne } from '@lobehub/icons';
+import { Input } from 'antd';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { ModelProvider } from '@/libs/agent-runtime';
+import { useGlobalStore } from '@/store/global';
+import { modelProviderSelectors } from '@/store/global/selectors';
+
+import { FormAction } from '../style';
+
+const ZeroOneForm = memo(() => {
+  const { t } = useTranslation('error');
+  // const [showProxy, setShow] = useState(false);
+
+  const [apiKey, setConfig] = useGlobalStore((s) => [
+    modelProviderSelectors.zerooneAPIKey(s),
+    s.setModelProviderConfig,
+  ]);
+
+  return (
+    <FormAction
+      avatar={<ZeroOne size={56} />}
+      description={t('unlock.apikey.ZeroOne.description')}
+      title={t('unlock.apikey.ZeroOne.title')}
+    >
+      <Input.Password
+        autoComplete={'new-password'}
+        onChange={(e) => {
+          setConfig(ModelProvider.ZeroOne, { apiKey: e.target.value });
+        }}
+        placeholder={'*********************************'}
+        type={'block'}
+        value={apiKey}
+      />
+      {/*{showProxy ? (*/}
+      {/*  <Input*/}
+      {/*    onChange={(e) => {*/}
+      {/*      setConfig({ endpoint: e.target.value });*/}
+      {/*    }}*/}
+      {/*    placeholder={'https://api.openai.com/v1'}*/}
+      {/*    type={'block'}*/}
+      {/*    value={proxyUrl}*/}
+      {/*  />*/}
+      {/*) : (*/}
+      {/*  <Button*/}
+      {/*    icon={<Icon icon={Network} />}*/}
+      {/*    onClick={() => {*/}
+      {/*      setShow(true);*/}
+      {/*    }}*/}
+      {/*    type={'text'}*/}
+      {/*  >*/}
+      {/*    {t('unlock.apikey.addProxyUrl')}*/}
+      {/*  </Button>*/}
+      {/*)}*/}
+    </FormAction>
+  );
+});
+
+export default ZeroOneForm;

package/src/features/Conversation/Error/APIKeyForm/index.tsx

@@ -15,6 +15,7 @@ import MoonshotForm from './Moonshot';
 import OpenAIForm from './OpenAI';
 import OpenRouterForm from './OpenRouter';
 import PerplexityForm from './Perplexity';
+import ZeroOneForm from './ZeroOne';
 import ZhipuForm from './Zhipu';
 
 interface APIKeyFormProps {
@@ -60,11 +61,15 @@ const APIKeyForm = memo<APIKeyFormProps>(({ id, provider }) => {
       case ModelProvider.Groq: {
         return <GroqForm />;
       }
-      
+
       case ModelProvider.OpenRouter: {
         return <OpenRouterForm />;
       }
 
+      case ModelProvider.ZeroOne: {
+        return <ZeroOneForm />;
+      }
+
       default:
       case ModelProvider.OpenAI: {
         return <OpenAIForm />;

package/src/features/Conversation/Error/index.tsx

@@ -76,6 +76,7 @@ const ErrorMessageExtra = memo<{ data: ChatMessage }>(({ data }) => {
     case AgentRuntimeErrorType.InvalidAnthropicAPIKey:
     case AgentRuntimeErrorType.InvalidGroqAPIKey:
     case AgentRuntimeErrorType.InvalidOpenRouterAPIKey:
+    case AgentRuntimeErrorType.InvalidZeroOneAPIKey:
     case AgentRuntimeErrorType.NoOpenAIAPIKey: {
       return <InvalidAPIKey id={data.id} provider={data.error?.body?.provider} />;
     }

package/src/features/DebugUI/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Icon } from '@lobehub/ui';
 import { App, FloatButton, Spin } from 'antd';
 import { DatabaseIcon, Loader2 } from 'lucide-react';

package/src/layout/{GlobalLayout → GlobalProvider}/AppTheme.tsx

@@ -1,7 +1,11 @@
+'use client';
+
 import { ConfigProvider, NeutralColors, PrimaryColors, ThemeProvider } from '@lobehub/ui';
-import { ThemeAppearance } from 'antd-style';
+import { App } from 'antd';
+import { ThemeAppearance, createStyles } from 'antd-style';
+import 'antd/dist/reset.css';
 import Image from 'next/image';
-import { ReactNode, memo, useEffect } from 'react';
+import { PropsWithChildren, ReactNode, memo, useEffect } from 'react';
 
 import {
   LOBE_THEME_APPEARANCE,
@@ -13,6 +17,25 @@ import { settingsSelectors } from '@/store/global/selectors';
 import { GlobalStyle } from '@/styles';
 import { setCookie } from '@/utils/cookie';
 
+const useStyles = createStyles(({ css, token }) => ({
+  bg: css`
+    overflow-y: hidden;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    height: 100%;
+
+    background: ${token.colorBgLayout};
+  `,
+}));
+
+const Container = memo<PropsWithChildren>(({ children }) => {
+  const { styles } = useStyles();
+
+  return <App className={styles.bg}>{children}</App>;
+});
+
 export interface AppThemeProps {
   children?: ReactNode;
   defaultAppearance?: ThemeAppearance;
@@ -53,7 +76,9 @@ const AppTheme = memo<AppThemeProps>(
         themeMode={themeMode}
       >
         <GlobalStyle />
-        <ConfigProvider config={{ imgAs: Image } as any}>{children}</ConfigProvider>
+        <ConfigProvider config={{ imgAs: Image } as any}>
+          <Container>{children}</Container>
+        </ConfigProvider>
       </ThemeProvider>
     );
   },

package/src/layout/{GlobalLayout → GlobalProvider}/Locale.tsx

@@ -1,39 +1,22 @@
+'use client';
+
 import { ConfigProvider } from 'antd';
 import { PropsWithChildren, memo, useEffect, useState } from 'react';
 import { isRtlLang } from 'rtl-detect';
-import useSWR from 'swr';
 
 import { createI18nNext } from '@/locales/create';
-import { normalizeLocale } from '@/locales/resources';
 import { isOnServerSide } from '@/utils/env';
-
-const getAntdLocale = async (lang?: string) => {
-  let normalLang = normalizeLocale(lang);
-
-  // due to antd only have ar-EG locale, we need to convert ar to ar-EG
-  // refs: https://ant.design/docs/react/i18n
-
-  // And we don't want to handle it in `normalizeLocale` function
-  // because of other locale files are all `ar` not `ar-EG`
-  if (normalLang === 'ar') normalLang = 'ar-EG';
-
-  const { default: locale } = await import(`antd/locale/${normalLang.replace('-', '_')}.js`);
-
-  return locale;
-};
+import { getAntdLocale } from '@/utils/locale';
 
 interface LocaleLayoutProps extends PropsWithChildren {
+  antdLocale?: any;
   defaultLang?: string;
 }
 
-const Locale = memo<LocaleLayoutProps>(({ children, defaultLang }) => {
+const Locale = memo<LocaleLayoutProps>(({ children, defaultLang, antdLocale }) => {
   const [i18n] = useState(createI18nNext(defaultLang));
   const [lang, setLang] = useState(defaultLang);
-
-  const { data: locale } = useSWR(['antd-locale', lang], ([, key]) => getAntdLocale(key), {
-    dedupingInterval: 0,
-    revalidateOnFocus: false,
-  });
+  const [locale, setLocale] = useState(antdLocale);
 
   // if run on server side, init i18n instance everytime
   if (isOnServerSide) {
@@ -49,15 +32,20 @@ const Locale = memo<LocaleLayoutProps>(({ children, defaultLang }) => {
 
   // handle i18n instance language change
   useEffect(() => {
-    const handleLang = (e: string) => {
-      setLang(e);
+    const handleLang = async (lng: string) => {
+      setLang(lng);
+
+      if (lang === lng) return;
+
+      const newLocale = await getAntdLocale(lng);
+      setLocale(newLocale);
     };
 
     i18n.instance.on('languageChanged', handleLang);
     return () => {
       i18n.instance.off('languageChanged', handleLang);
     };
-  }, [i18n]);
+  }, [i18n, lang]);
 
   // detect document direction
   const documentDir = isRtlLang(lang!) ? 'rtl' : 'ltr';
@@ -69,4 +57,6 @@ const Locale = memo<LocaleLayoutProps>(({ children, defaultLang }) => {
   );
 });
 
+Locale.displayName = 'Locale';
+
 export default Locale;

package/src/layout/{GlobalLayout → GlobalProvider}/StoreHydration.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { useResponsive } from 'antd-style';
 import { useRouter } from 'next/navigation';
 import { memo, useEffect } from 'react';

package/src/layout/GlobalProvider/index.tsx

@@ -0,0 +1,62 @@
+import dynamic from 'next/dynamic';
+import { cookies } from 'next/headers';
+import { FC, ReactNode } from 'react';
+
+import { getClientConfig } from '@/config/client';
+import { LOBE_LOCALE_COOKIE } from '@/const/locale';
+import {
+  LOBE_THEME_APPEARANCE,
+  LOBE_THEME_NEUTRAL_COLOR,
+  LOBE_THEME_PRIMARY_COLOR,
+} from '@/const/theme';
+import { getAntdLocale } from '@/utils/locale';
+
+import AppTheme from './AppTheme';
+import Locale from './Locale';
+import StoreHydration from './StoreHydration';
+import StyleRegistry from './StyleRegistry';
+
+let DebugUI: FC = () => null;
+
+// we need use Constant Folding to remove code below in production
+// refs: https://webpack.js.org/plugins/internal-plugins/#constplugin
+if (process.env.NODE_ENV === 'development') {
+  // eslint-disable-next-line unicorn/no-lonely-if
+  if (getClientConfig().DEBUG_MODE) {
+    DebugUI = dynamic(() => import('@/features/DebugUI'), { ssr: false }) as FC;
+  }
+}
+
+interface GlobalLayoutProps {
+  children: ReactNode;
+}
+
+const GlobalLayout = async ({ children }: GlobalLayoutProps) => {
+  // get default theme config to use with ssr
+  const cookieStore = cookies();
+  const appearance = cookieStore.get(LOBE_THEME_APPEARANCE);
+  const neutralColor = cookieStore.get(LOBE_THEME_NEUTRAL_COLOR);
+  const primaryColor = cookieStore.get(LOBE_THEME_PRIMARY_COLOR);
+
+  // get default locale config to use with ssr
+  const defaultLang = cookieStore.get(LOBE_LOCALE_COOKIE);
+  const antdLocale = await getAntdLocale(defaultLang?.value);
+
+  return (
+    <StyleRegistry>
+      <AppTheme
+        defaultAppearance={appearance?.value}
+        defaultNeutralColor={neutralColor?.value as any}
+        defaultPrimaryColor={primaryColor?.value as any}
+      >
+        <Locale antdLocale={antdLocale} defaultLang={defaultLang?.value}>
+          <StoreHydration />
+          {children}
+          <DebugUI />
+        </Locale>
+      </AppTheme>
+    </StyleRegistry>
+  );
+};
+
+export default GlobalLayout;

package/src/libs/agent-runtime/error.ts

@@ -37,7 +37,10 @@ export const AgentRuntimeErrorType = {
 
   InvalidGroqAPIKey: 'InvalidGroqAPIKey',
   GroqBizError: 'GroqBizError',
-  
+
+  InvalidZeroOneAPIKey: 'InvalidZeroOneAPIKey',
+  ZeroOneBizError: 'ZeroOneBizError',
+
   InvalidOpenRouterAPIKey: 'InvalidOpenRouterAPIKey',
   OpenRouterBizError: 'OpenRouterBizError',
 } as const;

package/src/libs/agent-runtime/index.ts

@@ -13,4 +13,5 @@ export { LobeOpenRouterAI } from './openrouter';
 export { LobePerplexityAI } from './perplexity';
 export * from './types';
 export { AgentRuntimeError } from './utils/createError';
+export { LobeZeroOneAI } from './zeroone';
 export { LobeZhipuAI } from './zhipu';

package/src/libs/agent-runtime/types/type.ts

@@ -35,5 +35,6 @@ export enum ModelProvider {
   OpenRouter = 'openrouter',
   Perplexity = 'perplexity',
   Tongyi = 'tongyi',
+  ZeroOne = 'zeroone',
   ZhiPu = 'zhipu',
 }

package/src/libs/agent-runtime/zeroone/index.ts

@@ -0,0 +1,78 @@
+import { OpenAIStream, StreamingTextResponse } from 'ai';
+import OpenAI, { ClientOptions } from 'openai';
+
+import { LobeRuntimeAI } from '../BaseAI';
+import { AgentRuntimeErrorType } from '../error';
+import { ChatCompetitionOptions, ChatStreamPayload, ModelProvider } from '../types';
+import { AgentRuntimeError } from '../utils/createError';
+import { debugStream } from '../utils/debugStream';
+import { desensitizeUrl } from '../utils/desensitizeUrl';
+import { handleOpenAIError } from '../utils/handleOpenAIError';
+
+const DEFAULT_BASE_URL = 'https://api.lingyiwanwu.com/v1';
+
+export class LobeZeroOneAI implements LobeRuntimeAI {
+  private client: OpenAI;
+
+  baseURL: string;
+
+  constructor({ apiKey, baseURL = DEFAULT_BASE_URL, ...res }: ClientOptions) {
+    if (!apiKey) throw AgentRuntimeError.createError(AgentRuntimeErrorType.InvalidZeroOneAPIKey);
+
+    this.client = new OpenAI({ apiKey, baseURL, ...res });
+    this.baseURL = this.client.baseURL;
+  }
+
+  async chat(payload: ChatStreamPayload, options?: ChatCompetitionOptions) {
+    try {
+      const response = await this.client.chat.completions.create(
+        payload as unknown as OpenAI.ChatCompletionCreateParamsStreaming
+      );
+      const [prod, debug] = response.tee();
+
+      if (process.env.DEBUG_ZEROONE_CHAT_COMPLETION === '1') {
+        debugStream(debug.toReadableStream()).catch(console.error);
+      }
+
+      return new StreamingTextResponse(OpenAIStream(prod, options?.callback), {
+        headers: options?.headers,
+      });
+    } catch (error) {
+      let desensitizedEndpoint = this.baseURL;
+
+      if (this.baseURL !== DEFAULT_BASE_URL) {
+        desensitizedEndpoint = desensitizeUrl(this.baseURL);
+      }
+
+      if ('status' in (error as any)) {
+        switch ((error as Response).status) {
+          case 401: {
+            throw AgentRuntimeError.chat({
+              endpoint: desensitizedEndpoint,
+              error: error as any,
+              errorType: AgentRuntimeErrorType.InvalidZeroOneAPIKey,
+              provider: ModelProvider.ZeroOne,
+            });
+          }
+
+          default: {
+            break;
+          }
+        }
+      }
+
+      const { errorResult, RuntimeError } = handleOpenAIError(error);
+
+      const errorType = RuntimeError || AgentRuntimeErrorType.ZeroOneBizError;
+
+      throw AgentRuntimeError.chat({
+        endpoint: desensitizedEndpoint,
+        error: errorResult,
+        errorType,
+        provider: ModelProvider.ZeroOne,
+      });
+    }
+  }
+}
+
+export default LobeZeroOneAI;

package/src/locales/default/common.ts

@@ -109,6 +109,7 @@ export default {
     openai: 'OpenAI',
     openrouter: 'OpenRouter',
     perplexity: 'Perplexity',
+    zeroone: '01.AI 零一万物',
     zhipu: '智谱AI',
   },
   noDescription: '暂无描述',

package/src/locales/default/error.ts

@@ -84,10 +84,13 @@ export default {
 
     InvalidGroqAPIKey: 'Groq API Key 不正确或为空，请检查 Groq API Key 后重试',
     GroqBizError: '请求 Groq 服务出错，请根据以下信息排查或重试',
-    
+
     InvalidOpenRouterAPIKey: 'OpenRouter API Key 不正确或为空，请检查 OpenRouter API Key 后重试',
     OpenRouterBizError: '请求 OpenRouter AI 服务出错，请根据以下信息排查或重试',
 
+    ZeroOneBizError: '请求零一万物服务出错，请根据以下信息排查或重试',
+    InvalidZeroOneAPIKey: '零一万物 API Key 不正确或为空，请检查零一万物 API Key 后重试',
+
     InvalidOllamaArgs: 'Ollama 配置不正确，请检查 Ollama 配置后重试',
     OllamaBizError: '请求 Ollama 服务出错，请根据以下信息排查或重试',
     OllamaServiceUnavailable: '未检测到 Ollama 服务，请检查是否正常启动',
@@ -142,6 +145,10 @@ export default {
         description: '输入你的 Perplexity API Key 即可开始会话。应用不会记录你的 API Key',
         title: '使用自定义 Perplexity API Key',
       },
+      ZeroOne: {
+        description: '输入你的零一万物 API Key 即可开始会话。应用不会记录你的 API Key',
+        title: '使用自定义零一万物 API Key',
+      },
       Zhipu: {
         description: '输入你的 Zhipu API Key 即可开始会话。应用不会记录你的 API Key',
         title: '使用自定义 Zhipu API Key',

package/src/locales/default/setting.ts

@@ -202,6 +202,14 @@ export default {
         title: 'API Key',
       },
     },
+    ZeroOne: {
+      title: '01.AI 零一万物',
+      token: {
+        desc: '填入来自 01.AI 零一万物的 API Key',
+        placeholder: '01.AI 零一万物 API Key',
+        title: 'API Key',
+      }
+    },
     Zhipu: {
       title: '智谱',
       token: {

package/src/services/_auth.ts

@@ -65,11 +65,15 @@ export const getProviderAuthPayload = (provider: string) => {
     case ModelProvider.Groq: {
       return { apiKey: modelProviderSelectors.groqAPIKey(useGlobalStore.getState()) };
     }
-    
+
     case ModelProvider.OpenRouter: {
       return { apiKey: modelProviderSelectors.openrouterAPIKey(useGlobalStore.getState()) };
     }
 
+    case ModelProvider.ZeroOne: {
+      return { apiKey: modelProviderSelectors.zerooneAPIKey(useGlobalStore.getState()) };
+    }
+
     default:
     case ModelProvider.OpenAI: {
       const openai = modelProviderSelectors.openAIConfig(useGlobalStore.getState());

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

@@ -7,11 +7,11 @@ import { globalService } from '@/services/global';
 import { userService } from '@/services/user';
 import { useGlobalStore } from '@/store/global';
 import { GlobalServerConfig } from '@/types/settings';
-import { switchLang } from '@/utils/switchLang';
+import { switchLang } from '@/utils/client/switchLang';
 
 vi.mock('zustand/traditional');
 
-vi.mock('@/utils/switchLang', () => ({
+vi.mock('@/utils/client/switchLang', () => ({
   switchLang: vi.fn(),
 }));
 

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

@@ -12,10 +12,10 @@ import { UserConfig, userService } from '@/services/user';
 import type { GlobalStore } from '@/store/global';
 import type { GlobalServerConfig, GlobalSettings } from '@/types/settings';
 import { OnSyncEvent, PeerSyncStatus } from '@/types/sync';
+import { switchLang } from '@/utils/client/switchLang';
 import { merge } from '@/utils/merge';
 import { browserInfo } from '@/utils/platform';
 import { setNamespace } from '@/utils/storeDebug';
-import { switchLang } from '@/utils/switchLang';
 
 import { preferenceSelectors } from '../preference/selectors';
 import { settingsSelectors, syncSettingsSelectors } from '../settings/selectors';

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

@@ -12,6 +12,7 @@ import {
   OpenAIProvider,
   OpenRouterProvider,
   PerplexityProvider,
+  ZeroOneProvider,
   ZhiPuProvider,
 } from '@/config/modelProviders';
 import { ChatModelCard, ModelProviderCard } from '@/types/llm';
@@ -66,6 +67,9 @@ const groqAPIKey = (s: GlobalStore) => modelProvider(s).groq.apiKey;
 const enableOpenrouter = (s: GlobalStore) => modelProvider(s).openrouter.enabled;
 const openrouterAPIKey = (s: GlobalStore) => modelProvider(s).openrouter.apiKey;
 
+const enableZeroone = (s: GlobalStore) => modelProvider(s).zeroone.enabled;
+const zerooneAPIKey = (s: GlobalStore) => modelProvider(s).zeroone.apiKey;
+
 // const azureModelList = (s: GlobalStore): ModelProviderCard => {
 //   const azure = azureConfig(s);
 //   return {
@@ -165,7 +169,8 @@ const modelSelectList = (s: GlobalStore): ModelProviderCard[] => {
     { ...GroqProvider, enabled: enableGroq(s) },
     { ...ZhiPuProvider, enabled: enableZhipu(s) },
     { ...MoonshotProvider, enabled: enableMoonshot(s) },
-    { ...OpenRouterProvider, chatModels: openrouterChatModels, enabled: enableOpenrouter(s)}
+    { ...OpenRouterProvider, chatModels: openrouterChatModels, enabled: enableOpenrouter(s)},
+    { ...ZeroOneProvider, enabled: enableZeroone(s) }
   ];
 };
 
@@ -252,8 +257,12 @@ export const modelProviderSelectors = {
   // Groq
   enableGroq,
   groqAPIKey,
-  
+
   // OpenRouter
   enableOpenrouter,
   openrouterAPIKey,
+
+  // ZeroOne 零一万物
+  enableZeroone,
+  zerooneAPIKey,
 };

package/src/types/settings/modelProvider.ts

@@ -82,6 +82,12 @@ export interface OpenRouterConfig {
   enabled?: boolean;
 }
 
+export interface ZeroOneConfig {
+  apiKey?: string;
+  customModelName?: string;
+  enabled?: boolean;
+}
+
 export interface GlobalLLMConfig {
   anthropic: AnthropicConfig;
   azure: AzureOpenAIConfig;
@@ -94,6 +100,7 @@ export interface GlobalLLMConfig {
   openAI: OpenAIConfig;
   openrouter: OpenRouterConfig;
   perplexity: PerplexityConfig;
+  zeroone: ZeroOneConfig;
   zhipu: ZhiPuConfig;
 }
 

package/src/utils/locale.ts

@@ -0,0 +1,16 @@
+import { normalizeLocale } from '@/locales/resources';
+
+export const getAntdLocale = async (lang?: string) => {
+  let normalLang = normalizeLocale(lang);
+
+  // due to antd only have ar-EG locale, we need to convert ar to ar-EG
+  // refs: https://ant.design/docs/react/i18n
+
+  // And we don't want to handle it in `normalizeLocale` function
+  // because of other locale files are all `ar` not `ar-EG`
+  if (normalLang === 'ar') normalLang = 'ar-EG';
+
+  const { default: locale } = await import(`antd/locale/${normalLang.replace('-', '_')}.js`);
+
+  return locale;
+};

package/src/layout/GlobalLayout/index.tsx

@@ -1,75 +0,0 @@
-'use client';
-
-import { App } from 'antd';
-import { createStyles } from 'antd-style';
-import 'antd/dist/reset.css';
-import { SessionProvider } from 'next-auth/react';
-import dynamic from 'next/dynamic';
-import { FC, PropsWithChildren, memo } from 'react';
-
-import { getClientConfig } from '@/config/client';
-import { API_ENDPOINTS } from '@/services/_url';
-
-import AppTheme, { AppThemeProps } from './AppTheme';
-import Locale from './Locale';
-import StoreHydration from './StoreHydration';
-
-let DebugUI: FC = () => null;
-
-// we need use Constant Folding to remove code below in production
-// refs: https://webpack.js.org/plugins/internal-plugins/#constplugin
-if (process.env.NODE_ENV === 'development') {
-  // eslint-disable-next-line unicorn/no-lonely-if
-  if (getClientConfig().DEBUG_MODE) {
-    DebugUI = dynamic(() => import('@/features/DebugUI'), { ssr: false }) as FC;
-  }
-}
-
-const useStyles = createStyles(({ css, token }) => ({
-  bg: css`
-    overflow-y: hidden;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    height: 100%;
-
-    background: ${token.colorBgLayout};
-  `,
-}));
-
-const Container = memo<PropsWithChildren>(({ children }) => {
-  const { styles } = useStyles();
-
-  return <App className={styles.bg}>{children}</App>;
-});
-
-interface GlobalLayoutProps extends AppThemeProps {
-  defaultLang?: string;
-  enableOAuthSSO?: boolean;
-}
-
-const GlobalLayout = ({
-  children,
-  defaultLang,
-  enableOAuthSSO = false,
-  ...theme
-}: GlobalLayoutProps) => {
-  const content = (
-    <AppTheme {...theme}>
-      <Locale defaultLang={defaultLang}>
-        <StoreHydration />
-        <Container>{children}</Container>
-        <DebugUI />
-      </Locale>
-    </AppTheme>
-  );
-
-  return enableOAuthSSO ? (
-    <SessionProvider basePath={API_ENDPOINTS.oauth}>{content}</SessionProvider>
-  ) : (
-    content
-  );
-};
-
-export default GlobalLayout;