@lobehub/chat 1.0.7 → 1.0.9

package/src/app/(main)/chat/(workspace)/@conversation/features/ChatInput/Desktop/Footer/index.tsx

@@ -1,9 +1,9 @@
 import { Icon } from '@lobehub/ui';
-import { Button, Space } from 'antd';
+import { Button, Skeleton, Space } from 'antd';
 import { createStyles } from 'antd-style';
 import { ChevronUp, CornerDownLeft, LucideCommand } from 'lucide-react';
 import { rgba } from 'polished';
-import { memo } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
@@ -50,8 +50,6 @@ const useStyles = createStyles(({ css, prefixCls, token }) => {
   };
 });
 
-const isMac = isMacOS();
-
 interface FooterProps {
   setExpand?: (expand: boolean) => void;
 }
@@ -86,9 +84,20 @@ const Footer = memo<FooterProps>(({ setExpand }) => {
 
   const sendMessage = useSendMessage();
 
+  const [isMac, setIsMac] = useState<boolean>();
+  useEffect(() => {
+    setIsMac(isMacOS());
+  }, [setIsMac]);
+
   const cmdEnter = (
     <Flexbox gap={2} horizontal>
-      <Icon icon={isMac ? LucideCommand : ChevronUp} />
+      {typeof isMac === 'boolean' ? (
+        <Icon icon={isMac ? LucideCommand : ChevronUp} />
+      ) : (
+        <Skeleton.Node active style={{ height: '100%', width: 12 }}>
+          {' '}
+        </Skeleton.Node>
+      )}
       <Icon icon={CornerDownLeft} />
     </Flexbox>
   );
@@ -159,7 +168,7 @@ const Footer = memo<FooterProps>(({ setExpand }) => {
               >
                 {t('input.send')}
               </Button>
-              <SendMore disabled={buttonDisabled} />
+              <SendMore disabled={buttonDisabled} isMac={isMac} />
             </Space.Compact>
           )}
         </Flexbox>

package/src/app/(main)/chat/(workspace)/features/ShareButton/Preview.tsx

@@ -1,4 +1,5 @@
-import { Avatar, ChatHeaderTitle, Logo, Markdown } from '@lobehub/ui';
+import { Avatar, ChatHeaderTitle, Markdown } from '@lobehub/ui';
+import { LobeChat } from '@lobehub/ui/brand';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -62,7 +63,7 @@ const Preview = memo<FieldType & { title?: string }>(
             <ChatList />
             {withFooter ? (
               <Flexbox align={'center'} className={styles.footer} gap={4}>
-                <Logo extra={'chat'} type={'combine'} />
+                <LobeChat type={'combine'} />
                 <div className={styles.url}>{pkg.homepage}</div>
               </Flexbox>
             ) : (

package/src/app/(main)/chat/@session/_layout/Desktop/SessionHeader.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ActionIcon, Logo } from '@lobehub/ui';
+import { ActionIcon } from '@lobehub/ui';
+import { LobeChat } from '@lobehub/ui/brand';
 import { createStyles } from 'antd-style';
 import { MessageSquarePlus } from 'lucide-react';
 import { memo } from 'react';
@@ -37,7 +38,7 @@ const Header = memo(() => {
     <Flexbox className={styles.top} gap={16} padding={16}>
       <Flexbox distribution={'space-between'} horizontal>
         <Flexbox align={'center'} gap={4} horizontal>
-          <Logo className={styles.logo} size={36} type={'text'} />
+          <LobeChat className={styles.logo} size={36} type={'text'} />
           {enableWebrtc && <SyncStatusTag />}
         </Flexbox>
         {showCreateSession && (

package/src/app/(main)/chat/@session/_layout/Mobile/SessionHeader.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ActionIcon, Logo, MobileNavBar } from '@lobehub/ui';
+import { ActionIcon, MobileNavBar } from '@lobehub/ui';
+import { LobeChat } from '@lobehub/ui/brand';
 import { MessageSquarePlus } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';
@@ -23,7 +24,7 @@ const Header = memo(() => {
       left={
         <Flexbox align={'center'} gap={8} horizontal style={{ marginLeft: 8 }}>
           <UserAvatar onClick={() => router.push('/me')} size={32} />
-          <Logo type={'text'} />
+          <LobeChat type={'text'} />
           {enableWebrtc && <SyncStatusInspector placement={'bottom'} />}
         </Flexbox>
       }

package/src/app/(main)/market/_layout/Desktop/Header.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ChatHeader, Logo } from '@lobehub/ui';
+import { ChatHeader } from '@lobehub/ui';
+import { LobeChat } from '@lobehub/ui/brand';
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 
@@ -18,7 +19,7 @@ const Header = memo(() => {
 
   return (
     <ChatHeader
-      left={<Logo className={styles.logo} extra={'Discover'} size={36} type={'text'} />}
+      left={<LobeChat className={styles.logo} extra={'Discover'} size={36} type={'text'} />}
       right={<ShareAgentButton />}
     />
   );

package/src/app/(main)/market/_layout/Desktop/Hero.tsx

@@ -30,7 +30,7 @@ const Hero = memo(() => {
   const { theme, styles } = useStyles();
   return (
     <Center>
-      <h1 className={styles.title}>Find & Use The Best Agents</h1>
+      <h1 className={styles.title}>Find & Use The Best Assistants</h1>
       <GridBackground animation className={styles.background} colorFront={theme.colorText} random />
     </Center>
   );

package/src/app/(main)/welcome/_layout/Desktop.tsx

@@ -1,4 +1,5 @@
-import { GridShowcase, Logo } from '@lobehub/ui';
+import { GridShowcase } from '@lobehub/ui';
+import { LobeHub } from '@lobehub/ui/brand';
 import { PropsWithChildren } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
@@ -17,7 +18,7 @@ const DesktopLayout = ({ children }: PropsWithChildren) => {
         style={{ overflow: 'hidden', position: 'relative' }}
         width={'100%'}
       >
-        <Logo size={36} style={{ alignSelf: 'flex-start' }} type={'text'} />
+        <LobeHub size={36} style={{ alignSelf: 'flex-start' }} type={'text'} />
         <GridShowcase
           innerProps={{ gap: 24 }}
           style={{ maxHeight: 'calc(100% - 104px)', maxWidth: 1024 }}

package/src/app/layout.tsx

@@ -1,16 +1,17 @@
 import { SpeedInsights } from '@vercel/speed-insights/next';
 import { ResolvingViewport } from 'next';
+import dynamic from 'next/dynamic';
 import { cookies } from 'next/headers';
 import { ReactNode } from 'react';
 import { isRtlLang } from 'rtl-detect';
 
 import Analytics from '@/components/Analytics';
 import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
-import PWAInstall from '@/features/PWAInstall';
 import AuthProvider from '@/layout/AuthProvider';
 import GlobalProvider from '@/layout/GlobalProvider';
 import { isMobileDevice } from '@/utils/responsive';
 
+const PWAInstall = dynamic(() => import('@/features/PWAInstall'), { ssr: false });
 const inVercel = process.env.VERCEL === '1';
 
 type RootLayoutProps = {

package/src/components/BrandWatermark/index.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Logo } from '@lobehub/ui';
+import { LobeHub } from '@lobehub/ui/brand';
 import { createStyles } from 'antd-style';
 import Link from 'next/link';
 import { memo } from 'react';
@@ -30,7 +30,7 @@ const BrandWatermark = memo<Omit<FlexboxProps, 'children'>>(({ style, ...rest })
     >
       <span>Powered by</span>
       <Link className={styles.logoLink} href={'https://lobehub.com'} target={'_blank'}>
-        <Logo size={20} type={'text'} />
+        <LobeHub size={20} type={'text'} />
       </Link>
     </Flexbox>
   );

package/src/components/FullscreenLoading/index.tsx

@@ -1,4 +1,5 @@
-import { Icon, Logo } from '@lobehub/ui';
+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';
@@ -7,7 +8,7 @@ const FullscreenLoading = memo<{ title?: string }>(({ title }) => {
   return (
     <Flexbox height={'100%'} style={{ userSelect: 'none' }} width={'100%'}>
       <Center flex={1} gap={12} width={'100%'}>
-        <Logo extra={'Chat'} size={48} type={'combine'} />
+        <LobeChat size={48} type={'combine'} />
         <Center gap={16} horizontal>
           <Icon icon={Loader2} spin />
           {title}

package/src/config/featureFlags/schema.ts

@@ -22,7 +22,7 @@ export const FeatureFlagsSchema = z.object({
 export type IFeatureFlags = z.infer<typeof FeatureFlagsSchema>;
 
 export const DEFAULT_FEATURE_FLAGS: IFeatureFlags = {
-  webrtc_sync: true,
+  webrtc_sync: false,
 
   language_model_settings: true,
 

package/src/config/file.ts

@@ -6,7 +6,7 @@ const DEFAULT_S3_FILE_PATH = 'files';
 export const getFileConfig = () => {
   return createEnv({
     client: {
-      NEXT_PUBLIC_S3_DOMAIN: z.string().optional(),
+      NEXT_PUBLIC_S3_DOMAIN: z.string().url().optional(),
       NEXT_PUBLIC_S3_FILE_PATH: z.string().optional(),
     },
     runtimeEnv: {
@@ -23,7 +23,7 @@ export const getFileConfig = () => {
       // S3
       S3_ACCESS_KEY_ID: z.string().optional(),
       S3_BUCKET: z.string().optional(),
-      S3_ENDPOINT: z.string().optional(),
+      S3_ENDPOINT: z.string().url().optional(),
 
       S3_REGION: z.string().optional(),
       S3_SECRET_ACCESS_KEY: z.string().optional(),

package/src/config/modelProviders/deepseek.ts

@@ -11,10 +11,10 @@ const DeepSeek: ModelProviderCard = {
     },
     {
       description: '擅长编程场景',
-      displayName: 'DeepSeek-coder',
+      displayName: 'DeepSeek-coder-V2',
       enabled: true,
       id: 'deepseek-coder',
-      tokens: 16_384,
+      tokens: 32_768,
     },
   ],
   checkModel: 'deepseek-chat',

package/src/locales/default/common.ts

@@ -1,7 +1,7 @@
 export default {
   about: '关于',
   advanceSettings: '高级设置',
-  appInitializing: 'LobeChat 启动中，请耐心等待...',
+  appInitializing: '应用启动中，请耐心等待...',
   autoGenerate: '自动补全',
   autoGenerateTooltip: '基于提示词自动补全助手描述',
   autoGenerateTooltipDisabled: '请填写提示词后使用自动补全功能',

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

@@ -17,7 +17,7 @@ describe('featureFlagsSelectors', () => {
     const result = featureFlagsSelectors(store.getState());
 
     expect(result).toEqual({
-      enableWebrtc: true,
+      enableWebrtc: false,
       isAgentEditable: false,
       showCreateSession: true,
       showDalle: true,