@lobehub/chat 1.15.25 → 1.15.27

package/src/components/Branding/CustomLogo.tsx

@@ -0,0 +1,72 @@
+import { LobeChatProps } from '@lobehub/ui/brand';
+import Image from 'next/image';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { BRANDING_LOGO_URL, BRANDING_NAME } from '@/const/branding';
+
+interface ProductLogoProps {
+  className?: string;
+  extra?: string;
+  size?: number;
+  type?: LobeChatProps['type'];
+}
+
+const CustomLogo = memo<ProductLogoProps>(({ size = 32, className, type }) => {
+  const textNode = (
+    <Flexbox
+      className={className}
+      height={size}
+      style={{
+        fontSize: size / 1.5,
+        fontWeight: 'bold',
+        userSelect: 'none',
+      }}
+    >
+      {BRANDING_NAME}
+    </Flexbox>
+  );
+
+  const imageNode = (
+    <Image
+      alt={BRANDING_NAME}
+      className={className}
+      height={size}
+      src={BRANDING_LOGO_URL}
+      unoptimized={true}
+      width={size}
+    />
+  );
+  switch (type) {
+    case 'text': {
+      return textNode;
+    }
+
+    case 'combine': {
+      return (
+        <Flexbox align={'center'} gap={4} horizontal>
+          {imageNode}
+          {textNode}
+        </Flexbox>
+      );
+    }
+
+    default:
+    case 'flat':
+    case 'mono':
+    case '3d': {
+      return (
+        <Image
+          alt={BRANDING_NAME}
+          className={className}
+          height={size}
+          src={BRANDING_LOGO_URL}
+          unoptimized={true}
+          width={size}
+        />
+      );
+    }
+  }
+});
+
+export default CustomLogo;

package/src/components/Branding/index.tsx

@@ -0,0 +1,21 @@
+import { LobeChat, LobeChatProps } from '@lobehub/ui/brand';
+import { memo } from 'react';
+
+import { isCustomBranding } from '@/const/version';
+
+import CustomLogo from './CustomLogo';
+
+interface ProductLogoProps {
+  className?: string;
+  extra?: string;
+  size?: number;
+  type?: LobeChatProps['type'];
+}
+
+export const ProductLogo = memo<ProductLogoProps>(({ size, className, extra, type }) => {
+  if (isCustomBranding) {
+    return <CustomLogo className={className} extra={extra} size={size} type={type} />;
+  }
+
+  return <LobeChat className={className} extra={extra} size={size} type={type} />;
+});

package/src/components/FullscreenLoading/index.tsx

@@ -1,14 +1,15 @@
 import { Icon } from '@lobehub/ui';
