@lobehub/chat 0.159.9 → 0.159.11

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.159.11](https://github.com/lobehub/lobe-chat/compare/v0.159.10...v0.159.11)
+
+<sup>Released on **2024-05-15**</sup>
+
+#### 💄 Styles
+
+- **misc**: Add Gemini 1.5 Flash model.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Add Gemini 1.5 Flash model, closes [#2507](https://github.com/lobehub/lobe-chat/issues/2507) ([5568472](https://github.com/lobehub/lobe-chat/commit/5568472))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.159.10](https://github.com/lobehub/lobe-chat/compare/v0.159.9...v0.159.10)
+
+<sup>Released on **2024-05-15**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix setting modal on responsive and some other style problem.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix setting modal on responsive and some other style problem, closes [#2512](https://github.com/lobehub/lobe-chat/issues/2512) ([f6b4ca4](https://github.com/lobehub/lobe-chat/commit/f6b4ca4))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.159.9](https://github.com/lobehub/lobe-chat/compare/v0.159.8...v0.159.9)
 
 <sup>Released on **2024-05-14**</sup>

package/README.md

@@ -714,7 +714,7 @@ This project is [MIT](./LICENSE) licensed.
 [image-feat-theme]: https://gw.alipayobjects.com/zos/kitchen/pvus1lo%26Z7/darkmode.webp
 [image-feat-tts]: https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png
 [image-feat-vision]: https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png
-[image-overview]: https://github.com/lobehub/lobe-chat/assets/28616219/8b04c3c9-3d71-4fb4-bd9b-a4f415c5876d
+[image-overview]: https://github.com/lobehub/lobe-chat/assets/17870709/56b95d48-f573-41cd-8b38-387bf88bc4bf
 [image-star]: https://github.com/lobehub/lobe-chat/assets/17870709/cb06b748-513f-47c2-8740-d876858d7855
 [issues-link]: https://img.shields.io/github/issues/lobehub/lobe-chat.svg?style=flat
 [lobe-chat-plugins]: https://github.com/lobehub/lobe-chat-plugins

package/README.zh-CN.md

@@ -735,7 +735,7 @@ This project is [MIT](./LICENSE) licensed.
 [image-feat-theme]: https://gw.alipayobjects.com/zos/kitchen/pvus1lo%26Z7/darkmode.webp
 [image-feat-tts]: https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png
 [image-feat-vision]: https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png
-[image-overview]: https://github.com/lobehub/lobe-chat/assets/28616219/8b04c3c9-3d71-4fb4-bd9b-a4f415c5876d
+[image-overview]: https://github.com/lobehub/lobe-chat/assets/17870709/56b95d48-f573-41cd-8b38-387bf88bc4bf
 [image-star]: https://github.com/lobehub/lobe-chat/assets/17870709/cb06b748-513f-47c2-8740-d876858d7855
 [issues-link]: https://img.shields.io/github/issues/lobehub/lobe-chat.svg?style=flat
 [lobe-chat-plugins]: https://github.com/lobehub/lobe-chat-plugins

package/docs/usage/start.mdx

@@ -23,7 +23,7 @@ tags:
   borderless
   height={426}
   margin={12}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/8b04c3c9-3d71-4fb4-bd9b-a4f415c5876d'}
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/56b95d48-f573-41cd-8b38-387bf88bc4bf'}
   width={832}
 />
 

package/docs/usage/start.zh-CN.mdx

@@ -19,7 +19,7 @@ tags:
   borderless
   height={426}
   margin={12}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/8b04c3c9-3d71-4fb4-bd9b-a4f415c5876d'}
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/56b95d48-f573-41cd-8b38-387bf88bc4bf'}
   width={832}
 />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.159.9",
+  "version": "0.159.11",
   "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",
@@ -96,7 +96,7 @@
     "@lobehub/chat-plugins-gateway": "latest",
     "@lobehub/icons": "latest",
     "@lobehub/tts": "latest",
-    "@lobehub/ui": "^1.138.23",
+    "@lobehub/ui": "^1.138.24",
     "@microsoft/fetch-event-source": "^2.0.1",
     "@next/third-parties": "^14.2.3",
     "@sentry/nextjs": "^7.114.0",

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/index.tsx

@@ -113,6 +113,6 @@ TopicListContent.displayName = 'TopicListContent';
 
 export default memo(() => (
   <Suspense fallback={<SkeletonList />}>
-    <TopicListContent />;
+    <TopicListContent />
   </Suspense>
 ));

package/src/app/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Main.tsx

@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { useInitAgentConfig } from '@/app/(main)/chat/(workspace)/_layout/useInitAgentConfig';
+import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
 import { useGlobalStore } from '@/store/global';
 import { useSessionStore } from '@/store/session';
@@ -45,7 +46,7 @@ const Main = memo(() => {
       />
     </Flexbox>
   ) : (
-    <Flexbox align={'flex-start'} gap={12} horizontal>
+    <Flexbox align={'center'} gap={4} horizontal>
       {
         <ActionIcon
           aria-label={t('agentsAndConversations')}
@@ -57,7 +58,7 @@ const Main = memo(() => {
               showSessionPanel: !currentShowSessionPanel,
             });
           }}
-          size="large"
+          size={DESKTOP_HEADER_ICON_SIZE}
           title={t('agentsAndConversations')}
         />
       }

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

@@ -1,20 +1,15 @@
 'use client';
 
 import { ActionIcon, ChatHeader, ChatHeaderTitle } from '@lobehub/ui';
-import { Drawer, type DrawerProps, Tag } from 'antd';
+import { type DrawerProps, Popover } from 'antd';
 import { createStyles } from 'antd-style';
 import { Menu } from 'lucide-react';
-import { PropsWithChildren, memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import BrandWatermark from '@/components/BrandWatermark';
-import { useActiveSettingsKey } from '@/hooks/useActiveSettingsKey';
-import { SettingsTabs } from '@/store/global/initialState';
+import { PropsWithChildren, memo } from 'react';
 
 const useStyles = createStyles(({ token, css }) => ({
   container: css`
     position: relative;
+    flex: none;
     height: 54px;
     background: ${token.colorBgContainer};
   `,
@@ -25,68 +20,33 @@ const useStyles = createStyles(({ token, css }) => ({
   `,
 }));
 
-const Header = memo<PropsWithChildren & Pick<DrawerProps, 'getContainer'>>(
-  ({ children, getContainer }) => {
-    const [open, setOpen] = useState(false);
-    const { styles, theme } = useStyles();
-    const { t } = useTranslation('setting');
-
-    const activeKey = useActiveSettingsKey();
+const Header = memo<PropsWithChildren & Pick<DrawerProps, 'getContainer'>>(({ children }) => {
+  const { styles, theme } = useStyles();
 
-    return (
-      <>
-        <ChatHeader
-          className={styles.container}
-          left={
-            <div style={{ paddingLeft: 8 }}>
-              <ChatHeaderTitle
-                title={
-                  <Flexbox align={'center'} className={styles.title} gap={4} horizontal>
-                    <ActionIcon
-                      color={theme.colorText}
-                      icon={Menu}
-                      onClick={() => setOpen(true)}
-                      size={{ blockSize: 32, fontSize: 18 }}
-                    />
-                    {t(`tab.${activeKey}`)}
-                    {activeKey === SettingsTabs.Sync && (
-                      <Tag color={'gold'}>{t('tab.experiment')}</Tag>
-                    )}
-                  </Flexbox>
-                }
+  return (
+    <ChatHeader
+      className={styles.container}
+      left={
+        <ChatHeaderTitle
+          title={
+            <Popover
+              arrow={false}
+              content={children}
+              overlayInnerStyle={{ minWidth: 240, padding: '2px 4px' }}
+              placement={'bottomLeft'}
+              trigger={['click']}
+            >
+              <ActionIcon
+                color={theme.colorText}
+                icon={Menu}
+                size={{ blockSize: 32, fontSize: 18 }}
               />
-            </div>
+            </Popover>
           }
         />
-        <Drawer
-          bodyStyle={{
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 20,
-            justifyContent: 'space-between',
-            padding: 16,
-          }}
-          getContainer={getContainer}
-          headerStyle={{ display: 'none' }}
-          maskStyle={{ background: 'transparent' }}
-          onClick={() => setOpen(false)}
-          onClose={() => setOpen(false)}
-          open={open}
-          placement={'left'}
-          rootStyle={{ position: 'absolute' }}
-          style={{
-            background: theme.colorBgContainer,
-            borderRight: `1px solid ${theme.colorSplit}`,
-          }}
-          width={260}
-          zIndex={10}
-        >
-          {children}
-          <BrandWatermark paddingInline={12} />
-        </Drawer>
-      </>
-    );
-  },
-);
+      }
+    />
+  );
+});
 
 export default Header;

package/src/app/@modal/_layout/SettingModalLayout.tsx

@@ -18,11 +18,11 @@ const SettingModalLayout = memo<SettingLayoutProps>(({ children, category, desc,
   const ref = useRef<any>(null);
   const theme = useTheme();
   const { isDarkMode } = useThemeMode();
-  const { md = true } = useResponsive();
+  const { mobile = false } = useResponsive();
 
   return (
-    <>
-      {md ? (
+    <Flexbox horizontal={!mobile} width={'100%'}>
+      {!mobile ? (
         <SideBar
           desc={desc}
           style={{
@@ -38,19 +38,25 @@ const SettingModalLayout = memo<SettingLayoutProps>(({ children, category, desc,
       )}
       <Flexbox
         align={'center'}
-        gap={64}
+        gap={mobile ? 0 : 64}
+        ref={ref}
         style={{
-          background: isDarkMode ? theme.colorFillQuaternary : theme.colorBgElevated,
+          background: mobile
+            ? theme.colorBgContainer
+            : isDarkMode
+              ? theme.colorFillQuaternary
+              : theme.colorBgElevated,
+          minHeight: '100%',
           overflowX: 'hidden',
           overflowY: 'auto',
-          paddingBlock: 40,
-          paddingInline: 56,
+          paddingBlock: mobile ? 0 : 40,
+          paddingInline: mobile ? 0 : 56,
         }}
         width={'100%'}
       >
         {children}
       </Flexbox>
-    </>
+    </Flexbox>
   );
 });
 

package/src/components/404/index.tsx

@@ -12,7 +12,7 @@ import { MAX_WIDTH } from '@/const/layoutTokens';
 const NotFound = memo(() => {
   const { t } = useTranslation('error');
   return (
-    <Flexbox align={'center'} justify={'center'} style={{ height: '100%', width: '100%' }}>
+    <Flexbox align={'center'} justify={'center'} style={{ minHeight: '100%', width: '100%' }}>
       <h1
         style={{
           filter: 'blur(8px)',

package/src/components/Error/index.tsx

@@ -24,7 +24,7 @@ const ErrorCapture = memo<ErrorCaptureProps>(({ reset, error }) => {
   }, [error]);
 
   return (
-    <Flexbox align={'center'} justify={'center'} style={{ height: '100%', width: '100%' }}>
+    <Flexbox align={'center'} justify={'center'} style={{ minHeight: '100%', width: '100%' }}>
       <h1
         style={{
           filter: 'blur(8px)',

package/src/config/modelProviders/google.ts

@@ -8,6 +8,7 @@ const Google: ModelProviderCard = {
       description: 'A legacy text-only model optimized for chat conversations',
       displayName: 'PaLM 2 Chat (Legacy)',
       id: 'chat-bison-001',
+      legacy: true,
       maxOutput: 1024,
       // tokens: 4096 + 1024, // none tokens test
     },
@@ -15,13 +16,13 @@ const Google: ModelProviderCard = {
       description: 'A legacy model that understands text and generates text as an output',
       displayName: 'PaLM 2 (Legacy)',
       id: 'text-bison-001',
+      legacy: true,
       maxOutput: 1024,
       tokens: 8196 + 1024,
     },
     {
       description: 'The best model for scaling across a wide range of tasks',
       displayName: 'Gemini 1.0 Pro',
-      enabled: true,
       functionCall: true,
       id: 'gemini-pro',
       maxOutput: 2048,
@@ -38,7 +39,6 @@ const Google: ModelProviderCard = {
     {
       description: 'The best image understanding model to handle a broad range of applications',
       displayName: 'Gemini 1.0 Pro Vision',
-      enabled: true,
       id: 'gemini-pro-vision',
       maxOutput: 4096,
       tokens: 12_288 + 4096,
@@ -69,6 +69,16 @@ const Google: ModelProviderCard = {
       maxOutput: 2048,
       tokens: 30_720 + 2048,
     },
+    {
+      description: 'Fast and versatile multimodal model for scaling across diverse tasks',
+      displayName: 'Gemini 1.5 Flash',
+      enabled: true,
+      functionCall: true,
+      id: 'gemini-1.5-flash-latest',
+      maxOutput: 8192,
+      tokens: 1_048_576 + 8192,
+      vision: true,
+    },
     {
       description: 'Mid-size multimodal model that supports up to 1 million tokens',
       displayName: 'Gemini 1.5 Pro',

package/src/hooks/useActiveSettingsKey.ts

@@ -1,5 +1,6 @@
 import { usePathname } from 'next/navigation';
 
+import { useQuery } from '@/hooks/useQuery';
 import { SettingsTabs } from '@/store/global/initialState';
 
 /**
@@ -7,10 +8,13 @@ import { SettingsTabs } from '@/store/global/initialState';
  */
 export const useActiveSettingsKey = () => {
   const pathname = usePathname();
+  const { tab } = useQuery();
 
   const tabs = pathname.split('/').at(-1);
 
   if (tabs === 'settings') return SettingsTabs.Common;
 
+  if (tabs === 'modal') return tab as SettingsTabs;
+
   return tabs as SettingsTabs;
 };