@lobehub/chat 1.88.6 → 1.88.7

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 # Changelog
 
+### [Version 1.88.7](https://github.com/lobehub/lobe-chat/compare/v1.88.6...v1.88.7)
+
+<sup>Released on **2025-05-26**</sup>
+
+#### 🐛 Bug Fixes
+
+- **DragUpload**: Resolve issue with pasting clipboard images in Safari.
+- **misc**: Fix chat header in the desktop.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **DragUpload**: Resolve issue with pasting clipboard images in Safari, closes [#7961](https://github.com/lobehub/lobe-chat/issues/7961) ([3c3cc75](https://github.com/lobehub/lobe-chat/commit/3c3cc75))
+- **misc**: Fix chat header in the desktop, closes [#7973](https://github.com/lobehub/lobe-chat/issues/7973) ([63c3a71](https://github.com/lobehub/lobe-chat/commit/63c3a71))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.88.6](https://github.com/lobehub/lobe-chat/compare/v1.88.5...v1.88.6)
 
 <sup>Released on **2025-05-25**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix chat header in the desktop."
+      ]
+    },
+    "date": "2025-05-26",
+    "version": "1.88.7"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.88.6",
+  "version": "1.88.7",
   "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/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/index.tsx

@@ -5,10 +5,21 @@ import { ChatHeader } from '@lobehub/ui/chat';
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';
 
+import HeaderAction from './HeaderAction';
+import Main from './Main';
+
 const Header = () => {
   const showHeader = useGlobalStore(systemStatusSelectors.showChatHeader);
 
-  return showHeader && <ChatHeader style={{ paddingInline: 8, position: 'initial', zIndex: 11 }} />;
+  return (
+    showHeader && (
+      <ChatHeader
+        left={<Main />}
+        right={<HeaderAction />}
+        style={{ paddingInline: 8, position: 'initial', zIndex: 11 }}
+      />
+    )
+  );
 };
 
 export default Header;

package/src/components/DragUpload/useDragUpload.tsx

@@ -37,18 +37,22 @@ const getFileListFromDataTransferItems = async (items: DataTransferItem[]) => {
   const filePromises: Promise<File[]>[] = [];
   for (const item of items) {
     if (item.kind === 'file') {
-      const entry = item.webkitGetAsEntry();
-      if (entry) {
-        filePromises.push(processEntry(entry));
+      // Safari browser may throw error when using FileSystemFileEntry.file()
+      // So we prioritize using getAsFile() method first for better browser compatibility
+      const file = item.getAsFile();
+
+      if (file) {
+        filePromises.push(
+          new Promise((resolve) => {
+            resolve([file]);
+          }),
+        );
       } else {
-        const file = item.getAsFile();
-
-        if (file)
-          filePromises.push(
-            new Promise((resolve) => {
-              resolve([file]);
-            }),
-          );
+        const entry = item.webkitGetAsEntry();
+
+        if (entry) {
+          filePromises.push(processEntry(entry));
+        }
       }
     }
   }