@lobehub/lobehub 2.0.0-next.220 → 2.0.0-next.222

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

@@ -2,7 +2,7 @@ import { type AuthObject } from '@clerk/backend';
 import { AgentRuntimeError } from '@lobechat/model-runtime';
 import { ChatErrorType } from '@lobechat/types';
 
-import { enableBetterAuth, enableClerk, enableNextAuth } from '@/const/auth';
+import { enableBetterAuth, enableClerk, enableNextAuth } from '@/envs/auth';
 
 interface CheckAuthParams {
   apiKey?: string;

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

@@ -6,7 +6,7 @@ import { getXorPayload } from '@lobechat/utils/server';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { checkAuthMethod } from '@/app/(backend)/middleware/auth/utils';
-import { LOBE_CHAT_AUTH_HEADER, OAUTH_AUTHORIZED } from '@/const/auth';
+import { LOBE_CHAT_AUTH_HEADER, OAUTH_AUTHORIZED } from '@/envs/auth';
 import { initModelRuntimeFromDB } from '@/server/modules/ModelRuntime';
 
 import { POST } from './route';
@@ -32,7 +32,7 @@ vi.mock('@/server/modules/ModelRuntime', () => ({
 const mockState = vi.hoisted(() => ({ enableClerk: false }));
 
 // 模拟 @/const/auth 模块
-vi.mock('@/const/auth', async (importOriginal) => {
+vi.mock('@/envs/auth', async (importOriginal) => {
   const modules = await importOriginal();
   return {
     ...(modules as any),

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

@@ -4,7 +4,7 @@ import { ChatErrorType } from '@lobechat/types';
 import { getXorPayload } from '@lobechat/utils/server';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { LOBE_CHAT_AUTH_HEADER } from '@/const/auth';
+import { LOBE_CHAT_AUTH_HEADER } from '@/envs/auth';
 import { initModelRuntimeFromDB } from '@/server/modules/ModelRuntime';
 
 import { GET } from './route';

package/src/app/(backend)/webapi/plugin/gateway/route.ts

@@ -3,9 +3,9 @@ import { ChatErrorType, TraceNameMap } from '@lobechat/types';
 import type { PluginRequestPayload } from '@lobehub/chat-plugin-sdk';
 import { createGatewayOnEdgeRuntime } from '@lobehub/chat-plugins-gateway';
 
-import { LOBE_CHAT_AUTH_HEADER } from '@/const/auth';
 import { LOBE_CHAT_TRACE_ID } from '@/const/trace';
 import { getAppConfig } from '@/envs/app';
+import { LOBE_CHAT_AUTH_HEADER } from '@/envs/auth';
 import { TraceClient } from '@/libs/traces';
 import { parserPluginSettings } from '@/server/services/pluginGateway/settings';
 import { getTracePayload } from '@/utils/trace';

package/src/app/(backend)/webapi/proxy/route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from 'next/server';
-import { ssrfSafeFetch } from 'ssrf-safe-fetch';
+import { ssrfSafeFetch } from '@lobechat/ssrf-safe-fetch';
 
 /**
  * just for a proxy

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

@@ -2,7 +2,7 @@ import { SignIn } from '@clerk/nextjs';
 import { BRANDING_NAME } from '@lobechat/business-const';
 import { notFound } from 'next/navigation';
 
-import { enableClerk } from '@/const/auth';
+import { enableClerk } from '@/envs/auth';
 import { metadataModule } from '@/server/metadata';
 import { translation } from '@/server/translation';
 import { type DynamicLayoutProps } from '@/types/next';

package/src/app/[variants]/(auth)/reset-password/layout.tsx

@@ -1,7 +1,7 @@
 import { notFound } from 'next/navigation';
 import { type PropsWithChildren } from 'react';
 
-import { enableBetterAuth } from '@/const/auth';
+import { enableBetterAuth } from '@/envs/auth';
 
 const Layout = ({ children }: PropsWithChildren) => {
   if (!enableBetterAuth) return notFound();

package/src/app/[variants]/(auth)/signin/layout.tsx

@@ -1,7 +1,7 @@
 import { notFound } from 'next/navigation';
 import { type PropsWithChildren } from 'react';
 
-import { enableBetterAuth } from '@/const/auth';
+import { enableBetterAuth } from '@/envs/auth';
 
 const Layout = ({ children }: PropsWithChildren) => {
   if (!enableBetterAuth) return notFound();

package/src/app/[variants]/(auth)/signin/useSignIn.ts

@@ -8,10 +8,10 @@ import type { CheckUserResponseData } from '@/app/(backend)/api/auth/check-user/
 import type { ResolveUsernameResponseData } from '@/app/(backend)/api/auth/resolve-username/route';
 import { useBusinessSignin } from '@/business/client/hooks/useBusinessSignin';
 import { message } from '@/components/AntdStaticMethods';
-import { getAuthConfig } from '@/envs/auth';
 import { requestPasswordReset, signIn } from '@/libs/better-auth/auth-client';
 import { isBuiltinProvider, normalizeProviderId } from '@/libs/better-auth/utils/client';
 import { useServerConfigStore } from '@/store/serverConfig';
+import { serverConfigSelectors } from '@/store/serverConfig/selectors';
 
 import { EMAIL_REGEX, USERNAME_REGEX } from './SignInEmailStep';
 
@@ -31,7 +31,7 @@ export const useSignIn = () => {
   const { t } = useTranslation('auth');
   const router = useRouter();
   const searchParams = useSearchParams();
-  const { NEXT_PUBLIC_ENABLE_MAGIC_LINK: enableMagicLink } = getAuthConfig();
+  const enableMagicLink = useServerConfigStore(serverConfigSelectors.enableMagicLink);
   const [form] = Form.useForm<SignInFormValues>();
   const [loading, setLoading] = useState(false);
   const [socialLoading, setSocialLoading] = useState<string | null>(null);

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

@@ -1,7 +1,7 @@
 import { SignUp } from '@clerk/nextjs';
 import { notFound } from 'next/navigation';
 
-import { enableBetterAuth, enableClerk } from '@/const/auth';
+import { enableBetterAuth, enableClerk } from '@/envs/auth';
 import { metadataModule } from '@/server/metadata';
 import { translation } from '@/server/translation';
 import { type DynamicLayoutProps } from '@/types/next';

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

@@ -2,24 +2,30 @@ import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
 import { form } from 'motion/react-m';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import {
   BusinessSignupFomData,
   useBusinessSignup,
 } from '@/business/client/hooks/useBusinessSignup';
 import { message } from '@/components/AntdStaticMethods';
-import { authEnv } from '@/envs/auth';
 import { signUp } from '@/libs/better-auth/auth-client';
+import { useServerConfigStore } from '@/store/serverConfig';
+import { serverConfigSelectors } from '@/store/serverConfig/selectors';
 
 import { BaseSignUpFormValues } from './types';
 
 export type SignUpFormValues = BaseSignUpFormValues & BusinessSignupFomData;
 
 export const useSignUp = () => {
+  const { t } = useTranslation('auth');
   const router = useRouter();
   const searchParams = useSearchParams();
   const [loading, setLoading] = useState(false);
   const { getFetchOptions, preSocialSignupCheck, businessElement } = useBusinessSignup(form);
+  const enableEmailVerification = useServerConfigStore(
+    serverConfigSelectors.enableEmailVerification,
+  );
 
   const handleSignUp = async (values: SignUpFormValues) => {
     setLoading(true);
@@ -46,20 +52,20 @@ export const useSignUp = () => {
           (error as any)?.details?.cause?.code === '23505';
 
         if (isEmailDuplicate) {
-          message.error('betterAuth.errors.emailExists');
+          message.error(t('betterAuth.errors.emailExists'));
           return;
         }
 
         if (error.code === 'INVALID_EMAIL') {
-          message.error('betterAuth.errors.emailInvalid');
+          message.error(t('betterAuth.errors.emailInvalid'));
           return;
         }
 
-        message.error(error.message || 'betterAuth.signup.error');
+        message.error(error.message || t('betterAuth.signup.error'));
         return;
       }
 
-      if (authEnv.NEXT_PUBLIC_AUTH_EMAIL_VERIFICATION) {
+      if (enableEmailVerification) {
         router.push(
           `/verify-email?email=${encodeURIComponent(values.email)}&callbackUrl=${encodeURIComponent(callbackUrl)}`,
         );
@@ -67,7 +73,7 @@ export const useSignUp = () => {
         router.push(callbackUrl);
       }
     } catch {
-      message.error('betterAuth.signup.error');
+      message.error(t('betterAuth.signup.error'));
     } finally {
       setLoading(false);
     }

package/src/app/[variants]/(auth)/verify-email/layout.tsx

@@ -1,7 +1,7 @@
 import { notFound } from 'next/navigation';
 import { type PropsWithChildren } from 'react';
 
-import { enableBetterAuth } from '@/const/auth';
+import { enableBetterAuth } from '@/envs/auth';
 
 const Layout = ({ children }: PropsWithChildren) => {
   if (!enableBetterAuth) return notFound();

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

@@ -7,7 +7,7 @@ import { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { fetchErrorNotification } from '@/components/Error/fetchErrorNotification';
-import { enableAuth } from '@/const/auth';
+import { enableAuth } from '@/envs/auth';
 import UserAvatar from '@/features/User/UserAvatar';
 import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';

package/src/app/[variants]/(main)/settings/security/index.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { Navigate } from 'react-router-dom';
 
 import SettingHeader from '@/app/[variants]/(main)/settings/features/SettingHeader';
-import { enableClerk } from '@/const/auth';
+import { enableClerk } from '@/envs/auth';
 
 const ClerkProfile = dynamic(() => import('./features/ClerkProfile'), {
   loading: () => (

package/src/app/[variants]/(mobile)/me/(home)/__tests__/UserBanner.test.tsx

@@ -37,7 +37,7 @@ const { enableAuth, enableClerk } = vi.hoisted(() => ({
   enableClerk: { value: false },
 }));
 
-vi.mock('@/const/auth', () => ({
+vi.mock('@/envs/auth', () => ({
   get enableAuth() {
     return enableAuth.value;
   },

package/src/app/[variants]/(mobile)/me/(home)/__tests__/useCategory.test.tsx

@@ -28,7 +28,7 @@ const { enableAuth, enableClerk } = vi.hoisted(() => ({
   enableClerk: { value: true },
 }));
 
-vi.mock('@/const/auth', () => ({
+vi.mock('@/envs/auth', () => ({
   get enableAuth() {
     return enableAuth.value;
   },

package/src/app/[variants]/(mobile)/me/(home)/features/UserBanner.tsx

@@ -4,7 +4,7 @@ import { Flexbox } from '@lobehub/ui';
 import { memo } from 'react';
 import { Link } from 'react-router-dom';
 
-import { enableAuth } from '@/const/auth';
+import { enableAuth } from '@/envs/auth';
 import DataStatistics from '@/features/User/DataStatistics';
 import UserInfo from '@/features/User/UserInfo';
 import UserLoginOrSignup from '@/features/User/UserLoginOrSignup/Community';

package/src/app/[variants]/(mobile)/settings/_layout/Header.tsx

@@ -6,7 +6,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
-import { enableAuth } from '@/const/auth';
+import { enableAuth } from '@/envs/auth';
 import { useQueryState } from '@/hooks/useQueryParam';
 import { useShowMobileWorkspace } from '@/hooks/useShowMobileWorkspace';
 import { type SettingsTabs } from '@/store/global/initialState';

package/src/components/ModelSelect/index.tsx

@@ -1,6 +1,6 @@
 import { type ChatModelCard } from '@lobechat/types';
-import { type IconAvatarProps, ModelIcon, ProviderIcon } from '@lobehub/icons';
-import { Avatar, Flexbox, Icon, Tag, Text, Tooltip } from '@lobehub/ui';
+import { type IconAvatarProps, LobeHub, ModelIcon, ProviderIcon } from '@lobehub/icons';
+import { Avatar, Flexbox, FlexboxProps, Icon, Tag, Text, Tooltip } from '@lobehub/ui';
 import { createStaticStyles, useResponsive } from 'antd-style';
 import {
   Infinity,
@@ -14,7 +14,7 @@ import {
 } from 'lucide-react';
 import { type ModelAbilities } from 'model-bank';
 import numeral from 'numeral';
-import { type ComponentProps, type FC, memo, useState } from 'react';
+import { CSSProperties, type ComponentProps, type FC, memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { type AiProviderSourceType } from '@/types/aiProvider';
@@ -64,6 +64,7 @@ interface ModelInfoTagsProps extends ModelAbilities {
   directionReverse?: boolean;
   isCustom?: boolean;
   placement?: 'top' | 'right';
+  style?: CSSProperties;
   /**
    * Whether to render tooltip overlays for each tag.
    * Disable this when rendering a large list (e.g. dropdown menus) to avoid mounting hundreds of Tooltip instances.
@@ -237,13 +238,13 @@ const Context = memo(
 );
 
 export const ModelInfoTags = memo<ModelInfoTagsProps>(
-  ({ directionReverse, placement = 'top', withTooltip = true, ...model }) => {
+  ({ directionReverse, placement = 'top', withTooltip = true, style, ...model }) => {
     return (
       <Flexbox
         className={TAG_CLASSNAME}
         direction={directionReverse ? 'horizontal-reverse' : 'horizontal'}
-        gap={4}
-        style={{ marginLeft: 'auto' }}
+        gap={2}
+        style={{ marginLeft: 'auto', ...style }}
         width={'fit-content'}
       >
         <FeatureTags
@@ -271,7 +272,7 @@ export const ModelInfoTags = memo<ModelInfoTagsProps>(
   },
 );
 
-interface ModelItemRenderProps extends ChatModelCard {
+interface ModelItemRenderProps extends ChatModelCard, Partial<Omit<FlexboxProps, 'id' | 'title'>> {
   abilities?: ModelAbilities;
   infoTagTooltip?: boolean;
   /**
@@ -286,10 +287,9 @@ interface ModelItemRenderProps extends ChatModelCard {
   showInfoTag?: boolean;
 }
 
-export const ModelItemRender = memo<ModelItemRenderProps>(({ showInfoTag = true, ...model }) => {
-  const { mobile } = useResponsive();
-  const [hovered, setHovered] = useState(false);
-  const {
+export const ModelItemRender = memo<ModelItemRenderProps>(
+  ({
+    showInfoTag = true,
     abilities,
     infoTagTooltip = true,
     infoTagTooltipOnHover = false,
@@ -302,88 +302,119 @@ export const ModelItemRender = memo<ModelItemRenderProps>(({ showInfoTag = true,
     search,
     video,
     vision,
-  } = model;
+    id,
+    displayName,
+    releasedAt,
+    ...rest
+  }) => {
+    const { mobile } = useResponsive();
+    const [hovered, setHovered] = useState(false);
 
-  const shouldLazyMountTooltip = infoTagTooltipOnHover && !mobile;
-  /**
-   * When `infoTagTooltipOnHover` is enabled, we don't mount Tooltip components until the row is hovered.
-   * This avoids creating many overlays on dropdown open, while keeping the tooltip UX on demand.
-   */
-  const withTooltip = infoTagTooltip && (!shouldLazyMountTooltip || hovered);
-  const displayName = model.displayName || model.id;
-
-  return (
-    <Flexbox
-      align={'center'}
-      gap={32}
-      horizontal
-      justify={'space-between'}
-      onMouseEnter={shouldLazyMountTooltip && !hovered ? () => setHovered(true) : undefined}
-      style={{
-        overflow: 'hidden',
-        position: 'relative',
-        width: '100%',
-      }}
-    >
+    const shouldLazyMountTooltip = infoTagTooltipOnHover && !mobile;
+    /**
+     * When `infoTagTooltipOnHover` is enabled, we don't mount Tooltip components until the row is hovered.
+     * This avoids creating many overlays on dropdown open, while keeping the tooltip UX on demand.
+     */
+    const withTooltip = infoTagTooltip && (!shouldLazyMountTooltip || hovered);
+    const displayNameOrId = displayName || id;
+
+    return (
       <Flexbox
         align={'center'}
-        gap={8}
+        gap={32}
         horizontal
-        style={{ flexShrink: 1, minWidth: 0, overflow: 'hidden' }}
+        justify={'space-between'}
+        onMouseEnter={shouldLazyMountTooltip && !hovered ? () => setHovered(true) : undefined}
+        {...rest}
+        style={{
+          overflow: 'hidden',
+          position: 'relative',
+          width: '100%',
+          ...rest.style,
+        }}
       >
-        <ModelIcon model={model.id} size={20} />
-        <Text
-          ellipsis={
-            withTooltip
-              ? {
-                  tooltip: displayName,
-                }
-              : true
-          }
-          style={mobile ? { maxWidth: '60vw' } : { minWidth: 0, overflow: 'hidden' }}
+        <Flexbox
+          align={'center'}
+          gap={8}
+          horizontal
+          style={{ flexShrink: 1, minWidth: 0, overflow: 'hidden' }}
         >
-          {displayName}
-        </Text>
-        {newBadgeLabel ? (
-          <NewModelBadgeCore label={newBadgeLabel} releasedAt={model.releasedAt} />
-        ) : (
-          <NewModelBadgeI18n releasedAt={model.releasedAt} />
+          <ModelIcon model={id} size={20} />
+          <Text
+            ellipsis={
+              withTooltip
+                ? {
+                    tooltip: displayNameOrId,
+                  }
+                : true
+            }
+            style={mobile ? { maxWidth: '60vw' } : { minWidth: 0, overflow: 'hidden' }}
+          >
+            {displayNameOrId}
+          </Text>
+          {newBadgeLabel ? (
+            <NewModelBadgeCore label={newBadgeLabel} releasedAt={releasedAt} />
+          ) : (
+            <NewModelBadgeI18n releasedAt={releasedAt} />
+          )}
+        </Flexbox>
+        {showInfoTag && (
+          <ModelInfoTags
+            contextWindowTokens={contextWindowTokens}
+            files={files ?? abilities?.files}
+            functionCall={functionCall ?? abilities?.functionCall}
+            imageOutput={imageOutput ?? abilities?.imageOutput}
+            reasoning={reasoning ?? abilities?.reasoning}
+            search={search ?? abilities?.search}
+            style={{ zoom: 0.9 }}
+            video={video ?? abilities?.video}
+            vision={vision ?? abilities?.vision}
+            withTooltip={withTooltip}
+          />
         )}
       </Flexbox>
-      {showInfoTag && (
-        <ModelInfoTags
-          contextWindowTokens={contextWindowTokens}
-          files={files ?? abilities?.files}
-          functionCall={functionCall ?? abilities?.functionCall}
-          imageOutput={imageOutput ?? abilities?.imageOutput}
-          reasoning={reasoning ?? abilities?.reasoning}
-          search={search ?? abilities?.search}
-          video={video ?? abilities?.video}
-          vision={vision ?? abilities?.vision}
-          withTooltip={withTooltip}
-        />
-      )}
-    </Flexbox>
-  );
-});
+    );
+  },
+);
 
 interface ProviderItemRenderProps {
   logo?: string;
   name: string;
   provider: string;
+  size?: number;
   source?: AiProviderSourceType;
+  type?: 'mono' | 'color' | 'avatar';
 }
 
 export const ProviderItemRender = memo<ProviderItemRenderProps>(
-  ({ provider, name, source, logo }) => {
+  ({ provider, name, source, logo, type = 'mono', size = 16 }) => {
+    const isMono = type === 'mono';
     return (
-      <Flexbox align={'center'} gap={4} horizontal>
+      <Flexbox
+        align={'center'}
+        gap={6}
+        horizontal
+        style={{
+          overflow: 'hidden',
+        }}
+        width={'100%'}
+      >
         {source === 'custom' && !!logo ? (
-          <Avatar avatar={logo} size={20} style={{ filter: 'grayscale(1)' }} title={name} />
+          <Avatar
+            avatar={logo}
+            shape={'circle'}
+            size={size}
+            style={isMono ? { filter: 'grayscale(1)' } : {}}
+            title={name}
+          />
+        ) : provider === 'lobehub' ? (
+          <LobeHub.Morden size={size} />
         ) : (
-          <ProviderIcon provider={provider} size={20} type={'mono'} />
+          <ProviderIcon provider={provider} size={size} type={type} />
         )}
-        {name}
+        <Text color={'inherit'} ellipsis>
+          {name}
+        </Text>
       </Flexbox>
     );
   },

package/src/envs/auth.ts

@@ -1,5 +1,4 @@
 /* eslint-disable sort-keys-fix/sort-keys-fix , typescript-sort-keys/interface */
-import { enableBetterAuth, enableClerk, enableNextAuth } from '@lobechat/const';
 import { createEnv } from '@t3-oss/env-nextjs';
 import { z } from 'zod';
 
@@ -52,7 +51,8 @@ declare global {
       // ===== Auth (shared by Better Auth / Next Auth) ===== //
       AUTH_SECRET?: string;
       NEXT_PUBLIC_AUTH_URL?: string;
-      NEXT_PUBLIC_AUTH_EMAIL_VERIFICATION?: string;
+      AUTH_EMAIL_VERIFICATION?: string;
+      ENABLE_MAGIC_LINK?: string;
       AUTH_SSO_PROVIDERS?: string;
       AUTH_TRUSTED_ORIGINS?: string;
 
@@ -172,8 +172,6 @@ export const getAuthConfig = () => {
       // ---------------------------------- better auth ----------------------------------
       NEXT_PUBLIC_ENABLE_BETTER_AUTH: z.boolean().optional(),
       NEXT_PUBLIC_AUTH_URL: z.string().optional(),
-      NEXT_PUBLIC_AUTH_EMAIL_VERIFICATION: z.boolean().optional().default(false),
-      NEXT_PUBLIC_ENABLE_MAGIC_LINK: z.boolean().optional().default(false),
 
       // ---------------------------------- next auth ----------------------------------
       NEXT_PUBLIC_ENABLE_NEXT_AUTH: z.boolean().optional(),
@@ -187,6 +185,8 @@ export const getAuthConfig = () => {
       AUTH_SECRET: z.string().optional(),
       AUTH_SSO_PROVIDERS: z.string().optional().default(''),
       AUTH_TRUSTED_ORIGINS: z.string().optional(),
+      AUTH_EMAIL_VERIFICATION: z.boolean().optional().default(false),
+      ENABLE_MAGIC_LINK: z.boolean().optional().default(false),
 
       // ---------------------------------- next auth ----------------------------------
       NEXT_AUTH_SECRET: z.string().optional(),
@@ -289,17 +289,23 @@ export const getAuthConfig = () => {
 
     runtimeEnv: {
       // Clerk
-      NEXT_PUBLIC_ENABLE_CLERK_AUTH: enableClerk,
+      NEXT_PUBLIC_ENABLE_CLERK_AUTH:
+        process.env.NEXT_PUBLIC_ENABLE_CLERK_AUTH === '1' ||
+        !!process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY,
       NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY,
       CLERK_SECRET_KEY: process.env.CLERK_SECRET_KEY,
       CLERK_WEBHOOK_SECRET: process.env.CLERK_WEBHOOK_SECRET,
 
       // ---------------------------------- better auth ----------------------------------
-      NEXT_PUBLIC_ENABLE_BETTER_AUTH: enableBetterAuth,
+      NEXT_PUBLIC_ENABLE_BETTER_AUTH: process.env.NEXT_PUBLIC_ENABLE_BETTER_AUTH === '1',
       // Fallback to NEXTAUTH_URL origin or Vercel deployment domain for seamless migration from next-auth
       NEXT_PUBLIC_AUTH_URL: resolvePublicAuthUrl(),
-      NEXT_PUBLIC_AUTH_EMAIL_VERIFICATION: process.env.NEXT_PUBLIC_AUTH_EMAIL_VERIFICATION === '1',
-      NEXT_PUBLIC_ENABLE_MAGIC_LINK: process.env.NEXT_PUBLIC_ENABLE_MAGIC_LINK === '1',
+      // Fallback to NEXT_PUBLIC_* for seamless migration
+      AUTH_EMAIL_VERIFICATION:
+        process.env.AUTH_EMAIL_VERIFICATION === '1' ||
+        process.env.NEXT_PUBLIC_AUTH_EMAIL_VERIFICATION === '1',
+      ENABLE_MAGIC_LINK:
+        process.env.ENABLE_MAGIC_LINK === '1' || process.env.NEXT_PUBLIC_ENABLE_MAGIC_LINK === '1',
       // Fallback to NEXT_AUTH_SECRET for seamless migration from next-auth
       AUTH_SECRET: process.env.AUTH_SECRET || process.env.NEXT_AUTH_SECRET,
       // Fallback to NEXT_AUTH_SSO_PROVIDERS for seamless migration from next-auth
@@ -312,7 +318,7 @@ export const getAuthConfig = () => {
       AUTH_COGNITO_USERPOOL_ID: process.env.AUTH_COGNITO_USERPOOL_ID,
 
       // ---------------------------------- next auth ----------------------------------
-      NEXT_PUBLIC_ENABLE_NEXT_AUTH: enableNextAuth,
+      NEXT_PUBLIC_ENABLE_NEXT_AUTH: process.env.NEXT_PUBLIC_ENABLE_NEXT_AUTH === '1',
       NEXT_AUTH_SSO_PROVIDERS: process.env.NEXT_AUTH_SSO_PROVIDERS,
       NEXT_AUTH_SECRET: process.env.NEXT_AUTH_SECRET,
       NEXT_AUTH_DEBUG: !!process.env.NEXT_AUTH_DEBUG,
@@ -414,3 +420,18 @@ export const getAuthConfig = () => {
 };
 
 export const authEnv = getAuthConfig();
+
+// Auth flags - use process.env directly for build-time dead code elimination
+export const enableClerk =
+  process.env.NEXT_PUBLIC_ENABLE_CLERK_AUTH === '1'
+    ? true
+    : !!process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY;
+export const enableBetterAuth = process.env.NEXT_PUBLIC_ENABLE_BETTER_AUTH === '1';
+export const enableNextAuth = process.env.NEXT_PUBLIC_ENABLE_NEXT_AUTH === '1';
+export const enableAuth = enableClerk || enableBetterAuth || enableNextAuth || false;
+
+// Auth headers and constants
+export const LOBE_CHAT_AUTH_HEADER = 'X-lobe-chat-auth';
+export const LOBE_CHAT_OIDC_AUTH_HEADER = 'Oidc-Auth';
+export const OAUTH_AUTHORIZED = 'X-oauth-authorized';
+export const SECRET_XOR_KEY = 'LobeHub · LobeHub';

package/src/features/Conversation/Messages/AssistantGroup/components/EditState.tsx

@@ -1,7 +1,6 @@
-import { Flexbox } from '@lobehub/ui';
-import { MessageInput } from '@lobehub/ui/chat';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
+import { memo } from 'react';
+
+import { EditorModal } from '@/features/EditorModal';
 
 import { useConversationStore } from '../../../store';
 
@@ -11,40 +10,24 @@ export interface EditStateProps {
 }
 
 const EditState = memo<EditStateProps>(({ id, content }) => {
-  const { t } = useTranslation('common');
-
-  const text = useMemo(
-    () => ({
-      cancel: t('cancel'),
-      confirm: t('ok'),
-      edit: t('edit'),
-    }),
-    [],
-  );
-
   const [toggleMessageEditing, updateMessageContent] = useConversationStore((s) => [
     s.toggleMessageEditing,
     s.modifyMessageContent,
   ]);
 
-  const onEditingChange = (value: string) => {
-    updateMessageContent(id, value);
-    toggleMessageEditing(id, false);
-  };
-
   return (
-    <Flexbox paddingBlock={'0 8px'}>
-      <MessageInput
-        defaultValue={content ? String(content) : ''}
-        editButtonSize={'small'}
-        onCancel={() => {
-          toggleMessageEditing(id, false);
-        }}
-        onConfirm={onEditingChange}
-        text={text}
-        variant={'outlined'}
-      />
-    </Flexbox>
+    <EditorModal
+      onCancel={() => {
+        toggleMessageEditing(id, false);
+      }}
+      onConfirm={async (value) => {
+        if (!id) return;
+        await updateMessageContent(id, value);
+        toggleMessageEditing(id, false);
+      }}
+      open={!!id}
+      value={content ? String(content) : ''}
+    />
   );
 });