-import { LobeChat } from '@lobehub/ui/brand';
 import { Loader2 } from 'lucide-react';
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 
+import { ProductLogo } from '@/components/Branding';
+
 const FullscreenLoading = memo<{ title?: string }>(({ title }) => {
   return (
     <Flexbox height={'100%'} style={{ userSelect: 'none' }} width={'100%'}>
       <Center flex={1} gap={12} width={'100%'}>
-        <LobeChat size={48} type={'combine'} />
+        <ProductLogo size={48} type={'combine'} />
         <Center gap={16} horizontal>
           <Icon icon={Loader2} spin />
           {title}

package/src/components/PageTitle/index.tsx

@@ -1,8 +1,10 @@
 import { memo, useEffect } from 'react';
 
+import { BRANDING_NAME } from '@/const/branding';
+
 const PageTitle = memo<{ title: string }>(({ title }) => {
   useEffect(() => {
-    document.title = title ? `${title} · LobeChat` : 'LobeChat';
+    document.title = title ? `${title} · ${BRANDING_NAME}` : BRANDING_NAME;
   }, [title]);
 
   return null;

package/src/config/featureFlags/schema.ts

@@ -3,7 +3,7 @@ import { z } from 'zod';
 
 export const FeatureFlagsSchema = z.object({
   /**
-   *
+   * Enable WebRTC sync
    */
   webrtc_sync: z.boolean().optional(),
   check_updates: z.boolean().optional(),
@@ -32,6 +32,12 @@ export const FeatureFlagsSchema = z.object({
 
   // internal flag
   cloud_promotion: z.boolean().optional(),
+
+  // the flags below can only be used with commercial license
+  // if you want to use it in the commercial usage
+  // please contact us for more information: hello@lobehub.com
+  commercial_hide_github: z.boolean().optional(),
+  commercial_hide_docs: z.boolean().optional(),
 });
 
 export type IFeatureFlags = z.infer<typeof FeatureFlagsSchema>;
@@ -61,6 +67,12 @@ export const DEFAULT_FEATURE_FLAGS: IFeatureFlags = {
 
   market: true,
   speech_to_text: true,
+
+  // the flags below can only be used with commercial license
+  // if you want to use it in the commercial usage
+  // please contact us for more information: hello@lobehub.com
+  commercial_hide_github: false,
+  commercial_hide_docs: false,
 };
 
 export const mapFeatureFlagsEnvToState = (config: IFeatureFlags) => {
@@ -88,5 +100,8 @@ export const mapFeatureFlagsEnvToState = (config: IFeatureFlags) => {
 
     showMarket: config.market,
     enableSTT: config.speech_to_text,
+
+    hideGitHub: config.commercial_hide_github,
+    hideDocs: config.commercial_hide_docs,
   };
 };

package/src/config/featureFlags/utils/parser.test.ts

@@ -24,6 +24,14 @@ describe('parseFeatureFlag', () => {
     });
   });
 
+  it('should hide content with commercial flags', () => {
+    const input = '+commercial_hide_github,+commercial_hide_docs';
+    expect(parseFeatureFlag(input)).toEqual({
+      commercial_hide_docs: true,
+      commercial_hide_github: true,
+    });
+  });
+
   it('invalid flag format return nothing', () => {
     const input = 'invalid_format';
     expect(parseFeatureFlag(input)).toEqual({});

package/src/config/modelProviders/perplexity.ts

@@ -4,27 +4,33 @@ import { ModelProviderCard } from '@/types/llm';
 const Perplexity: ModelProviderCard = {
   chatModels: [
     {
-      displayName: 'Llama 3.1 Sonar Small Chat',
+      displayName: 'Llama 3.1 Sonar Small Online',
       enabled: true,
-      id: 'llama-3.1-sonar-small-128k-chat',
+      id: 'llama-3.1-sonar-small-128k-online',
       tokens: 128_000,
     },
     {
-      displayName: 'Llama 3.1 Sonar Large Chat',
+      displayName: 'Llama 3.1 Sonar Large Online',
       enabled: true,
-      id: 'llama-3.1-sonar-large-128k-chat',
+      id: 'llama-3.1-sonar-large-128k-online',
       tokens: 128_000,
     },
     {
-      displayName: 'Llama 3.1 Sonar Small Online',
+      displayName: 'Llama 3.1 Sonar Huge Online',
       enabled: true,
-      id: 'llama-3.1-sonar-small-128k-online',
+      id: 'llama-3.1-sonar-huge-128k-online',
       tokens: 128_000,
     },
     {
-      displayName: 'Llama 3.1 Sonar Large Online',
+      displayName: 'Llama 3.1 Sonar Small Chat',
       enabled: true,
-      id: 'llama-3.1-sonar-large-128k-online',
+      id: 'llama-3.1-sonar-small-128k-chat',
+      tokens: 128_000,
+    },
+    {
+      displayName: 'Llama 3.1 Sonar Large Chat',
+      enabled: true,
+      id: 'llama-3.1-sonar-large-128k-chat',
       tokens: 128_000,
     },
     {

package/src/config/modelProviders/siliconcloud.ts

@@ -91,6 +91,12 @@ const SiliconCloud: ModelProviderCard = {
       id: 'internlm/internlm2_5-20b-chat',
       tokens: 32_768,
     },
+    {
+      displayName: 'DeepSeek V2.5',
+      enabled: true,
+      id: 'deepseek-ai/DeepSeek-V2.5',
+      tokens: 32_768,
+    },
     {
       displayName: 'DeepSeek V2 Chat',
       id: 'deepseek-ai/DeepSeek-V2-Chat',
@@ -136,6 +142,11 @@ const SiliconCloud: ModelProviderCard = {
       id: 'meta-llama/Meta-Llama-3.1-405B-Instruct',
       tokens: 32_768,
     },
+    {
+      displayName: 'Reflection Llama 3.1 70B',
+      id: 'mattshumer/Reflection-Llama-3.1-70B',
+      tokens: 32_768,
+    },
     {
       displayName: 'Llama 3 70B',
       id: 'meta-llama/Meta-Llama-3-70B-Instruct',

package/src/const/branding.ts

@@ -1,5 +1,8 @@
-export const BRANDING_NAME = 'LobeChat';
+export const LOBE_CHAT_CLOUD = 'LobeChat Cloud';
 
-export const ORG_NAME = 'lobehub';
+// the code below can only be modified with commercial license
+// if you want to use it in the commercial usage
+// please contact us for more information: hello@lobehub.com
 
-export const LOBE_CHAT_CLOUD = 'LobeChat Cloud';
+export const BRANDING_NAME = 'LobeChat';
+export const BRANDING_LOGO_URL = '';

package/src/const/meta.ts

@@ -1,3 +1,4 @@
+import { BRANDING_LOGO_URL } from '@/const/branding';
 import { MetaData } from '@/types/meta';
 
 export const DEFAULT_AVATAR = '🤖';
@@ -5,4 +6,4 @@ export const DEFAULT_USER_AVATAR = '😀';
 export const DEFAULT_BACKGROUND_COLOR = 'rgba(0,0,0,0)';
 export const DEFAULT_AGENT_META: MetaData = {};
 export const DEFAULT_INBOX_AVATAR = '🤯';
-export const DEFAULT_USER_AVATAR_URL = '/icons/icon-192x192.png';
+export const DEFAULT_USER_AVATAR_URL = BRANDING_LOGO_URL || '/icons/icon-192x192.png';

package/src/const/version.ts

@@ -1,6 +1,11 @@
 import pkg from '@/../package.json';
 import { getServerDBConfig } from '@/config/db';
 
+import { BRANDING_NAME } from './branding';
+
 export const CURRENT_VERSION = pkg.version;
 
 export const isServerMode = getServerDBConfig().NEXT_PUBLIC_ENABLED_SERVER_SERVICE;
+
+// @ts-ignore
+export const isCustomBranding = BRANDING_NAME !== 'LobeChat';

package/src/features/AlertBanner/CloudBanner.tsx

@@ -11,6 +11,7 @@ import Marquee from 'react-fast-marquee';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
+import { LOBE_CHAT_CLOUD } from '@/const/branding';
 import { OFFICIAL_URL, UTM_SOURCE } from '@/const/url';
 import { isOnServerSide } from '@/utils/env';
 
@@ -57,11 +58,11 @@ const CloudBanner = memo<{ mobile?: boolean }>(({ mobile }) => {
 
   const content = (
     <Flexbox align={'center'} flex={'none'} gap={8} horizontal ref={contentRef}>
-      <b>{t('alert.cloud.title', { name: 'LobeChat Cloud' })}:</b>
+      <b>{t('alert.cloud.title', { name: LOBE_CHAT_CLOUD })}:</b>
       <span>
         {t(mobile ? 'alert.cloud.descOnMobile' : 'alert.cloud.desc', {
           credit: new Intl.NumberFormat('en-US').format(450_000),
-          name: 'LobeChat Cloud',
+          name: LOBE_CHAT_CLOUD,
         })}
       </span>
     </Flexbox>

package/src/features/ChatInput/ActionBar/Knowledge/index.tsx

@@ -4,6 +4,7 @@ import { Suspense, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import TipGuide from '@/components/TipGuide';
+import { LOBE_CHAT_CLOUD } from '@/const/branding';
 import { isServerMode } from '@/const/version';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useUserStore } from '@/store/user';
@@ -33,7 +34,11 @@ const Knowledge = memo(() => {
         disable={!enableKnowledge}
         icon={LibraryBig}
         placement={'bottom'}
-        title={enableKnowledge ? t('knowledgeBase.title') : t('knowledgeBase.disabled')}
+        title={
+          enableKnowledge
+            ? t('knowledgeBase.title')
+            : t('knowledgeBase.disabled', { cloud: LOBE_CHAT_CLOUD })
+        }
       />
     </DropdownMenu>
   );

package/src/features/Conversation/components/InboxWelcome/index.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
 import { BRANDING_NAME } from '@/const/branding';
+import { isCustomBranding } from '@/const/version';
 import { useGreeting } from '@/hooks/useGreeting';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 
@@ -60,7 +61,7 @@ const InboxWelcome = memo(() => {
         {showWelcomeSuggest && (
           <>
             <AgentsSuggest mobile={mobile} />
-            <QuestionSuggest mobile={mobile} />
+            {!isCustomBranding && <QuestionSuggest mobile={mobile} />}
           </>
         )}
       </Flexbox>

package/src/features/PWAInstall/index.tsx

@@ -4,6 +4,7 @@ import dynamic from 'next/dynamic';
 import { memo, useEffect, useLayoutEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import { BRANDING_NAME } from '@/const/branding';
 import { PWA_INSTALL_ID } from '@/const/layoutTokens';
 import { usePWAInstall } from '@/hooks/usePWAInstall';
 import { usePlatform } from '@/hooks/usePlatform';
@@ -66,7 +67,9 @@ const PWAInstall = memo(() => {
   }, [canInstall, hidePWAInstaller, isShowPWAGuide]);
 
   if (isPWA) return null;
-  return <PWA description={t('chat.description')} id={PWA_INSTALL_ID} />;
+  return (
+    <PWA description={t('chat.description', { appName: BRANDING_NAME })} id={PWA_INSTALL_ID} />
+  );
 });
 
 export default PWAInstall;

package/src/features/Setting/Footer.tsx

@@ -12,6 +12,7 @@ import GuideModal from '@/components/GuideModal';
 import GuideVideo from '@/components/GuideVideo';
 import { BRANDING_NAME } from '@/const/branding';
 import { GITHUB, GITHUB_ISSUES } from '@/const/url';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { isOnServerSide } from '@/utils/env';
 
 const useStyles = createStyles(
@@ -26,7 +27,10 @@ const Footer = memo<PropsWithChildren>(() => {
   const [openStar, setOpenStar] = useState(false);
   const [openFeedback, setOpenFeedback] = useState(false);
   const { styles } = useStyles();
-  return (
+
+  const { hideGitHub } = useServerConfigStore(featureFlagsSelectors);
+
+  return hideGitHub ? null : (
     <>
       <Flexbox flex={1} justify={'flex-end'}>
         <Center

package/src/features/User/UserAvatar.tsx

@@ -4,6 +4,7 @@ import { Avatar, type AvatarProps } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { forwardRef } from 'react';
 
+import { BRANDING_NAME } from '@/const/branding';
 import { DEFAULT_USER_AVATAR_URL } from '@/const/meta';
 import { useUserStore } from '@/store/user';
 import { authSelectors, userProfileSelectors } from '@/store/user/selectors';
@@ -56,7 +57,7 @@ const UserAvatar = forwardRef<HTMLDivElement, UserAvatarProps>(
 
     return (
       <Avatar
-        alt={isSignedIn ? (username as string) : 'LobeChat'}
+        alt={isSignedIn ? (username as string) : BRANDING_NAME}
         avatar={isSignedIn ? avatar || DEFAULT_USER_AVATAR_URL : DEFAULT_USER_AVATAR_URL}
         background={isSignedIn && avatar ? background : undefined}
         className={cx(clickable && styles.clickable, className)}

package/src/features/User/UserPanel/useMenu.tsx

@@ -22,6 +22,7 @@ import { Flexbox } from 'react-layout-kit';
 import urlJoin from 'url-join';
 
 import type { MenuProps } from '@/components/Menu';
+import { LOBE_CHAT_CLOUD } from '@/const/branding';
 import {
   DISCORD,
   DOCUMENTS_REFER_URL,
@@ -72,7 +73,7 @@ export const useMenu = () => {
   const hasNewVersion = useNewVersion();
   const openSettings = useOpenSettings();
   const { t } = useTranslation(['common', 'setting', 'auth']);
-  const { showCloudPromotion } = useServerConfigStore(featureFlagsSelectors);
+  const { showCloudPromotion, hideDocs } = useServerConfigStore(featureFlagsSelectors);
   const [isLogin, isLoginWithAuth, isLoginWithClerk, openUserProfile] = useUserStore((s) => [
     authSelectors.isLogin(s),
     authSelectors.isLoginWithAuth(s),
@@ -173,63 +174,65 @@ export const useMenu = () => {
         },
       ].filter(Boolean) as ItemType[]);
 
-  const helps: MenuProps['items'] = [
-    showCloudPromotion && {
-      icon: <Icon icon={Cloudy} />,
-      key: 'cloud',
-      label: (
-        <Link href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}`} target={'_blank'}>
-          {t('userPanel.cloud', { name: 'LobeChat Cloud' })}
-        </Link>
-      ),
-    },
-    {
-      icon: <Icon icon={DiscordIcon} />,
-      key: 'discord',
-      label: (
-        <Link href={DISCORD} target={'_blank'}>
-          {t('userPanel.discord')}
-        </Link>
-      ),
-    },
-    {
-      children: [
-        {
-          icon: <Icon icon={Book} />,
-          key: 'docs',
+  const helps: MenuProps['items'] = hideDocs
+    ? []
+    : ([
+        showCloudPromotion && {
+          icon: <Icon icon={Cloudy} />,
+          key: 'cloud',
           label: (
-            <Link href={DOCUMENTS_REFER_URL} target={'_blank'}>
-              {t('userPanel.docs')}
+            <Link href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}`} target={'_blank'}>
+              {t('userPanel.cloud', { name: LOBE_CHAT_CLOUD })}
             </Link>
           ),
         },
         {
-          icon: <Icon icon={Feather} />,
-          key: 'feedback',
+          icon: <Icon icon={DiscordIcon} />,
+          key: 'discord',
           label: (
-            <Link href={GITHUB_ISSUES} target={'_blank'}>
-              {t('userPanel.feedback')}
+            <Link href={DISCORD} target={'_blank'}>
+              {t('userPanel.discord')}
             </Link>
           ),
         },
         {
-          icon: <Icon icon={Mail} />,
-          key: 'email',
-          label: (
-            <Link href={mailTo(EMAIL_SUPPORT)} target={'_blank'}>
-              {t('userPanel.email')}
-            </Link>
-          ),
+          children: [
+            {
+              icon: <Icon icon={Book} />,
+              key: 'docs',
+              label: (
+                <Link href={DOCUMENTS_REFER_URL} target={'_blank'}>
+                  {t('userPanel.docs')}
+                </Link>
+              ),
+            },
+            {
+              icon: <Icon icon={Feather} />,
+              key: 'feedback',
+              label: (
+                <Link href={GITHUB_ISSUES} target={'_blank'}>
+                  {t('userPanel.feedback')}
+                </Link>
+              ),
+            },
+            {
+              icon: <Icon icon={Mail} />,
+              key: 'email',
+              label: (
+                <Link href={mailTo(EMAIL_SUPPORT)} target={'_blank'}>
+                  {t('userPanel.email')}
+                </Link>
+              ),
+            },
+          ],
+          icon: <Icon icon={LifeBuoy} />,
+          key: 'help',
+          label: t('userPanel.help'),
         },
-      ],
-      icon: <Icon icon={LifeBuoy} />,
-      key: 'help',
-      label: t('userPanel.help'),
-    },
-    {
-      type: 'divider',
-    },
-  ].filter(Boolean) as ItemType[];
+        {
+          type: 'divider',
+        },
+      ].filter(Boolean) as ItemType[]);
 
   const mainItems = [
     {

package/src/locales/default/chat.ts

@@ -45,7 +45,7 @@ export default {
     allFiles: '所有文件',
     allKnowledgeBases: '所有知识库',
     disabled:
-      '当前部署模式不支持知识库对话，如需使用，请切换到服务端数据库部署或使用 LobeChat Cloud 服务',
+      '当前部署模式不支持知识库对话，如需使用，请切换到服务端数据库部署或使用 {{cloud}} 服务',
     library: {
       action: {
         add: '添加',

package/src/locales/default/error.ts

@@ -141,7 +141,7 @@ export default {
   upload: {
     desc: '详情: {{detail}}',
     fileOnlySupportInServerMode:
-      '当前部署模式不支持上传非图片文件，如需上传 {{ext}} 格式，请切换到服务端数据库部署或使用 LobeChat Cloud 服务',
+      '当前部署模式不支持上传非图片文件，如需上传 {{ext}} 格式，请切换到服务端数据库部署或使用 {{cloud}} 服务',
     networkError: '请确认你的网络是否正常，并检查文件存储服务跨域配置是否正确',
     title: '文件上传失败，请检查网络连接或稍后再试',
     unknownError: '错误原因: {{reason}}',

package/src/server/ld.ts

@@ -191,7 +191,7 @@ class Ld {
       '@type': 'WebSite',
       'description': pkg.description,
       'inLanguage': 'en-US',
-      'name': 'LobeChat',
+      'name': BRANDING_NAME,
       'publisher': {
         '@id': this.getId(OFFICIAL_URL, '#organization'),
       },

package/src/store/file/slices/upload/action.ts

@@ -3,6 +3,7 @@ import { sha256 } from 'js-sha256';
 import { StateCreator } from 'zustand/vanilla';
 
 import { message } from '@/components/AntdStaticMethods';
+import { LOBE_CHAT_CLOUD } from '@/const/branding';
 import { isServerMode } from '@/const/version';
 import { fileService } from '@/services/file';
 import { ServerService } from '@/services/file/server';
@@ -56,6 +57,7 @@ export const createFileUploadSlice: StateCreator<
       onStatusUpdate?.({ id: file.name, type: 'removeFile' });
       message.info({
         content: t('upload.fileOnlySupportInServerMode', {
+          cloud: LOBE_CHAT_CLOUD,
           ext: file.name.split('.').pop(),
           ns: 'error',
         }),

package/src/store/serverConfig/selectors.test.ts

@@ -26,6 +26,8 @@ describe('featureFlagsSelectors', () => {
       showLLM: false,
       showCloudPromotion: false,
       showOpenAIApiKey: true,
+      hideDocs: false,
+      hideGitHub: false,
       showOpenAIProxyUrl: true,
       enableCheckUpdates: true,
       showWelcomeSuggest: true,

package/src/components/Branding/ProductLogo.tsx

@@ -1,14 +0,0 @@
-import { LobeChat } from '@lobehub/ui/brand';
-import { memo } from 'react';
-
-interface ProductLogoProps {
-  className?: string;
-  extra?: string;
-  size?: number;
-}
-
-export const ProductLogo = memo<ProductLogoProps>(({ size, className, extra }) => {
-  return <LobeChat className={className} extra={extra} size={size} type={'text'} />;
-});
-
-export default ProductLogo;

package/src/components/Branding/index.ts

@@ -1 +0,0 @@
-export { ProductLogo } from './ProductLogo';