@lobehub/chat 0.119.6 → 0.119.8

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.119.8](https://github.com/lobehub/lobe-chat/compare/v0.119.7...v0.119.8)
+
+<sup>Released on **2024-01-07**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix spotting tool call correctly.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix spotting tool call correctly, closes [#972](https://github.com/lobehub/lobe-chat/issues/972) ([216e700](https://github.com/lobehub/lobe-chat/commit/216e700))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.119.7](https://github.com/lobehub/lobe-chat/compare/v0.119.6...v0.119.7)
+
+<sup>Released on **2024-01-07**</sup>
+
+#### 💄 Styles
+
+- **misc**: Improve share modal style.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Improve share modal style, closes [#965](https://github.com/lobehub/lobe-chat/issues/965) ([62c0573](https://github.com/lobehub/lobe-chat/commit/62c0573))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.119.6](https://github.com/lobehub/lobe-chat/compare/v0.119.5...v0.119.6)
 
 <sup>Released on **2024-01-06**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.119.6",
+  "version": "0.119.8",
   "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",

package/src/app/chat/features/ChatHeader/ShareButton/ShareModal.tsx

@@ -4,13 +4,13 @@ import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useScreenshot } from '@/app/chat/features/ChatHeader/ShareButton/useScreenshot';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { useChatStore } from '@/store/chat';
 import { useGlobalStore } from '@/store/global';
 
 import Preview from './Preview';
 import { FieldType, ImageType } from './type';
+import { useScreenshot } from './useScreenshot';
 
 enum Tab {
   Screenshot = 'screenshot',
@@ -147,6 +147,7 @@ const ShareModal = memo<ModalProps>(({ onCancel, open }) => {
           style={{ width: '100%' }}
           value={tab}
         />
+        {tab === Tab.Screenshot && <Preview title={title} {...fieldValue} />}
         <Form
           initialValues={DEFAULT_FIELD_VALUE}
           items={settings}
@@ -154,7 +155,6 @@ const ShareModal = memo<ModalProps>(({ onCancel, open }) => {
           onValuesChange={(_, v) => setFieldValue(v)}
           {...FORM_STYLE}
         />
-        {tab === Tab.Screenshot && <Preview title={title} {...fieldValue} />}
       </Flexbox>
     </Modal>
   );

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

@@ -10,7 +10,7 @@ const ChatList = memo(() => {
   const ids = useChatStore(chatSelectors.currentChatIDsWithGuideMessage);
 
   return (
-    <Flexbox height={'100%'} style={{ position: 'relative' }}>
+    <Flexbox height={'100%'} style={{ paddingTop: 24, position: 'relative' }}>
       {ids.map((id, index) => (
         <Item id={id} index={index} key={id} />
       ))}

package/src/layout/GlobalLayout/Locale.tsx

@@ -11,7 +11,7 @@ interface LocaleLayoutProps extends PropsWithChildren {
   lang?: string;
 }
 
-const InnerLocale = memo<LocaleLayoutProps>(({ children, lang }) => {
+const Locale = memo<LocaleLayoutProps>(({ children, lang }) => {
   const { data: locale } = useSWR(
     lang,
     async () =>
@@ -41,10 +41,4 @@ const InnerLocale = memo<LocaleLayoutProps>(({ children, lang }) => {
   return <ConfigProvider locale={locale}>{children}</ConfigProvider>;
 });
 
-// const Locale = memo<LocaleLayoutProps>((props) => (
-//   <Suspense fallback={<Loading />}>
-//     <InnerLocale {...props} />
-//   </Suspense>
-// ));
-
-export default InnerLocale;
+export default Locale;

package/src/store/chat/slices/message/action.ts

@@ -303,7 +303,13 @@ export const chatMessage: StateCreator<
     set({ messages }, false, n(`dispatchMessage/${payload.type}`, payload));
   },
   fetchAIChatMessage: async (messages, assistantId) => {
-    const { toggleChatLoading, refreshMessages, updateMessageContent, createSmoothMessage } = get();
+    const {
+      toggleChatLoading,
+      refreshMessages,
+      updateMessageContent,
+      dispatchMessage,
+      createSmoothMessage,
+    } = get();
 
     const abortController = toggleChatLoading(
       true,
@@ -403,6 +409,12 @@ export const chatMessage: StateCreator<
         // is this message is just a function call
         if (isFunctionMessageAtStart(output)) {
           stopAnimation();
+          dispatchMessage({
+            id: assistantId,
+            key: 'content',
+            type: 'updateMessage',
+            value: output,
+          });
           isFunctionCall = true;
         }
 

package/src/layout/GlobalLayout/LocaleLoading.tsx

@@ -1,21 +0,0 @@
-import { Icon } from '@lobehub/ui';
-import { Loader2 } from 'lucide-react';
-import { memo } from 'react';
-import { Center } from 'react-layout-kit';
-
-const Loading = memo(() => (
-  <div
-    style={{
-      backdropFilter: 'blur(3px)',
-      height: '100%',
-      width: '100vw',
-      zIndex: 100,
-    }}
-  >
-    <Center flex={1} gap={12} width={'100%'}>
-      <Icon icon={Loader2} spin />
-    </Center>
-  </div>
-));
-
-export default Loading;