@lobehub/chat 1.51.3 → 1.51.5

package/src/components/server/ServerLayout.tsx

@@ -1,17 +1,31 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactNode } from 'react';
 
-import { isMobileDevice } from '@/utils/server/responsive';
+import { DynamicLayoutProps } from '@/types/next';
+import { RouteVariants } from '@/utils/server/routeVariants';
 
 interface ServerLayoutProps<T> {
   Desktop: FC<T>;
   Mobile: FC<T>;
 }
 
+interface ServerLayoutInnerProps extends DynamicLayoutProps {
+  children: ReactNode;
+}
+
 const ServerLayout =
   <T extends PropsWithChildren>({ Desktop, Mobile }: ServerLayoutProps<T>): FC<T> =>
-  async (props: T) => {
-    const mobile = await isMobileDevice();
-    return mobile ? <Mobile {...props} /> : <Desktop {...props} />;
+  // @ts-expect-error
+  async (props: ServerLayoutInnerProps) => {
+    const { params: paramsPromise, ...res } = props;
+    if (!paramsPromise) {
+      throw new Error(
+        `paramsPromise is required for ServerLayout, please pass params props to ServerLayout`,
+      );
+    }
+
+    const isMobile = await RouteVariants.getIsMobile(props);
+
+    return isMobile ? <Mobile {...(res as T)} /> : <Desktop {...(res as T)} />;
   };
 
 ServerLayout.displayName = 'ServerLayout';

package/src/config/aiModels/siliconcloud.ts

@@ -35,6 +35,106 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    abilities: {
+      reasoning: true
+    },
+    contextWindowTokens: 32_768,
+    description: 
+      "DeepSeek-R1-Distill-Llama-70B 是基于 Llama-3.3-70B-Instruct 经过蒸馏训练得到的模型。该模型是 DeepSeek-R1 系列的一部分，通过使用 DeepSeek-R1 生成的样本进行微调，在数学、编程和推理等多个领域展现出优秀的性能。模型在 AIME 2024、MATH-500、GPQA Diamond 等多个基准测试中都取得了优异的成绩，显示出强大的推理能力。",
+    displayName: "DeepSeek R1 Distill Llama 70B",
+    enabled: true,
+    id: "deepseek-ai/DeepSeek-R1-Distill-Llama-70B",
+    pricing: {
+      currency: "CNY",
+      input: 4.13,
+      output: 4.13  
+    },
+    type: "chat"
+  },
+  {
+    abilities: {
+      reasoning: true
+    },
+    contextWindowTokens: 32_768,
+    description: 
+      "DeepSeek-R1-Distill-Qwen-32B 是基于 Qwen2.5-32B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，在数学、编程和推理等多个领域展现出卓越的性能。在 AIME 2024、MATH-500、GPQA Diamond 等多个基准测试中都取得了优异成绩，其中在 MATH-500 上达到了 94.3% 的准确率，展现出强大的数学推理能力。",
+    displayName: "DeepSeek R1 Distill Qwen 32B",
+    enabled: true,
+    id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-32B",
+    pricing: {
+      currency: "CNY",
+      input: 1.26,
+      output: 1.26
+    },
+    type: "chat"
+  },
+  {
+    abilities: {
+      reasoning: true
+    },
+    contextWindowTokens: 32_768,
+    description: 
+      "DeepSeek-R1-Distill-Qwen-14B 是基于 Qwen2.5-14B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，展现出优秀的推理能力。在多个基准测试中表现出色，其中在 MATH-500 上达到了 93.9% 的准确率，在 AIME 2024 上达到了 69.7% 的通过率，在 CodeForces 上获得了 1481 的评分，显示出在数学和编程领域的强大实力。",
+    displayName: "DeepSeek R1 Distill Qwen 14B",
+    id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-14B",
+    pricing: {
+      currency: "CNY",
+      input: 0.7,
+      output: 0.7
+    },
+    type: "chat"
+  },
+  {
+    abilities: {
+      reasoning: true
+    },
+    contextWindowTokens: 32_768,
+    description: 
+      "DeepSeek-R1-Distill-Llama-8B 是基于 Llama-3.1-8B 开发的蒸馏模型。该模型使用 DeepSeek-R1 生成的样本进行微调，展现出优秀的推理能力。在多个基准测试中表现不俗，其中在 MATH-500 上达到了 89.1% 的准确率，在 AIME 2024 上达到了 50.4% 的通过率，在 CodeForces 上获得了 1205 的评分，作为 8B 规模的模型展示了较强的数学和编程能力。",
+    displayName: "DeepSeek R1 Distill Llama 8B (Free)",
+    enabled: true,
+    id: "deepseek-ai/DeepSeek-R1-Distill-Llama-8B",
+    pricing: {
+      currency: "CNY",
+      input: 0,
+      output: 0
+    },
+    type: "chat"
+  },
+  {
+    abilities: {
+      reasoning: true
+    },
+    contextWindowTokens: 32_768,
+    description: 
+      "DeepSeek-R1-Distill-Qwen-7B 是基于 Qwen2.5-Math-7B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，展现出优秀的推理能力。在多个基准测试中表现出色，其中在 MATH-500 上达到了 92.8% 的准确率，在 AIME 2024 上达到了 55.5% 的通过率，在 CodeForces 上获得了 1189 的评分，作为 7B 规模的模型展示了较强的数学和编程能力。",
+    displayName: "DeepSeek R1 Distill Qwen 7B (Free)",
+    enabled: true,
+    id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-7B",
+    pricing: {
+      currency: "CNY",
+      input: 0,
+      output: 0
+    },
+    type: "chat",
+  },
+  {
+    abilities: {
+      reasoning: true
+    },
+    contextWindowTokens: 32_768,
+    description: 
+      "DeepSeek-R1-Distill-Qwen-1.5B 是基于 Qwen2.5-Math-1.5B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，在多个基准测试中展现出不错的性能。作为一个轻量级模型，在 MATH-500 上达到了 83.9% 的准确率，在 AIME 2024 上达到了 28.9% 的通过率，在 CodeForces 上获得了 954 的评分，显示出超出其参数规模的推理能力。",
+    displayName: "DeepSeek-R1-Distill-Qwen-1.5B (Free)",
+    id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-1.5B",
+    pricing: {
+      currency: "CNY",
+      input: 0,
+      output: 0
+    },
+    type: "chat"
+  },
   {
     abilities: {
       functionCall: true,
@@ -46,8 +146,8 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     id: 'deepseek-ai/DeepSeek-V2.5',
     pricing: {
       currency: 'CNY',
-      input: 5,
-      output: 5,
+      input: 1.33,
+      output: 1.33,
     },
     type: 'chat',
   },
@@ -341,7 +441,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     description:
       'Qwen2-VL-7B-Instruct 是 Qwen-VL 模型的最新迭代版本，在视觉理解基准测试中达到了最先进的性能，包括 MathVista、DocVQA、RealWorldQA 和 MTVQA 等。Qwen2-VL 能够用于高质量的基于视频的问答、对话和内容创作，还具备复杂推理和决策能力，可以与移动设备、机器人等集成，基于视觉环境和文本指令进行自动操作。除了英语和中文，Qwen2-VL 现在还支持理解图像中不同语言的文本，包括大多数欧洲语言、日语、韩语、阿拉伯语和越南语等',
     displayName: 'Qwen2 VL 7B Instruct (Pro)',
-    enabled: true,
     id: 'Pro/Qwen/Qwen2-VL-7B-Instruct',
     pricing: {
       currency: 'CNY',
@@ -520,7 +619,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     description:
       'Gemma 是 Google 开发的轻量级、最先进的开放模型系列之一。它是一个仅解码器的大型语言模型，支持英语，提供开放权重、预训练变体和指令微调变体。Gemma 模型适用于各种文本生成任务，包括问答、摘要和推理。该 9B 模型是通过 8 万亿个 tokens 训练而成。其相对较小的规模使其可以在资源有限的环境中部署，如笔记本电脑、台式机或您自己的云基础设施，从而使更多人能够访问最先进的 AI 模型并促进创新',
     displayName: 'Gemma 2 9B (Free)',
-    enabled: true,
     id: 'google/gemma-2-9b-it',
     pricing: {
       currency: 'CNY',
@@ -563,7 +661,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     description:
       'Meta Llama 3.1 是由 Meta 开发的多语言大型语言模型家族，包括 8B、70B 和 405B 三种参数规模的预训练和指令微调变体。该 8B 指令微调模型针对多语言对话场景进行了优化，在多项行业基准测试中表现优异。模型训练使用了超过 15 万亿个 tokens 的公开数据，并采用了监督微调和人类反馈强化学习等技术来提升模型的有用性和安全性。Llama 3.1 支持文本生成和代码生成，知识截止日期为 2023 年 12 月',
     displayName: 'Llama 3.1 8B Instruct (Free)',
-    enabled: true,
     id: 'meta-llama/Meta-Llama-3.1-8B-Instruct',
     pricing: {
       currency: 'CNY',

package/src/config/modelProviders/siliconcloud.ts

@@ -30,6 +30,83 @@ const SiliconCloud: ModelProviderCard = {
         output: 2,
       },
     },
+    {
+      contextWindowTokens: 32_768,
+      description: 
+        "DeepSeek-R1-Distill-Llama-70B 是基于 Llama-3.3-70B-Instruct 经过蒸馏训练得到的模型。该模型是 DeepSeek-R1 系列的一部分，通过使用 DeepSeek-R1 生成的样本进行微调，在数学、编程和推理等多个领域展现出优秀的性能。模型在 AIME 2024、MATH-500、GPQA Diamond 等多个基准测试中都取得了优异的成绩，显示出强大的推理能力。",
+      displayName: "DeepSeek R1 Distill Llama 70B",
+      enabled: true,
+      id: "deepseek-ai/DeepSeek-R1-Distill-Llama-70B",
+      pricing: {
+        currency: "CNY",
+        input: 4.13,
+        output: 4.13  
+      },
+    },
+    {
+      contextWindowTokens: 32_768,
+      description: 
+        "DeepSeek-R1-Distill-Qwen-32B 是基于 Qwen2.5-32B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，在数学、编程和推理等多个领域展现出卓越的性能。在 AIME 2024、MATH-500、GPQA Diamond 等多个基准测试中都取得了优异成绩，其中在 MATH-500 上达到了 94.3% 的准确率，展现出强大的数学推理能力。",
+      displayName: "DeepSeek R1 Distill Qwen 32B",
+      enabled: true,
+      id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-32B",
+      pricing: {
+        currency: "CNY",
+        input: 1.26,
+        output: 1.26
+      },
+    },
+    {
+      contextWindowTokens: 32_768,
+      description: 
+        "DeepSeek-R1-Distill-Qwen-14B 是基于 Qwen2.5-14B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，展现出优秀的推理能力。在多个基准测试中表现出色，其中在 MATH-500 上达到了 93.9% 的准确率，在 AIME 2024 上达到了 69.7% 的通过率，在 CodeForces 上获得了 1481 的评分，显示出在数学和编程领域的强大实力。",
+      displayName: "DeepSeek R1 Distill Qwen 14B",
+      enabled: true,
+      id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-14B",
+      pricing: {
+        currency: "CNY",
+        input: 0.7,
+        output: 0.7
+      },
+    },
+    {
+      contextWindowTokens: 32_768,
+      description: 
+        "DeepSeek-R1-Distill-Llama-8B 是基于 Llama-3.1-8B 开发的蒸馏模型。该模型使用 DeepSeek-R1 生成的样本进行微调，展现出优秀的推理能力。在多个基准测试中表现不俗，其中在 MATH-500 上达到了 89.1% 的准确率，在 AIME 2024 上达到了 50.4% 的通过率，在 CodeForces 上获得了 1205 的评分，作为 8B 规模的模型展示了较强的数学和编程能力。",
+      displayName: "DeepSeek R1 Distill Llama 8B (Free)",
+      enabled: true,
+      id: "deepseek-ai/DeepSeek-R1-Distill-Llama-8B",
+      pricing: {
+        currency: "CNY",
+        input: 0,
+        output: 0
+      },
+    },
+    {
+      contextWindowTokens: 32_768,
+      description: 
+        "DeepSeek-R1-Distill-Qwen-7B 是基于 Qwen2.5-Math-7B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，展现出优秀的推理能力。在多个基准测试中表现出色，其中在 MATH-500 上达到了 92.8% 的准确率，在 AIME 2024 上达到了 55.5% 的通过率，在 CodeForces 上获得了 1189 的评分，作为 7B 规模的模型展示了较强的数学和编程能力。",
+      displayName: "DeepSeek R1 Distill Qwen 7B (Free)",
+      enabled: true,
+      id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-7B",
+      pricing: {
+        currency: "CNY",
+        input: 0,
+        output: 0
+      },
+    },
+    {
+      contextWindowTokens: 32_768,
+      description: 
+        "DeepSeek-R1-Distill-Qwen-1.5B 是基于 Qwen2.5-Math-1.5B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，在多个基准测试中展现出不错的性能。作为一个轻量级模型，在 MATH-500 上达到了 83.9% 的准确率，在 AIME 2024 上达到了 28.9% 的通过率，在 CodeForces 上获得了 954 的评分，显示出超出其参数规模的推理能力。",
+      displayName: "DeepSeek-R1-Distill-Qwen-1.5B (Free)",
+      id: "deepseek-ai/DeepSeek-R1-Distill-Qwen-1.5B",
+      pricing: {
+        currency: "CNY",
+        input: 0,
+        output: 0
+      },
+    },
     {
       contextWindowTokens: 32_768,
       description:
@@ -40,8 +117,8 @@ const SiliconCloud: ModelProviderCard = {
       id: 'deepseek-ai/DeepSeek-V2.5',
       pricing: {
         currency: 'CNY',
-        input: 5,
-        output: 5,
+        input: 1.33,
+        output: 1.33,
       },
     },
     {

package/src/hooks/useActiveTabKey.ts

@@ -1,5 +1,4 @@
 import { usePathname } from 'next/navigation';
-import { useQueryState } from 'nuqs';
 
 import { ProfileTabs, SettingsTabs, SidebarTabKey } from '@/store/global/initialState';
 
@@ -17,14 +16,11 @@ export const useActiveTabKey = () => {
  */
 export const useActiveSettingsKey = () => {
   const pathname = usePathname();
-  const [tab] = useQueryState('tab');
 
   const tabs = pathname.split('/').at(-1);
 
   if (tabs === 'settings') return SettingsTabs.Common;
 
-  if (tabs === 'modal') return tab as SettingsTabs;
-
   return tabs as SettingsTabs;
 };
 
@@ -33,13 +29,10 @@ export const useActiveSettingsKey = () => {
  */
 export const useActiveProfileKey = () => {
   const pathname = usePathname();
-  const [tab] = useQueryState('tab');
 
   const tabs = pathname.split('/').at(-1);
 
   if (tabs === 'profile') return ProfileTabs.Profile;
 
-  if (tabs === 'modal') return tab as ProfileTabs;
-
   return tabs as ProfileTabs;
 };

package/src/layout/AuthProvider/Clerk/index.tsx

@@ -44,7 +44,6 @@ const Clerk = memo(({ children }: PropsWithChildren) => {
   return (
     <ClerkProvider
       appearance={updatedAppearance}
-      dynamic
       localization={localization}
       signUpUrl={!enableClerkSignUp ? '/login' : '/signup'} // Redirect sign-up to sign-in if disabled
     >

package/src/layout/GlobalProvider/ReactScan.tsx

@@ -1,15 +1,13 @@
 'use client';
 
-import { useSearchParams } from 'next/navigation';
 import Script from 'next/script';
+import { useQueryState } from 'nuqs';
 import React, { memo } from 'react';
 
 import { withSuspense } from '@/components/withSuspense';
 
 const ReactScan = memo(() => {
-  const searchParams = useSearchParams();
-
-  const debug = searchParams.get('debug');
+  const [debug] = useQueryState('debug', { clearOnDefault: true, defaultValue: '' });
 
   return !!debug && <Script src="https://unpkg.com/react-scan/dist/auto.global.js" />;
 });

package/src/layout/GlobalProvider/StoreInitialization.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { useRouter, useSearchParams } from 'next/navigation';
+import { useRouter } from 'next/navigation';
+import { useQueryState } from 'nuqs';
 import { memo, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { createStoreUpdater } from 'zustand-utils';
@@ -81,7 +82,11 @@ const StoreInitialization = memo(() => {
   useStoreUpdater('router', router);
 
   // Import settings from the url
-  const searchParam = useSearchParams().get(LOBE_URL_IMPORT_NAME);
+  const [searchParam] = useQueryState(LOBE_URL_IMPORT_NAME, {
+    clearOnDefault: true,
+    defaultValue: '',
+  });
+
   useEffect(() => {
     // Why use `usUserStateInit`,
     // see: https://github.com/lobehub/lobe-chat/pull/4072

package/src/layout/GlobalProvider/index.tsx

@@ -1,19 +1,11 @@
-import { cookies, headers } from 'next/headers';
-import { PropsWithChildren, Suspense } from 'react';
+import { ReactNode, Suspense } from 'react';
 
 import { appEnv } from '@/config/app';
 import { getServerFeatureFlagsValue } from '@/config/featureFlags';
-import { LOBE_LOCALE_COOKIE } from '@/const/locale';
-import {
-  LOBE_THEME_APPEARANCE,
-  LOBE_THEME_NEUTRAL_COLOR,
-  LOBE_THEME_PRIMARY_COLOR,
-} from '@/const/theme';
 import DevPanel from '@/features/DevPanel';
 import { getServerGlobalConfig } from '@/server/globalConfig';
 import { ServerConfigStoreProvider } from '@/store/serverConfig';
-import { getAntdLocale, parseBrowserLanguage } from '@/utils/locale';
-import { isMobileDevice } from '@/utils/server/responsive';
+import { getAntdLocale } from '@/utils/locale';
 
 import AntdV5MonkeyPatch from './AntdV5MonkeyPatch';
 import AppTheme from './AppTheme';
@@ -23,37 +15,37 @@ import ReactScan from './ReactScan';
 import StoreInitialization from './StoreInitialization';
 import StyleRegistry from './StyleRegistry';
 
-const GlobalLayout = async ({ children }: PropsWithChildren) => {
-  // get default theme config to use with ssr
-  const cookieStore = await 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 header = await headers();
-  const fallbackLang = parseBrowserLanguage(header);
-
-  // if it's a new user, there's no cookie
-  // So we need to use the fallback language parsed by accept-language
-  const userLocale = defaultLang?.value || fallbackLang;
+interface GlobalLayoutProps {
+  appearance: string;
+  children: ReactNode;
+  isMobile: boolean;
+  locale: string;
+  neutralColor?: string;
+  primaryColor?: string;
+}
 
+const GlobalLayout = async ({
+  children,
+  neutralColor,
+  primaryColor,
+  locale: userLocale,
+  appearance,
+  isMobile,
+}: GlobalLayoutProps) => {
   const antdLocale = await getAntdLocale(userLocale);
 
   // get default feature flags to use with ssr
   const serverFeatureFlags = getServerFeatureFlagsValue();
   const serverConfig = getServerGlobalConfig();
-  const isMobile = await isMobileDevice();
   return (
     <StyleRegistry>
       <Locale antdLocale={antdLocale} defaultLang={userLocale}>
         <AppTheme
           customFontFamily={appEnv.CUSTOM_FONT_FAMILY}
           customFontURL={appEnv.CUSTOM_FONT_URL}
-          defaultAppearance={appearance?.value}
-          defaultNeutralColor={neutralColor?.value as any}
-          defaultPrimaryColor={primaryColor?.value as any}
+          defaultAppearance={appearance}
+          defaultNeutralColor={neutralColor as any}
+          defaultPrimaryColor={primaryColor as any}
           globalCDN={appEnv.CDN_USE_GLOBAL}
         >
           <ServerConfigStoreProvider

package/src/locales/create.ts

@@ -5,8 +5,7 @@ import { initReactI18next } from 'react-i18next';
 import { isRtlLang } from 'rtl-detect';
 
 import { getDebugConfig } from '@/config/debug';
-import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
-import { COOKIE_CACHE_DAYS } from '@/const/settings';
+import { DEFAULT_LANG } from '@/const/locale';
 import { normalizeLocale } from '@/locales/resources';
 import { isDev, isOnServerSide } from '@/utils/env';
 
@@ -36,20 +35,20 @@ export const createI18nNext = (lang?: string) => {
       instance.init({
         debug: debugMode,
         defaultNS: ['error', 'common', 'chat'],
-        detection: {
-          caches: ['cookie'],
-          cookieMinutes: 60 * 24 * COOKIE_CACHE_DAYS,
-          /**
-             Set `sameSite` to `lax` so that the i18n cookie can be passed to the
-             server side when returning from the OAuth authorization website.
-             ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
-             discussion: https://github.com/lobehub/lobe-chat/pull/1474
-          */
-          cookieOptions: {
-            sameSite: 'lax',
-          },
-          lookupCookie: LOBE_LOCALE_COOKIE,
-        },
+        // detection: {
+        //   caches: ['cookie'],
+        //   cookieMinutes: 60 * 24 * COOKIE_CACHE_DAYS,
+        //   /**
+        //      Set `sameSite` to `lax` so that the i18n cookie can be passed to the
+        //      server side when returning from the OAuth authorization website.
+        //      ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
+        //      discussion: https://github.com/lobehub/lobe-chat/pull/1474
+        //   */
+        //   cookieOptions: {
+        //     sameSite: 'lax',
+        //   },
+        //   lookupCookie: LOBE_LOCALE_COOKIE,
+        // },
         fallbackLng: DEFAULT_LANG,
         interpolation: {
           escapeValue: false,

package/src/middleware.ts

@@ -1,8 +1,13 @@
 import { clerkMiddleware, createRouteMatcher } from '@clerk/nextjs/server';
-import { NextResponse } from 'next/server';
+import { NextRequest, NextResponse } from 'next/server';
+import { UAParser } from 'ua-parser-js';
+import urlJoin from 'url-join';
 
 import { authEnv } from '@/config/auth';
+import { LOBE_THEME_APPEARANCE } from '@/const/theme';
 import NextAuthEdge from '@/libs/next-auth/edge';
+import { parseBrowserLanguage } from '@/utils/locale';
+import { RouteVariants } from '@/utils/server/routeVariants';
 
 import { OAUTH_AUTHORIZED } from './const/auth';
 
@@ -16,20 +21,86 @@ export const config = {
     '/discover(.*)',
     '/chat',
     '/chat(.*)',
+    '/changelog(.*)',
     '/settings(.*)',
     '/files',
     '/files(.*)',
     '/repos(.*)',
+    '/profile(.*)',
+    '/me',
+    '/me(.*)',
+
+    '/login(.*)',
+    '/signup(.*)',
+    '/next-auth/error',
     // ↓ cloud ↓
   ],
 };
 
-const defaultMiddleware = () => NextResponse.next();
+const parseDefaultThemeFromTime = (request: NextRequest) => {
+  // 获取经度信息，Next.js 会自动解析 geo 信息到请求对象中
+  const longitude = 'geo' in request && (request.geo as any)?.longitude;
+
+  if (typeof longitude === 'number') {
+    // 计算时区偏移（每15度经度对应1小时）
+    // 东经为正，西经为负
+    const offsetHours = Math.round(longitude / 15);
+
+    // 计算当地时间
+    const localHour = (new Date().getUTCHours() + offsetHours + 24) % 24;
+    console.log(`[theme] localHour: ${localHour}`);
+
+    // 6点到18点之间返回 light 主题
+    return localHour >= 6 && localHour < 18 ? 'light' : 'dark';
+  }
+
+  return 'light';
+};
+
+const defaultMiddleware = (request: NextRequest) => {
+  // 1. 从 cookie 中读取用户偏好
+  const theme =
+    request.cookies.get(LOBE_THEME_APPEARANCE)?.value || parseDefaultThemeFromTime(request);
+
+  // if it's a new user, there's no cookie
+  // So we need to use the fallback language parsed by accept-language
+  const locale = parseBrowserLanguage(request.headers);
+  // const locale =
+  // request.cookies.get(LOBE_LOCALE_COOKIE)?.value ||
+  // browserLanguage;
+
+  const ua = request.headers.get('user-agent');
+
+  const device = new UAParser(ua || '').getDevice();
+
+  // 2. 创建规范化的偏好值
+  const route = RouteVariants.serializeVariants({
+    isMobile: device.type === 'mobile',
+    locale,
+    theme,
+  });
+
+  const url = new URL(request.url);
+  if (['/api', '/trpc', '/webapi'].some((path) => url.pathname.startsWith(path)))
+    return NextResponse.next();
+
+  // 处理 URL 重写
+  // 构建新路径: /${route}${originalPathname}
+  // 只对 GET 请求进行 URL 重写，确保其他类型的请求（包括 OPTIONS）不受影响
+  const nextPathname = `/${urlJoin(route, url.pathname)}`;
+  console.log(`[rewrite] ${url.pathname} -> ${nextPathname}`);
+  url.pathname = nextPathname;
+
+  return NextResponse.rewrite(url);
+};
+
+const publicRoute = ['/', '/discover'];
 
 // Initialize an Edge compatible NextAuth middleware
 const nextAuthMiddleware = NextAuthEdge.auth((req) => {
+  const response = defaultMiddleware(req);
   // skip the '/' route
-  if (req.nextUrl.pathname === '/') return NextResponse.next();
+  if (publicRoute.some((url) => req.nextUrl.pathname.startsWith(url))) return response;
 
   // Just check if session exists
   const session = req.auth;
@@ -39,35 +110,37 @@ const nextAuthMiddleware = NextAuthEdge.auth((req) => {
   const isLoggedIn = !!session?.expires;
 
   // Remove & amend OAuth authorized header
-  const requestHeaders = new Headers(req.headers);
-  requestHeaders.delete(OAUTH_AUTHORIZED);
-  if (isLoggedIn) requestHeaders.set(OAUTH_AUTHORIZED, 'true');
-
-  return NextResponse.next({
-    request: {
-      headers: requestHeaders,
-    },
-  });
+  response.headers.delete(OAUTH_AUTHORIZED);
+  if (isLoggedIn) {
+    response.headers.set(OAUTH_AUTHORIZED, 'true');
+  }
+
+  return response;
 });
 
 const isProtectedRoute = createRouteMatcher([
   '/settings(.*)',
   '/files(.*)',
+  '/onboard(.*)',
   // ↓ cloud ↓
 ]);
 
+const clerkAuthMiddleware = clerkMiddleware(
+  async (auth, req) => {
+    if (isProtectedRoute(req)) await auth.protect();
+
+    return defaultMiddleware(req);
+  },
+  {
+    // https://github.com/lobehub/lobe-chat/pull/3084
+    clockSkewInMs: 60 * 60 * 1000,
+    signInUrl: '/login',
+    signUpUrl: '/signup',
+  },
+);
+
 export default authEnv.NEXT_PUBLIC_ENABLE_CLERK_AUTH
-  ? clerkMiddleware(
-      async (auth, req) => {
-        if (isProtectedRoute(req)) await auth.protect();
-      },
-      {
-        // https://github.com/lobehub/lobe-chat/pull/3084
-        clockSkewInMs: 60 * 60 * 1000,
-        signInUrl: '/login',
-        signUpUrl: '/signup',
-      },
-    )
+  ? clerkAuthMiddleware
   : authEnv.NEXT_PUBLIC_ENABLE_NEXT_AUTH
     ? nextAuthMiddleware
     : defaultMiddleware;

package/src/server/translation.test.ts

@@ -53,13 +53,6 @@ describe('getLocale', () => {
     expect(normalizeLocale).toHaveBeenCalledWith('fr-FR');
   });
 
-  it('should return the locale from cookie if available', async () => {
-    mockCookieStore.get.mockReturnValue({ value: 'de-DE' });
-    const result = await getLocale();
-    expect(result).toBe('de-DE');
-    expect(mockCookieStore.get).toHaveBeenCalledWith(LOBE_LOCALE_COOKIE);
-  });
-
   it('should return DEFAULT_LANG if no cookie is set', async () => {
     mockCookieStore.get.mockReturnValue(undefined);
     const result = await getLocale();