@lobehub/lobehub 2.0.0-next.55 → 2.0.0-next.57

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+## [Version 2.0.0-next.57](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.56...v2.0.0-next.57)
+
+<sup>Released on **2025-11-14**</sup>
+
+#### 💄 Styles
+
+- **misc**: Revert background style.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Revert background style, closes [#10218](https://github.com/lobehub/lobe-chat/issues/10218) ([97b0413](https://github.com/lobehub/lobe-chat/commit/97b0413))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 2.0.0-next.56](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.55...v2.0.0-next.56)
+
+<sup>Released on **2025-11-14**</sup>
+
+#### ✨ Features
+
+- **misc**: Add folder creation UI and clean up debug code.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add folder creation UI and clean up debug code ([d5ecd0a](https://github.com/lobehub/lobe-chat/commit/d5ecd0a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.55](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.54...v2.0.0-next.55)
 
 <sup>Released on **2025-11-14**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Revert background style."
+      ]
+    },
+    "date": "2025-11-14",
+    "version": "2.0.0-next.57"
+  },
+  {
+    "children": {
+      "features": [
+        "Add folder creation UI and clean up debug code."
+      ]
+    },
+    "date": "2025-11-14",
+    "version": "2.0.0-next.56"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.55",
+  "version": "2.0.0-next.57",
   "description": "LobeHub - an open-source,comprehensive AI Agent 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/components/WorkspaceLayout.tsx

@@ -1,4 +1,3 @@
-import { useTheme } from 'antd-style';
 import { Suspense, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
@@ -19,38 +18,30 @@ interface WorkspaceLayoutProps {
   mobile?: boolean;
 }
 
-const DesktopWorkspace = memo(() => {
-  const theme = useTheme();
-
-  return (
-    <>
-      <ChatHeaderDesktop />
-      <Flexbox
-        height={'100%'}
-        horizontal
-        style={{ overflow: 'hidden', position: 'relative' }}
-        width={'100%'}
-      >
-        <Flexbox
-          height={'100%'}
-          style={{ background: theme.colorBgContainer, overflow: 'hidden', position: 'relative' }}
-          width={'100%'}
-        >
-          <ConversationArea mobile={false} />
-        </Flexbox>
-        <Portal>
-          <Suspense fallback={<BrandTextLoading />}>
-            <PortalPanel mobile={false} />
-          </Suspense>
-        </Portal>
-        <TopicPanel>
-          <TopicSidebar mobile={false} />
-        </TopicPanel>
+const DesktopWorkspace = memo(() => (
+  <>
+    <ChatHeaderDesktop />
+    <Flexbox
+      height={'100%'}
+      horizontal
+      style={{ overflow: 'hidden', position: 'relative' }}
+      width={'100%'}
+    >
+      <Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative' }} width={'100%'}>
+        <ConversationArea mobile={false} />
       </Flexbox>
-      <MainInterfaceTracker />
-    </>
-  );
-});
+      <Portal>
+        <Suspense fallback={<BrandTextLoading />}>
+          <PortalPanel mobile={false} />
+        </Suspense>
+      </Portal>
+      <TopicPanel>
+        <TopicSidebar mobile={false} />
+      </TopicPanel>
+    </Flexbox>
+    <MainInterfaceTracker />
+  </>
+));
 
 DesktopWorkspace.displayName = 'DesktopWorkspace';
 

package/src/features/Conversation/Messages/User/index.tsx

@@ -1,6 +1,6 @@
 import { UIChatMessage } from '@lobechat/types';
 import { Tag } from '@lobehub/ui';
-import { createStyles, useResponsive } from 'antd-style';
+import { useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { ReactNode, memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -45,13 +45,6 @@ const remarkPlugins = markdownElements
   .map((element) => element.remarkPlugin)
   .filter(Boolean);
 
-const useUserStyles = createStyles(({ css, token }) => ({
-  messageContainer: css`
-    border: none;
-    background: ${token.colorFillTertiary};
-  `,
-}));
-
 const UserMessage = memo<UserMessageProps>(({ id, disableEditing, index }) => {
   const item = useChatStore(
     displayMessageSelectors.getDisplayMessageById(id),
@@ -63,8 +56,6 @@ const UserMessage = memo<UserMessageProps>(({ id, disableEditing, index }) => {
   const { t } = useTranslation('chat');
   const { mobile } = useResponsive();
   const avatar = useUserAvatar();
-  const { styles: userStyles } = useUserStyles();
-
   const title = useUserStore(userProfileSelectors.displayUserName);
 
   const displayMode = useAgentStore(agentChatConfigSelectors.displayMode);
@@ -174,7 +165,6 @@ const UserMessage = memo<UserMessageProps>(({ id, disableEditing, index }) => {
           >
             <Flexbox flex={1} style={{ maxWidth: '100%', minWidth: 0 }}>
               <MessageContent
-                className={userStyles.messageContainer}
                 editing={editing}
                 id={id}
                 markdownProps={markdownProps}

package/src/features/KnowledgeManager/FileExplorer/index.tsx

@@ -119,19 +119,6 @@ const FileExplorer = memo<FileExplorerProps>(({ knowledgeBaseId, category, onOpe
     ...viewConfig,
   });
 
-  // Debug: Log received data
-  React.useEffect(() => {
-    if (data) {
-      console.log('[FileList] Received data:', {
-        count: data.length,
-        documents: data.filter((item) => item.sourceType === 'document'),
-        sampleDocumentWithEditorData: data.find(
-          (item) => item.sourceType === 'document' && item.editorData,
-        ),
-      });
-    }
-  }, [data]);
-
   // Handle view transition with a brief delay to show skeleton
   React.useEffect(() => {
     if (isTransitioning && data) {

package/src/features/KnowledgeManager/Header/AddButton.tsx

@@ -3,7 +3,7 @@
 import { Button, Dropdown, Icon, MenuProps } from '@lobehub/ui';
 import { Upload } from 'antd';
 import { css, cx } from 'antd-style';
-import { FilePenLine, FileUp, FolderUp, Plus } from 'lucide-react';
+import { FilePenLine, FileUp, FolderIcon, FolderUp, Plus } from 'lucide-react';
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -34,14 +34,25 @@ const AddButton = ({ knowledgeBaseId }: { knowledgeBaseId?: string }) => {
     setIsModalOpen(false);
   };
 
+  const handleCreateFolder = () => {
+    setIsModalOpen(false);
+    console.log('create folder');
+  };
+
   const items = useMemo<MenuProps['items']>(
     () => [
       {
         icon: <Icon icon={FilePenLine} />,
         key: 'create-note',
-        label: t('addPage'),
+        label: t('header.actions.newPage'),
         onClick: handleOpenNoteEditor,
       },
+      {
+        icon: <Icon icon={FolderIcon} />,
+        key: 'create-folder',
+        label: t('header.actions.newFolder'),
+        onClick: handleCreateFolder,
+      },
       {
         type: 'divider',
       },
@@ -58,7 +69,7 @@ const AddButton = ({ knowledgeBaseId }: { knowledgeBaseId?: string }) => {
             multiple={true}
             showUploadList={false}
           >
-            <div className={cx(hotArea)}>Upload File</div>
+            <div className={cx(hotArea)}>{t('header.actions.uploadFile')}</div>
           </Upload>
         ),
       },
@@ -76,7 +87,7 @@ const AddButton = ({ knowledgeBaseId }: { knowledgeBaseId?: string }) => {
             multiple={true}
             showUploadList={false}
           >
-            <div className={cx(hotArea)}>Upload Folder</div>
+            <div className={cx(hotArea)}>{t('header.actions.uploadFolder')}</div>
           </Upload>
         ),
       },

package/src/features/KnowledgeManager/Home/RecentFilesSkeleton.tsx

@@ -40,7 +40,6 @@ const useStyles = createStyles(({ css, token }) => ({
     background: ${token.colorFillQuaternary};
   `,
   scrollContainer: css`
-
     /* Hide scrollbar */
     scrollbar-width: none;
 
@@ -80,4 +79,3 @@ const RecentFilesSkeleton = memo(() => {
 });
 
 export default RecentFilesSkeleton;
-

package/src/locales/default/file.ts

@@ -1,4 +1,5 @@
 export default {
+  addFolder: '创建文件夹',
   addKnowledge: '添加知识',
   addPage: '创建文稿',
   desc: '管理你的工作、学习与生活知识。',
@@ -65,6 +66,7 @@ export default {
   header: {
     actions: {
       newFolder: '新建文件夹',
+      newPage: '新建文稿',
       uploadFile: '上传文件',
       uploadFolder: '上传文件夹',
     },