@lobehub/chat 1.7.10 → 1.8.1

package/.dockerignore

@@ -4,7 +4,6 @@ node_modules
 npm-debug.log
 .next
 .git
-scripts
 docs
 .github
 *.md

package/.env.example

@@ -168,6 +168,14 @@ OPENAI_API_KEY=sk-xxxxxxxxx
 #CLERK_WEBHOOK_SECRET=whsec_xxxxxxxxxxxxxxxxxxxxxx
 
 
+# NextAuth related configurations
+# NEXT_AUTH_SECRET=
+
+# Auth0 configurations
+# AUTH0_CLIENT_ID=
+# AUTH0_CLIENT_SECRET=
+# AUTH0_ISSUER=https://your-domain.auth0.com
+
 ########################################
 ########## Server Database #############
 ########################################

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -6,9 +6,10 @@
 - [ ] 🐛 fix
 - [ ] ♻️ refactor
 - [ ] 💄 style
-- [ ] 🔨 chore
+- [ ] 👷 build
 - [ ] ⚡️ perf
 - [ ] 📝 docs
+- [ ] 🔨 chore
 
 #### 🔀 变更说明 | Description of Change
 

package/.github/workflows/docker-database.yml

@@ -0,0 +1,46 @@
+name: Publish Database Docker Image
+
+on:
+  workflow_dispatch:
+  release:
+    types: [published]
+
+jobs:
+  push_to_registry:
+    name: Push Docker image to Docker Hub
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v4
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_REGISTRY_USER }}
+          password: ${{ secrets.DOCKER_REGISTRY_PASSWORD }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: lobehub/lobe-chat-database
+          tags: |
+            type=raw,value=latest
+            type=ref,event=tag
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./Dockerfile.database  # 指定使用 Dockerfile.database 文件
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.8.1](https://github.com/lobehub/lobe-chat/compare/v1.8.0...v1.8.1)
+
+<sup>Released on **2024-08-03**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix `aya`, `mathstral` model tag icon & update ollama model info.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix `aya`, `mathstral` model tag icon & update ollama model info, closes [#3382](https://github.com/lobehub/lobe-chat/issues/3382) ([ced95a8](https://github.com/lobehub/lobe-chat/commit/ced95a8))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 1.8.0](https://github.com/lobehub/lobe-chat/compare/v1.7.10...v1.8.0)
+
+<sup>Released on **2024-08-02**</sup>
+
+#### ✨ Features
+
+- **misc**: Add NextAuth as authentication service in server database.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add NextAuth as authentication service in server database, closes [#2935](https://github.com/lobehub/lobe-chat/issues/2935) ([5a0b972](https://github.com/lobehub/lobe-chat/commit/5a0b972))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.7.10](https://github.com/lobehub/lobe-chat/compare/v1.7.9...v1.7.10)
 
 <sup>Released on **2024-08-02**</sup>

package/Dockerfile.database

@@ -0,0 +1,170 @@
+## Base image for all the stages
+FROM node:20-alpine AS base
+
+RUN \
+    # Add user nextjs to run the app
+    addgroup --system --gid 1001 nodejs \
+    && adduser --system --uid 1001 nextjs
+
+## Builder image, install all the dependencies and build the app
+FROM base AS builder
+
+ARG USE_NPM_CN_MIRROR
+
+ENV KEY_VAULTS_SECRET="use-for-build" \
+  NEXT_PUBLIC_SERVICE_MODE="server" \
+  DATABASE_DRIVER="node" \
+  DATABASE_URL="postgres://postgres:password@localhost:5432/postgres"
+
+# Sentry
+ENV NEXT_PUBLIC_SENTRY_DSN="" \
+    SENTRY_ORG="" \
+    SENTRY_PROJECT=""
+
+# Posthog
+ENV NEXT_PUBLIC_ANALYTICS_POSTHOG="" \
+    NEXT_PUBLIC_POSTHOG_HOST="" \
+    NEXT_PUBLIC_POSTHOG_KEY=""
+
+# Umami
+ENV NEXT_PUBLIC_ANALYTICS_UMAMI="" \
+    NEXT_PUBLIC_UMAMI_SCRIPT_URL="" \
+    NEXT_PUBLIC_UMAMI_WEBSITE_ID=""
+
+# Node
+ENV NODE_OPTIONS="--max-old-space-size=8192"
+
+WORKDIR /app
+
+COPY package.json ./
+COPY .npmrc ./
+
+RUN \
+    # If you want to build docker in China, build with --build-arg USE_NPM_CN_MIRROR=true
+    if [ "${USE_NPM_CN_MIRROR:-false}" = "true" ]; then \
+        export SENTRYCLI_CDNURL="https://npmmirror.com/mirrors/sentry-cli"; \
+        npm config set registry "https://registry.npmmirror.com/"; \
+    fi \
+    # Set the registry for corepack
+    && export COREPACK_NPM_REGISTRY=$(npm config get registry | sed 's/\/$//') \
+    # Enable corepack
+    && corepack enable \
+    # Use pnpm for corepack
+    && corepack use pnpm \
+    # Install the dependencies
+    && pnpm i \
+    # Add sharp and db migration dependencies
+    && mkdir -p /deps \
+    && pnpm add sharp pg drizzle-orm --prefix /deps
+
+COPY . .
+
+# run build standalone for docker version
+RUN npm run build:docker
+
+## Application image, copy all the files for production
+FROM scratch AS app
+
+COPY --from=builder /app/public /app/public
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder /app/.next/standalone /app/
+COPY --from=builder /app/.next/static /app/.next/static
+
+# copy dependencies
+COPY --from=builder /deps/node_modules/.pnpm /app/node_modules/.pnpm
+COPY --from=builder /deps/node_modules/pg /app/node_modules/pg
+COPY --from=builder /deps/node_modules/drizzle-orm /app/node_modules/drizzle-orm
+
+# Copy database migrations
+COPY --from=builder /app/src/database/server/migrations /app/migrations
+COPY --from=builder /app/scripts/migrateServerDB/docker.cjs /app/docker.cjs
+
+## Production image, copy all the files and run next
+FROM base
+
+# Copy all the files from app, set the correct permission for prerender cache
+COPY --from=app --chown=nextjs:nodejs /app /app
+
+ENV NODE_ENV="production"
+
+# set hostname to localhost
+ENV HOSTNAME="0.0.0.0" \
+    PORT="3210"
+
+# General Variables
+ENV API_KEY_SELECT_MODE="" \
+    FEATURE_FLAGS=""
+
+# Database
+ENV KEY_VAULTS_SECRET="" \
+DATABASE_DRIVER="node" \
+DATABASE_URL=""
+
+# Next Auth
+ENV NEXT_AUTH_SECRET="" \
+ACCESS_CODE="" \
+NEXTAUTH_URL="" \
+NEXT_AUTH_SSO_PROVIDERS=""
+
+# S3
+ENV S3_ACCESS_KEY_ID="" \
+    S3_SECRET_ACCESS_KEY="" \
+    NEXT_PUBLIC_S3_DOMAIN="" \
+    S3_ENDPOINT="" \
+    S3_BUCKET=""
+
+# Model Variables
+ENV \
+    # Ai360
+    AI360_API_KEY="" \
+    # Anthropic
+    ANTHROPIC_API_KEY="" ANTHROPIC_PROXY_URL="" \
+    # Amazon Bedrock
+    AWS_ACCESS_KEY_ID="" AWS_SECRET_ACCESS_KEY="" AWS_REGION="" \
+    # Azure OpenAI
+    AZURE_API_KEY="" AZURE_API_VERSION="" AZURE_ENDPOINT="" AZURE_MODEL_LIST="" \
+    # Baichuan
+    BAICHUAN_API_KEY="" \
+    # DeepSeek
+    DEEPSEEK_API_KEY="" \
+    # Google
+    GOOGLE_API_KEY="" GOOGLE_PROXY_URL="" \
+    # Groq
+    GROQ_API_KEY="" GROQ_PROXY_URL="" \
+    # Minimax
+    MINIMAX_API_KEY="" \
+    # Mistral
+    MISTRAL_API_KEY="" \
+    # Moonshot
+    MOONSHOT_API_KEY="" MOONSHOT_PROXY_URL="" \
+    # Novita
+    NOVITA_API_KEY="" \
+    # Ollama
+    OLLAMA_MODEL_LIST="" OLLAMA_PROXY_URL="" \
+    # OpenAI
+    OPENAI_API_KEY="" OPENAI_MODEL_LIST="" OPENAI_PROXY_URL="" \
+    # OpenRouter
+    OPENROUTER_API_KEY="" OPENROUTER_MODEL_LIST="" \
+    # Perplexity
+    PERPLEXITY_API_KEY="" PERPLEXITY_PROXY_URL="" \
+    # Qwen
+    QWEN_API_KEY="" \
+    # Stepfun
+    STEPFUN_API_KEY="" \
+    # Taichu
+    TAICHU_API_KEY="" \
+    # TogetherAI
+    TOGETHERAI_API_KEY="" TOGETHERAI_MODEL_LIST="" \
+    # 01.AI
+    ZEROONE_API_KEY="" \
+    # Zhipu
+    ZHIPU_API_KEY=""
+
+USER nextjs
+
+EXPOSE 3210/tcp
+
+# run migration , then run app
+CMD ["sh", "-c", "node /app/docker.cjs && node /app/server.js"]

package/README.md

@@ -266,14 +266,14 @@ Our marketplace is not just a showcase platform but also a collaborative space.
 
 <!-- AGENT LIST -->
 
-| Recent Submits                                                                                                                                                                                                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                     |
-| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Code Snark Master](https://chat-preview.lobehub.com/market?agent=code-snark-master)<br/><sup>By **[leter](https://github.com/leter)** on **2024-07-29**</sup>                                                 | Specializes in sharp criticism of code, sarcastically pointing out inefficiencies and readability issues<br/>`tech-leadership` `code-review` `sarcastic-style` `programming-consultation`                                                                                                                                                                                                                                       |
-| [Unity Maestro](https://chat-preview.lobehub.com/market?agent=unity-maestro)<br/><sup>By **[thedivergentai](https://github.com/thedivergentai)** on **2024-07-29**</sup>                                       | Expert Unity Game Development Companion<br/>`game-development` `unity` `software-engineering`                                                                                                                                                                                                                                                                                                                                   |
-| [C Program Learning Assistant](https://chat-preview.lobehub.com/market?agent=sichuan-university-941-c-programming-assistant)<br/><sup>By **[YBGuoYang](https://github.com/YBGuoYang)** on **2024-07-28**</sup> | Assist me in learning C program design<br/>`941`                                                                                                                                                                                                                                                                                                                                                                                |
-| [Brand Pioneer](https://chat-preview.lobehub.com/market?agent=brand-pioneer)<br/><sup>By **[SaintFresh](https://github.com/SaintFresh)** on **2024-07-25**</sup>                                               | A brand development specialist, thought leader, brand strategy super-genius, and brand visionary. Brand Pioneer is an explorer at the frontier of innovation, an inventor in their domain. Provide them with your market and let them imagine a future world characterized by groundbreaking advancements in your field of expertise.<br/>`business` `brand-pioneer` `brand-development` `business-assistant` `brand-narrative` |
-
-> 📊 Total agents: [<kbd>**309**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+| Recent Submits                                                                                                                                                                                                 | Description                                                                                                                                                                                                                                                                                                         |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Omnipedia](https://chat-preview.lobehub.com/market?agent=omnipedia)<br/><sup>By **[thedivergentai](https://github.com/thedivergentai)** on **2024-08-02**</sup>                                               | Expert in providing high-quality, well-researched information on various topics, including history, science, literature, art, and more. Skilled in summarizing complex topics, assisting with research tasks, and offering creative prompts<br/>`artificial-intelligence` `information` `education` `communication` |
+| [Code Snark Master](https://chat-preview.lobehub.com/market?agent=code-snark-master)<br/><sup>By **[leter](https://github.com/leter)** on **2024-07-29**</sup>                                                 | Specializes in sharp criticism of code, sarcastically pointing out inefficiencies and readability issues<br/>`tech-leadership` `code-review` `sarcastic-style` `programming-consultation`                                                                                                                           |
+| [Unity Maestro](https://chat-preview.lobehub.com/market?agent=unity-maestro)<br/><sup>By **[thedivergentai](https://github.com/thedivergentai)** on **2024-07-29**</sup>                                       | Expert Unity Game Development Companion<br/>`game-development` `unity` `software-engineering`                                                                                                                                                                                                                       |
+| [C Program Learning Assistant](https://chat-preview.lobehub.com/market?agent=sichuan-university-941-c-programming-assistant)<br/><sup>By **[YBGuoYang](https://github.com/YBGuoYang)** on **2024-07-28**</sup> | Assist me in learning C program design<br/>`941`                                                                                                                                                                                                                                                                    |
+
+> 📊 Total agents: [<kbd>**310**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/README.zh-CN.md

@@ -254,14 +254,14 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 
 <!-- AGENT LIST -->
 
-| 最近新增                                                                                                                                                                                         | 助手说明                                                                                                                                                                                                                                                |
-| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [代码毒舌大师](https://chat-preview.lobehub.com/market?agent=code-snark-master)<br/><sup>By **[leter](https://github.com/leter)** on **2024-07-29**</sup>                                        | 擅长尖刻批评代码，讽刺性地指出低效和可读性问题<br/>`技术领导` `代码审查` `讽刺风格` `编程咨询`                                                                                                                                                          |
-| [Unity Maestro](https://chat-preview.lobehub.com/market?agent=unity-maestro)<br/><sup>By **[thedivergentai](https://github.com/thedivergentai)** on **2024-07-29**</sup>                         | Expert Unity Game Development Companion<br/>`game-development` `unity` `software-engineering`                                                                                                                                                           |
-| [c 程序学习助手](https://chat-preview.lobehub.com/market?agent=sichuan-university-941-c-programming-assistant)<br/><sup>By **[YBGuoYang](https://github.com/YBGuoYang)** on **2024-07-28**</sup> | 辅助我进行 c 程序设计的学习<br/>`941`                                                                                                                                                                                                                   |
-| [品牌先锋](https://chat-preview.lobehub.com/market?agent=brand-pioneer)<br/><sup>By **[SaintFresh](https://github.com/SaintFresh)** on **2024-07-25**</sup>                                      | 一位品牌发展专家、思想领袖、品牌战略超级天才和品牌远见者。品牌先锋是创新前沿的探险家，在其领域是一位发明家。将您的市场提供给他们，让他们想象一个未来世界，其中以您的专业领域的突破性进展为特征。<br/>`商业` `品牌先锋` `品牌发展` `商业助手` `品牌叙事` |
-
-> 📊 Total agents: [<kbd>**309**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+| 最近新增                                                                                                                                                                                         | 助手说明                                                                                                                                                                                       |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Omnipedia](https://chat-preview.lobehub.com/market?agent=omnipedia)<br/><sup>By **[thedivergentai](https://github.com/thedivergentai)** on **2024-08-02**</sup>                                 | 专业提供高质量、深入研究的各种主题信息，包括历史、科学、文学、艺术等。擅长总结复杂主题，协助研究任务，并提供创意启示。<br/>`artificial-intelligence` `information` `education` `communication` |
+| [代码毒舌大师](https://chat-preview.lobehub.com/market?agent=code-snark-master)<br/><sup>By **[leter](https://github.com/leter)** on **2024-07-29**</sup>                                        | 擅长尖刻批评代码，讽刺性地指出低效和可读性问题<br/>`技术领导` `代码审查` `讽刺风格` `编程咨询`                                                                                                 |
+| [Unity Maestro](https://chat-preview.lobehub.com/market?agent=unity-maestro)<br/><sup>By **[thedivergentai](https://github.com/thedivergentai)** on **2024-07-29**</sup>                         | Expert Unity Game Development Companion<br/>`game-development` `unity` `software-engineering`                                                                                                  |
+| [c 程序学习助手](https://chat-preview.lobehub.com/market?agent=sichuan-university-941-c-programming-assistant)<br/><sup>By **[YBGuoYang](https://github.com/YBGuoYang)** on **2024-07-28**</sup> | 辅助我进行 c 程序设计的学习<br/>`941`                                                                                                                                                          |
+
+> 📊 Total agents: [<kbd>**310**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.7.10",
+  "version": "1.8.1",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/scripts/migrateServerDB/docker.cjs

@@ -0,0 +1,34 @@
+const { join } = require('node:path');
+const { Pool } = require('pg');
+const { drizzle } = require('drizzle-orm/node-postgres');
+const migrator = require('drizzle-orm/node-postgres/migrator');
+
+if (!process.env.DATABASE_URL) {
+  throw new Error('DATABASE_URL is not set, please set it in your environment variables.');
+}
+
+const client = new Pool({ connectionString: process.env.DATABASE_URL });
+
+const db = drizzle(client);
+
+const runMigrations = async () => {
+  console.log('[Database] Start to migration...');
+  await migrator.migrate(db, {
+    migrationsFolder: join(__dirname, './migrations'),
+  });
+
+  console.log('✅ database migration pass.');
+  console.log('-------------------------------------');
+  // eslint-disable-next-line unicorn/no-process-exit
+  process.exit(0);
+};
+
+// eslint-disable-next-line unicorn/prefer-top-level-await
+runMigrations().catch((err) => {
+  console.error(
+    '❌ Database migrate failed. Please check your database is valid and DATABASE_URL is set correctly. The error detail is below:',
+  );
+  console.error(err);
+  // eslint-disable-next-line unicorn/no-process-exit
+  process.exit(1);
+});

package/src/app/(main)/(mobile)/me/(home)/__tests__/UserBanner.test.tsx

@@ -26,12 +26,16 @@ vi.mock('@/features/User/UserLoginOrSignup/Community', () => ({
 
 // 定义一个变量来存储 enableAuth 的值
 let enableAuth = true;
+let enableClerk = false;
 
 // 模拟 @/const/auth 模块
 vi.mock('@/const/auth', () => ({
   get enableAuth() {
     return enableAuth;
   },
+  get enableClerk() {
+    return enableClerk;
+  },
 }));
 
 afterEach(() => {
@@ -41,9 +45,8 @@ afterEach(() => {
 describe('UserBanner', () => {
   it('should render UserInfo and DataStatistics when auth is disabled', () => {
     act(() => {
-      useUserStore.setState({ isSignedIn: false });
+      useUserStore.setState({ isSignedIn: false, enableAuth: () => false });
     });
-    enableAuth = false;
 
     render(<UserBanner />);
 
@@ -56,7 +59,8 @@ describe('UserBanner', () => {
     act(() => {
       useUserStore.setState({ isSignedIn: true });
     });
-    enableAuth = true;
+
+    enableClerk = true;
 
     render(<UserBanner />);
 
@@ -67,9 +71,9 @@ describe('UserBanner', () => {
 
   it('should render UserLoginOrSignup when user is not logged in with auth enabled', () => {
     act(() => {
-      useUserStore.setState({ isSignedIn: false });
+      useUserStore.setState({ isSignedIn: false, enableAuth: () => true });
     });
-    enableAuth = true;
+    enableClerk = true;
 
     render(<UserBanner />);
 

package/src/app/(main)/(mobile)/me/(home)/__tests__/useCategory.test.tsx

@@ -24,7 +24,7 @@ vi.mock('../../settings/features/useCategory', () => ({
 
 // 定义一个变量来存储 enableAuth 的值
 let enableAuth = true;
-let enableClerk = true;
+let enableClerk = false;
 // 模拟 @/const/auth 模块
 vi.mock('@/const/auth', () => ({
   get enableAuth() {
@@ -37,16 +37,16 @@ vi.mock('@/const/auth', () => ({
 
 afterEach(() => {
   enableAuth = true;
-  enableClerk = true;
+  enableClerk = false;
 });
 
+// 目前对 enableAuth 的判定是在 useUserStore 中，所以需要 mock useUserStore
+// 类型定义： enableAuth: () => boolean
 describe('useCategory', () => {
   it('should return correct items when the user is logged in with authentication', () => {
     act(() => {
-      useUserStore.setState({ isSignedIn: true });
+      useUserStore.setState({ isSignedIn: true, enableAuth: () => true });
     });
-    enableAuth = true;
-    enableClerk = false;
 
     const { result } = renderHook(() => useCategory());
 
@@ -65,7 +65,6 @@ describe('useCategory', () => {
     act(() => {
       useUserStore.setState({ isSignedIn: true });
     });
-    enableAuth = true;
     enableClerk = true;
 
     const { result } = renderHook(() => useCategory());
@@ -81,11 +80,29 @@ describe('useCategory', () => {
     });
   });
 
+  it('should return correct items when the user is logged in with NextAuth', () => {
+    act(() => {
+      useUserStore.setState({ isSignedIn: true, enableAuth: () => true, enabledNextAuth: true });
+    });
+
+    const { result } = renderHook(() => useCategory());
+
+    act(() => {
+      const items = result.current;
+      // Should not render profile for NextAuth, it's Clerk only
+      expect(items.some((item) => item.key === 'profile')).toBe(false);
+      expect(items.some((item) => item.key === 'setting')).toBe(true);
+      expect(items.some((item) => item.key === 'data')).toBe(true);
+      expect(items.some((item) => item.key === 'docs')).toBe(true);
+      expect(items.some((item) => item.key === 'feedback')).toBe(true);
+      expect(items.some((item) => item.key === 'discord')).toBe(true);
+    });
+  });
+
   it('should return correct items when the user is not logged in', () => {
     act(() => {
-      useUserStore.setState({ isSignedIn: false });
+      useUserStore.setState({ isSignedIn: false, enableAuth: () => true });
     });
-    enableAuth = true;
 
     const { result } = renderHook(() => useCategory());
 
@@ -102,9 +119,9 @@ describe('useCategory', () => {
 
   it('should handle settings for non-authenticated users', () => {
     act(() => {
-      useUserStore.setState({ isSignedIn: false });
+      useUserStore.setState({ isSignedIn: false, enableAuth: () => false });
     });
-    enableAuth = false;
+    enableClerk = false;
 
     const { result } = renderHook(() => useCategory());
 

package/src/app/(main)/(mobile)/me/(home)/features/UserBanner.tsx

@@ -4,7 +4,6 @@ import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { enableAuth } from '@/const/auth';
 import DataStatistics from '@/features/User/DataStatistics';
 import UserInfo from '@/features/User/UserInfo';
 import UserLoginOrSignup from '@/features/User/UserLoginOrSignup/Community';
@@ -14,6 +13,11 @@ import { authSelectors } from '@/store/user/selectors';
 const UserBanner = memo(() => {
   const router = useRouter();
   const isLoginWithAuth = useUserStore(authSelectors.isLoginWithAuth);
+  const [enableAuth, signIn, enabledNextAuth] = useUserStore((s) => [
+    authSelectors.enabledAuth(s),
+    s.openLogin,
+    authSelectors.enabledNextAuth(s),
+  ]);
 
   return (
     <Flexbox gap={12} paddingBlock={8}>
@@ -24,11 +28,26 @@ const UserBanner = memo(() => {
         </>
       ) : isLoginWithAuth ? (
         <>
-          <UserInfo onClick={() => router.push('/me/profile')} />
+          <UserInfo
+            onClick={() => {
+              // Profile page only works with Clerk
+              if (enabledNextAuth) return;
+              router.push('/me/profile');
+            }}
+          />
           <DataStatistics paddingInline={12} />
         </>
       ) : (
-        <UserLoginOrSignup onClick={() => router.push('/login')} />
+        <UserLoginOrSignup
+          onClick={() => {
+            // If use NextAuth, call openLogin method directly
+            if (enabledNextAuth) {
+              signIn();
+              return;
+            }
+            router.push('/login');
+          }}
+        />
       )}
     </Flexbox>
   );

package/src/app/(main)/(mobile)/me/(home)/features/useCategory.tsx

@@ -4,7 +4,6 @@ import { useRouter } from 'next/navigation';
 import { useTranslation } from 'react-i18next';
 
 import { CellProps } from '@/components/Cell';
-import { enableAuth } from '@/const/auth';
 import { DISCORD, DOCUMENTS, FEEDBACK } from '@/const/url';
 import { isServerMode } from '@/const/version';
 import { usePWAInstall } from '@/hooks/usePWAInstall';
@@ -17,10 +16,11 @@ export const useCategory = () => {
   const router = useRouter();
   const { canInstall, install } = usePWAInstall();
   const { t } = useTranslation(['common', 'setting', 'auth']);
-  const [isLogin, isLoginWithAuth, isLoginWithClerk] = useUserStore((s) => [
+  const [isLogin, isLoginWithAuth, isLoginWithClerk, enableAuth] = useUserStore((s) => [
     authSelectors.isLogin(s),
     authSelectors.isLoginWithAuth(s),
     authSelectors.isLoginWithClerk(s),
+    authSelectors.enabledAuth(s),
   ]);
 
   const profile: CellProps[] = [

package/src/app/(main)/settings/_layout/Mobile/Header.tsx

@@ -7,9 +7,10 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { enableAuth } from '@/const/auth';
 import { useActiveSettingsKey } from '@/hooks/useActiveSettingsKey';
 import { SettingsTabs } from '@/store/global/initialState';
+import { useUserStore } from '@/store/user';
+import { authSelectors } from '@/store/user/selectors';
 import { mobileHeaderSticky } from '@/styles/mobileHeader';
 
 const Header = memo(() => {
@@ -19,6 +20,7 @@ const Header = memo(() => {
   const searchParams = useSearchParams();
   const activeSettingsKey = useActiveSettingsKey();
 
+  const enableAuth = useUserStore(authSelectors.enabledAuth);
   const handleBackClick = () => {
     if (searchParams.has('session') && searchParams.has('showMobileWorkspace')) {
       router.push(`/chat?${searchParams.toString()}`);
@@ -26,7 +28,6 @@ const Header = memo(() => {
       router.push(enableAuth ? '/me/settings' : '/me');
     }
   };
-
   return (
     <MobileNavBar
       center={