@lobehub/lobehub 2.0.0-next.343 → 2.0.0-next.345

package/scripts/i18nWorkflow/protectedPatterns.ts

@@ -11,7 +11,6 @@
  * Files to ignore at file level (won't be scanned at all)
  */
 export const IGNORED_FILES = [
-  'clerk.ts', // Clerk third-party library translations
   'providers.ts', // Dynamically generated from DEFAULT_MODEL_PROVIDER_LIST
   'models.ts', // Dynamically generated from LOBE_DEFAULT_MODEL_LIST
   'auth.ts', // Auth-related dynamic keys
@@ -77,7 +76,7 @@ export const PROTECTED_KEY_PATTERNS = [
  * How to use:
  *
  * 1. IGNORED_FILES - Files to completely skip during analysis:
- *    Add filename with .ts extension (e.g., 'clerk.ts')
+ *    Add filename with .ts extension (e.g., 'auth.ts')
  *    These files won't be scanned at all
  *
  * 2. PROTECTED_KEY_PATTERNS - Namespace/patterns to protect:

package/scripts/prebuild.mts

@@ -1,4 +1,5 @@
 import { execSync } from 'node:child_process';
+import { createRequire } from 'node:module';
 import * as dotenv from 'dotenv';
 import dotenvExpand from 'dotenv-expand';
 import { existsSync } from 'node:fs';
@@ -6,6 +7,10 @@ import { rm } from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 
+// Use createRequire for CommonJS module compatibility
+const require = createRequire(import.meta.url);
+const { checkDeprecatedClerkEnv } = require('./_shared/checkDeprecatedClerkEnv.js');
+
 const isDesktop = process.env.NEXT_PUBLIC_IS_DESKTOP_APP === '1';
 const isBundleAnalyzer = process.env.ANALYZE === 'true' && process.env.CI === 'true';
 
@@ -17,13 +22,9 @@ if (isDesktop) {
 }
 
 // Auth flags - use process.env directly for build-time dead code elimination
-const enableClerk =
-  process.env.NEXT_PUBLIC_ENABLE_CLERK_AUTH === '1'
-    ? true
-    : !!process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY;
-const enableBetterAuth = process.env.NEXT_PUBLIC_ENABLE_BETTER_AUTH === '1';
+// Better Auth is the default auth solution when NextAuth is not explicitly enabled
 const enableNextAuth = process.env.NEXT_PUBLIC_ENABLE_NEXT_AUTH === '1';
-const enableAuth = enableClerk || enableBetterAuth || enableNextAuth || false;
+const enableBetterAuth = !enableNextAuth;
 
 const getCommandVersion = (command: string): string | null => {
   try {
@@ -62,10 +63,8 @@ const printEnvInfo = () => {
 
   // Auth flags
   console.log('\n  Auth Flags:');
-  console.log(`    enableClerk: ${enableClerk}`);
   console.log(`    enableBetterAuth: ${enableBetterAuth}`);
   console.log(`    enableNextAuth: ${enableNextAuth}`);
-  console.log(`    enableAuth: ${enableAuth}`);
 
   console.log('─'.repeat(50));
 };
@@ -161,6 +160,9 @@ export const runPrebuild = async (targetDir: string = 'src') => {
 const isMainModule = process.argv[1] === fileURLToPath(import.meta.url);
 
 if (isMainModule) {
+  // Check for deprecated Clerk env vars first - fail fast if found
+  checkDeprecatedClerkEnv();
+
   printEnvInfo();
   // 执行删除操作
   console.log('\nStarting prebuild cleanup...');

package/scripts/serverLauncher/startServer.js

@@ -1,6 +1,17 @@
 const dns = require('node:dns').promises;
 const fs = require('node:fs').promises;
+const path = require('node:path');
 const { spawn } = require('node:child_process');
+const { existsSync } = require('node:fs');
+
+// Resolve shared module path for both local dev and Docker environments
+// Local: scripts/serverLauncher/startServer.js -> scripts/_shared/...
+// Docker: /app/startServer.js -> /app/scripts/_shared/...
+const localPath = path.join(__dirname, '..', '_shared', 'checkDeprecatedClerkEnv.js');
+const dockerPath = '/app/scripts/_shared/checkDeprecatedClerkEnv.js';
+const sharedModulePath = existsSync(localPath) ? localPath : dockerPath;
+
+const { checkDeprecatedClerkEnv } = require(sharedModulePath);
 
 // Set file paths
 const DB_MIGRATION_SCRIPT_PATH = '/app/docker.cjs';
@@ -9,8 +20,7 @@ const PROXYCHAINS_CONF_PATH = '/etc/proxychains4.conf';
 
 // Function to check if a string is a valid IP address
 const isValidIP = (ip, version = 4) => {
-  const ipv4Regex =
-    /^(25[0-5]|2[0-4]\d|[01]?\d{1,2})(\.(25[0-5]|2[0-4]\d|[01]?\d{1,2})){3}$/;
+  const ipv4Regex = /^(25[0-5]|2[0-4]\d|[01]?\d{1,2})(\.(25[0-5]|2[0-4]\d|[01]?\d{1,2})){3}$/;
   const ipv6Regex =
     /^(([\da-f]{1,4}:){7}[\da-f]{1,4}|([\da-f]{1,4}:){1,7}:|([\da-f]{1,4}:){1,6}:[\da-f]{1,4}|([\da-f]{1,4}:){1,5}(:[\da-f]{1,4}){1,2}|([\da-f]{1,4}:){1,4}(:[\da-f]{1,4}){1,3}|([\da-f]{1,4}:){1,3}(:[\da-f]{1,4}){1,4}|([\da-f]{1,4}:){1,2}(:[\da-f]{1,4}){1,5}|[\da-f]{1,4}:((:[\da-f]{1,4}){1,6})|:((:[\da-f]{1,4}){1,7}|:)|fe80:(:[\da-f]{0,4}){0,4}%[\da-z]+|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}\d){0,1}\d)\.){3}(25[0-5]|(2[0-4]|1{0,1}\d){0,1}\d)|([\da-f]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}\d){0,1}\d)\.){3}(25[0-5]|(2[0-4]|1{0,1}\d){0,1}\d))$/;
 
@@ -74,10 +84,13 @@ const runProxyChainsConfGenerator = async (url) => {
 
   let ip = isValidIP(host, 4) ? host : await resolveHostIP(host, 4);
 
-  const proxyDNSConfig = process.env.ENABLE_PROXY_DNS === '1' ? `
+  const proxyDNSConfig =
+    process.env.ENABLE_PROXY_DNS === '1'
+      ? `
 proxy_dns
 remote_dns_subnet 224
-`.trim() : '';
+`.trim()
+      : '';
 
   const configContent = `
 localnet 127.0.0.0/8
@@ -91,7 +104,9 @@ tcp_connect_time_out 8000
 tcp_read_time_out 15000
 [ProxyList]
 ${protocol} ${ip} ${port} ${user} ${pass}
-`.replace(/\n{2,}/g, '\n').trim();
+`
+    .replaceAll(/\n{2,}/g, '\n')
+    .trim();
 
   await fs.writeFile(PROXYCHAINS_CONF_PATH, configContent);
   console.log(`✅ ProxyChains: All outgoing traffic routed via ${url}.`);
@@ -124,6 +139,9 @@ const runServer = async () => {
 
 // Main execution block
 (async () => {
+  // Check for deprecated Clerk env vars first - fail fast if found
+  checkDeprecatedClerkEnv({ action: 'restart' });
+
   console.log('🌐 DNS Server:', dns.getServers());
   console.log('-------------------------------------');
 

package/src/app/(backend)/middleware/auth/index.test.ts

@@ -8,10 +8,6 @@ import { createErrorResponse } from '@/utils/errorResponse';
 import { RequestHandler, checkAuth } from './index';
 import { checkAuthMethod } from './utils';
 
-vi.mock('@clerk/nextjs/server', () => ({
-  getAuth: vi.fn(),
-}));
-
 vi.mock('@/utils/errorResponse', () => ({
   createErrorResponse: vi.fn(),
 }));
@@ -24,6 +20,14 @@ vi.mock('@lobechat/utils/server', () => ({
   getXorPayload: vi.fn(),
 }));
 
+vi.mock('@/envs/auth', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('@/envs/auth')>();
+  return {
+    ...actual,
+    enableBetterAuth: false,
+  };
+});
+
 describe('checkAuth', () => {
   const mockHandler: RequestHandler = vi.fn();
   const mockRequest = new Request('https://example.com');

package/src/app/(backend)/middleware/auth/index.ts

@@ -1,4 +1,3 @@
-import { type AuthObject } from '@clerk/backend';
 import {
   AgentRuntimeError,
   type ChatCompletionErrorPayload,
@@ -6,7 +5,6 @@ import {
 } from '@lobechat/model-runtime';
 import { ChatErrorType, type ClientSecretPayload } from '@lobechat/types';
 import { getXorPayload } from '@lobechat/utils/server';
-import { type NextRequest } from 'next/server';
 
 import { getServerDB } from '@/database/core/db-adaptor';
 import { type LobeChatDatabase } from '@/database/type';
@@ -15,9 +13,7 @@ import {
   LOBE_CHAT_OIDC_AUTH_HEADER,
   OAUTH_AUTHORIZED,
   enableBetterAuth,
-  enableClerk,
 } from '@/envs/auth';
-import { ClerkAuth } from '@/libs/clerk-auth';
 import { validateOIDCJWT } from '@/libs/oidc-provider/jwt';
 import { createErrorResponse } from '@/utils/errorResponse';
 
@@ -77,16 +73,6 @@ export const checkAuth =
 
       if (!authorization) throw AgentRuntimeError.createError(ChatErrorType.Unauthorized);
 
-      // check the Auth With payload and clerk auth
-      let clerkAuth = {} as AuthObject;
-
-      // TODO: V2 完整移除 client 模式下的 clerk 集成代码
-      if (enableClerk) {
-        const auth = new ClerkAuth();
-        const data = auth.getAuthFromRequest(req as NextRequest);
-        clerkAuth = data.clerkAuth;
-      }
-
       jwtPayload = getXorPayload(authorization);
 
       const oidcAuthorization = req.headers.get(LOBE_CHAT_OIDC_AUTH_HEADER);
@@ -106,7 +92,6 @@ export const checkAuth =
         checkAuthMethod({
           apiKey: jwtPayload.apiKey,
           betterAuthAuthorized,
-          clerkAuth,
           nextAuthAuthorized: oauthAuthorized,
         });
     } catch (e) {

package/src/app/(backend)/middleware/auth/utils.test.ts

@@ -1,9 +1,7 @@
-import { type AuthObject } from '@clerk/backend';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { checkAuthMethod } from './utils';
 
-let enableClerkMock = false;
 let enableNextAuthMock = false;
 let enableBetterAuthMock = false;
 
@@ -12,9 +10,6 @@ vi.mock('@/envs/auth', async (importOriginal) => {
 
   return {
     ...(data as any),
-    get enableClerk() {
-      return enableClerkMock;
-    },
     get enableBetterAuth() {
       return enableBetterAuthMock;
     },
@@ -29,29 +24,6 @@ describe('checkAuthMethod', () => {
     vi.clearAllMocks();
   });
 
-  it('should pass with valid Clerk auth', () => {
-    enableClerkMock = true;
-    expect(() =>
-      checkAuthMethod({
-        clerkAuth: { userId: 'someUserId' } as AuthObject,
-      }),
-    ).not.toThrow();
-
-    enableClerkMock = false;
-  });
-
-  it('should throw error with invalid Clerk auth', () => {
-    enableClerkMock = true;
-    try {
-      checkAuthMethod({
-        clerkAuth: {} as any,
-      });
-    } catch (e) {
-      expect(e).toEqual({ errorType: 'InvalidClerkUser' });
-    }
-    enableClerkMock = false;
-  });
-
   it('should pass with valid Next auth', () => {
     enableNextAuthMock = true;
     expect(() =>

package/src/app/(backend)/middleware/auth/utils.ts

@@ -1,13 +1,8 @@
-import { type AuthObject } from '@clerk/backend';
-import { AgentRuntimeError } from '@lobechat/model-runtime';
-import { ChatErrorType } from '@lobechat/types';
-
-import { enableBetterAuth, enableClerk, enableNextAuth } from '@/envs/auth';
+import { enableBetterAuth, enableNextAuth } from '@/envs/auth';
 
 interface CheckAuthParams {
   apiKey?: string;
   betterAuthAuthorized?: boolean;
-  clerkAuth?: AuthObject;
   nextAuthAuthorized?: boolean;
 }
 /**
@@ -16,20 +11,10 @@ interface CheckAuthParams {
  * @param {CheckAuthParams} params - Authentication parameters extracted from headers.
  * @param {string} [params.apiKey] - The user API key.
  * @param {boolean} [params.betterAuthAuthorized] - Whether the Better Auth session exists.
- * @param {AuthObject} [params.clerkAuth] - Clerk authentication payload from middleware.
  * @param {boolean} [params.nextAuthAuthorized] - Whether the OAuth 2 header is provided.
- * @throws {AgentRuntimeError} If authentication fails.
  */
 export const checkAuthMethod = (params: CheckAuthParams) => {
-  const { apiKey, betterAuthAuthorized, nextAuthAuthorized, clerkAuth } = params;
-  // clerk auth handler
-  if (enableClerk) {
-    // if there is no userId, means the use is not login, just throw error
-    if (!(clerkAuth as any)?.userId)
-      throw AgentRuntimeError.createError(ChatErrorType.InvalidClerkUser);
-    // if the user is login, just return
-    else return;
-  }
+  const { apiKey, betterAuthAuthorized, nextAuthAuthorized } = params;
 
   // if better auth session exists
   if (enableBetterAuth && betterAuthAuthorized) return;

package/src/app/(backend)/webapi/chat/[provider]/route.test.ts

@@ -1,5 +1,4 @@
 // @vitest-environment node
-import { getAuth } from '@clerk/nextjs/server';
 import { LobeRuntimeAI, ModelRuntime } from '@lobechat/model-runtime';
 import { ChatErrorType } from '@lobechat/types';
 import { getXorPayload } from '@lobechat/utils/server';
@@ -11,10 +10,6 @@ import { initModelRuntimeFromDB } from '@/server/modules/ModelRuntime';
 
 import { POST } from './route';
 
-vi.mock('@clerk/nextjs/server', () => ({
-  getAuth: vi.fn(),
-}));
-
 vi.mock('@/app/(backend)/middleware/auth/utils', () => ({
   checkAuthMethod: vi.fn(),
 }));
@@ -28,17 +23,11 @@ vi.mock('@/server/modules/ModelRuntime', () => ({
   createTraceOptions: vi.fn().mockReturnValue({}),
 }));
 
-// Use vi.hoisted to ensure mockState is initialized before mocks are set up
-const mockState = vi.hoisted(() => ({ enableClerk: false }));
-
-// 模拟 @/const/auth 模块
 vi.mock('@/envs/auth', async (importOriginal) => {
-  const modules = await importOriginal();
+  const actual = await importOriginal<typeof import('@/envs/auth')>();
   return {
-    ...(modules as any),
-    get enableClerk() {
-      return mockState.enableClerk;
-    },
+    ...actual,
+    enableBetterAuth: false,
   };
 });
 
@@ -58,7 +47,6 @@ beforeEach(() => {
 afterEach(() => {
   // 清除模拟调用历史
   vi.clearAllMocks();
-  mockState.enableClerk = false;
 });
 
 describe('POST handler', () => {
@@ -108,42 +96,6 @@ describe('POST handler', () => {
       });
     });
 
-    it('should have pass clerk Auth when enable clerk', async () => {
-      mockState.enableClerk = true;
-
-      vi.mocked(getXorPayload).mockReturnValueOnce({
-        apiKey: 'test-api-key',
-        azureApiVersion: 'v1',
-      });
-
-      const mockParams = Promise.resolve({ provider: 'test-provider' });
-      vi.mocked(getAuth).mockReturnValue({} as any);
-      vi.mocked(checkAuthMethod).mockReset();
-
-      const mockRuntime: LobeRuntimeAI = { baseURL: 'abc', chat: vi.fn() };
-
-      // Mock initModelRuntimeFromDB
-      vi.mocked(initModelRuntimeFromDB).mockResolvedValue(new ModelRuntime(mockRuntime));
-
-      const request = new Request(new URL('https://test.com'), {
-        method: 'POST',
-        body: JSON.stringify({ model: 'test-model' }),
-        headers: {
-          [LOBE_CHAT_AUTH_HEADER]: 'some-valid-token',
-          [OAUTH_AUTHORIZED]: '1',
-        },
-      });
-
-      await POST(request, { params: mockParams });
-
-      expect(checkAuthMethod).toBeCalledWith({
-        apiKey: 'test-api-key',
-        betterAuthAuthorized: false,
-        clerkAuth: {},
-        nextAuthAuthorized: true,
-      });
-    });
-
     it('should return InternalServerError error when throw a unknown error', async () => {
       const mockParams = Promise.resolve({ provider: 'test-provider' });
       vi.mocked(getXorPayload).mockImplementationOnce(() => {

package/src/app/(backend)/webapi/models/[provider]/route.test.ts

@@ -9,10 +9,6 @@ import { initModelRuntimeFromDB } from '@/server/modules/ModelRuntime';
 
 import { GET } from './route';
 
-vi.mock('@clerk/nextjs/server', () => ({
-  getAuth: vi.fn(),
-}));
-
 vi.mock('@/app/(backend)/middleware/auth/utils', () => ({
   checkAuthMethod: vi.fn(),
 }));
@@ -21,6 +17,14 @@ vi.mock('@lobechat/utils/server', () => ({
   getXorPayload: vi.fn(),
 }));
 
+vi.mock('@/envs/auth', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('@/envs/auth')>();
+  return {
+    ...actual,
+    enableBetterAuth: false,
+  };
+});
+
 vi.mock('@/server/modules/ModelRuntime', () => ({
   initModelRuntimeFromDB: vi.fn(),
 }));

package/src/app/[variants]/(auth)/next-auth/signin/AuthSignInBox.tsx

@@ -68,7 +68,8 @@ const BtnListLoading = memo(() => {
  * ref: https://authjs.dev/guides/pages/signin
  */
 export default memo(() => {
-  const { t } = useTranslation('clerk');
+  const { t } = useTranslation('auth');
+  const { t: tCommon } = useTranslation('common');
   const router = useRouter();
   const [loadingProvider, setLoadingProvider] = useState<string | null>(null);
 
@@ -100,9 +101,9 @@ export default memo(() => {
   };
 
   const footerBtns = [
-    { href: DOCUMENTS_REFER_URL, id: 0, label: t('footerPageLink__help') },
-    { href: PRIVACY_URL, id: 1, label: t('footerPageLink__privacy') },
-    { href: TERMS_URL, id: 2, label: t('footerPageLink__terms') },
+    { href: DOCUMENTS_REFER_URL, id: 0, label: tCommon('document') },
+    { href: PRIVACY_URL, id: 1, label: t('footer.privacy') },
+    { href: TERMS_URL, id: 2, label: t('footer.terms') },
   ];
 
   return (
@@ -116,10 +117,10 @@ export default memo(() => {
               <div>
                 <LobeHub size={48} />
               </div>
-              {t('signIn.start.title', { applicationName: BRANDING_NAME })}
+              {t('signin.title')}
             </Text>
             <Text as={'p'} className={styles.description}>
-              {t('signIn.start.subtitle')}
+              {t('signin.subtitle', { appName: BRANDING_NAME })}
             </Text>
           </div>
           {/* Content */}

package/src/app/[variants]/(auth)/signup/[[...signup]]/page.tsx

@@ -1,6 +1,4 @@
-import { SignUp } from '@clerk/nextjs';
-
-import { enableBetterAuth, enableClerk } from '@/envs/auth';
+import { enableBetterAuth } from '@/envs/auth';
 import { notFound } from '@/libs/next/navigation';
 import { metadataModule } from '@/server/metadata';
 import { translation } from '@/server/translation';
@@ -12,15 +10,6 @@ import BetterAuthSignUpForm from './BetterAuthSignUpForm';
 export const generateMetadata = async (props: DynamicLayoutProps) => {
   const locale = await RouteVariants.getLocale(props);
 
-  if (enableClerk) {
-    const { t } = await translation('clerk', locale);
-    return metadataModule.generate({
-      description: t('signUp.start.subtitle'),
-      title: t('signUp.start.title'),
-      url: '/signup',
-    });
-  }
-
   if (enableBetterAuth) {
     const { t } = await translation('auth', locale);
     return metadataModule.generate({
@@ -37,10 +26,6 @@ export const generateMetadata = async (props: DynamicLayoutProps) => {
 };
 
 const Page = () => {
-  if (enableClerk) {
-    return <SignUp path="/signup" />;
-  }
-
   if (enableBetterAuth) {
     return <BetterAuthSignUpForm />;
   }

package/src/app/[variants]/(main)/home/_layout/Body/Agent/List/index.tsx

@@ -42,7 +42,7 @@ const AgentList = memo<{ onMoreClick?: () => void }>(({ onMoreClick }) => {
 
   return (
     <>
-      <InboxItem />
+      <InboxItem style={{ minHeight: 36 }} />
       {showPinned && <SessionList dataSource={pinnedList!} />}
       {showCustom && <Group dataSource={customList!} />}
       {showDefault && (

package/src/app/[variants]/(main)/home/features/InputArea/SkillInstallBanner.tsx

@@ -4,10 +4,10 @@ import { getKlavisServerByServerIdentifier, getLobehubSkillProviderById } from '
 import { Avatar, Flexbox, Icon } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
 import { Blocks } from 'lucide-react';
-import { type ReactNode, createElement, memo, useMemo, useState } from 'react';
+import { type ReactNode, createElement, memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import SkillStore from '@/features/SkillStore';
+import { createSkillStoreModal } from '@/features/SkillStore';
 import { serverConfigSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useToolStore } from '@/store/tool';
 
@@ -61,7 +61,6 @@ const BANNER_SKILL_IDS = [
 
 const SkillInstallBanner = memo(() => {
   const { t } = useTranslation('plugin');
-  const [open, setOpen] = useState(false);
 
   const isLobehubSkillEnabled = useServerConfigStore(serverConfigSelectors.enableLobehubSkill);
   const isKlavisEnabled = useServerConfigStore(serverConfigSelectors.enableKlavis);
@@ -108,20 +107,21 @@ const SkillInstallBanner = memo(() => {
     return items;
   }, []);
 
+  const handleOpenStore = useCallback(() => {
+    createSkillStoreModal();
+  }, []);
+
   // Don't show banner if no skills are enabled
   if (!isLobehubSkillEnabled && !isKlavisEnabled) return null;
 
   return (
-    <>
-      <div className={styles.banner} onClick={() => setOpen(true)}>
-        <Flexbox align="center" gap={8} horizontal>
-          <Icon className={styles.icon} icon={Blocks} size={18} />
-          <span className={styles.text}>{t('skillInstallBanner.title')}</span>
-        </Flexbox>
-        {avatarItems.length > 0 && <Avatar.Group items={avatarItems} shape="circle" size={24} />}
-      </div>
-      <SkillStore open={open} setOpen={setOpen} />
-    </>
+    <div className={styles.banner} onClick={handleOpenStore}>
+      <Flexbox align="center" gap={8} horizontal>
+        <Icon className={styles.icon} icon={Blocks} size={18} />
+        <span className={styles.text}>{t('skillInstallBanner.title')}</span>
+      </Flexbox>
+      {avatarItems.length > 0 && <Avatar.Group items={avatarItems} shape="circle" size={24} />}
+    </div>
   );
 });
 

package/src/app/[variants]/(main)/home/features/RecentPage/Item.tsx

@@ -3,12 +3,12 @@
 import { Avatar, Block, Center, Flexbox, Icon, Text } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
 import { FileTextIcon } from 'lucide-react';
-import markdownToTxt from 'markdown-to-txt';
 import { memo } from 'react';
 
 import Time from '@/app/[variants]/(main)/home/features/components/Time';
 import { RECENT_BLOCK_SIZE } from '@/app/[variants]/(main)/home/features/const';
 import { type FileListItem } from '@/types/files';
+import markdownToTxt from '@/utils/markdownToTxt';
 
 // Helper to extract title from markdown content
 const extractTitle = (content: string): string | null => {
@@ -24,7 +24,7 @@ const getPreviewText = (item: FileListItem): string => {
   if (!item.content) return '';
 
   // Convert markdown to plain text
-  let plainText = markdownToTxt(item.content);
+  let plainText = markdownToTxt(item.content.slice(0, 120));
 
   // Remove the title line if it exists
   const title = extractTitle(item.content);

package/src/app/[variants]/(main)/settings/hooks/useCategory.tsx

@@ -20,7 +20,6 @@ import {
   Mic2,
   PaletteIcon,
   PieChart,
-  ShieldCheck,
   Sparkles,
   UserCircle,
 } from 'lucide-react';
@@ -32,7 +31,7 @@ import { electronSyncSelectors } from '@/store/electron/selectors';
 import { SettingsTabs } from '@/store/global/initialState';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useUserStore } from '@/store/user';
-import { authSelectors, userProfileSelectors } from '@/store/user/slices/auth/selectors';
+import { userProfileSelectors } from '@/store/user/slices/auth/selectors';
 
 export enum SettingsGroupKey {
   AIConfig = 'ai-config',
@@ -61,8 +60,7 @@ export const useCategory = () => {
   const mobile = useServerConfigStore((s) => s.isMobile);
   const { enableSTT, hideDocs, showAiImage, showApiKeyManage } =
     useServerConfigStore(featureFlagsSelectors);
-  const [isLoginWithClerk, avatar, username] = useUserStore((s) => [
-    authSelectors.isLoginWithClerk(s),
+  const [avatar, username] = useUserStore((s) => [
     userProfileSelectors.userAvatar(s),
     userProfileSelectors.nickName(s),
   ]);
@@ -87,11 +85,6 @@ export const useCategory = () => {
         key: SettingsTabs.Profile,
         label: username ? username : tAuth('tab.profile'),
       },
-      isLoginWithClerk && {
-        icon: ShieldCheck,
-        key: SettingsTabs.Security,
-        label: tAuth('tab.security'),
-      },
       {
         icon: ChartColumnBigIcon,
         key: SettingsTabs.Stats,
@@ -237,18 +230,7 @@ export const useCategory = () => {
     });
 
     return groups;
-  }, [
-    t,
-    tAuth,
-    enableSTT,
-    hideDocs,
-    mobile,
-    showAiImage,
-    showApiKeyManage,
-    isLoginWithClerk,
-    avatarUrl,
-    username,
-  ]);
+  }, [t, tAuth, enableSTT, hideDocs, mobile, showAiImage, showApiKeyManage, avatarUrl, username]);
 
   return categoryGroups;
 };

package/src/app/[variants]/(main)/settings/profile/features/AvatarRow.tsx

@@ -7,7 +7,6 @@ import { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { fetchErrorNotification } from '@/components/Error/fetchErrorNotification';
-import { enableAuth } from '@/envs/auth';
 import UserAvatar from '@/features/User/UserAvatar';
 import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';
@@ -54,7 +53,7 @@ const AvatarRow = ({ mobile }: AvatarRowProps) => {
     [updateAvatar],
   );
 
-  const canUpload = !enableAuth || isLogin;
+  const canUpload = isLogin;
 
   const avatarContent = canUpload ? (
     <Spin indicator={<LoadingOutlined spin />} spinning={uploading}>