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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,31 @@
2
2
 
3
3
  # Changelog
4
4
 
5
+ ## [Version 2.0.0-next.57](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.56...v2.0.0-next.57)
6
+
7
+ <sup>Released on **2025-11-14**</sup>
8
+
9
+ #### 💄 Styles
10
+
11
+ - **misc**: Revert background style.
12
+
13
+ <br/>
14
+
15
+ <details>
16
+ <summary><kbd>Improvements and Fixes</kbd></summary>
17
+
18
+ #### Styles
19
+
20
+ - **misc**: Revert background style, closes [#10218](https://github.com/lobehub/lobe-chat/issues/10218) ([97b0413](https://github.com/lobehub/lobe-chat/commit/97b0413))
21
+
22
+ </details>
23
+
24
+ <div align="right">
25
+
26
+ [![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
27
+
28
+ </div>
29
+
5
30
  ## [Version 2.0.0-next.56](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.55...v2.0.0-next.56)
6
31
 
7
32
  <sup>Released on **2025-11-14**</sup>
package/changelog/v1.json CHANGED
@@ -1,4 +1,13 @@
1
1
  [
2
+ {
3
+ "children": {
4
+ "improvements": [
5
+ "Revert background style."
6
+ ]
7
+ },
8
+ "date": "2025-11-14",
9
+ "version": "2.0.0-next.57"
10
+ },
2
11
  {
3
12
  "children": {
4
13
  "features": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/lobehub",
3
- "version": "2.0.0-next.56",
3
+ "version": "2.0.0-next.57",
4
4
  "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.",
5
5
  "keywords": [
6
6
  "framework",
@@ -1,4 +1,3 @@
1
- import { useTheme } from 'antd-style';
2
1
  import { Suspense, memo } from 'react';
3
2
  import { Flexbox } from 'react-layout-kit';
4
3
 
@@ -19,38 +18,30 @@ interface WorkspaceLayoutProps {
19
18
  mobile?: boolean;
20
19
  }
21
20
 
22
- const DesktopWorkspace = memo(() => {
23
- const theme = useTheme();
24
-
25
- return (
26
- <>
27
- <ChatHeaderDesktop />
28
- <Flexbox
29
- height={'100%'}
30
- horizontal
31
- style={{ overflow: 'hidden', position: 'relative' }}
32
- width={'100%'}
33
- >
34
- <Flexbox
35
- height={'100%'}
36
- style={{ background: theme.colorBgContainer, overflow: 'hidden', position: 'relative' }}
37
- width={'100%'}
38
- >
39
- <ConversationArea mobile={false} />
40
- </Flexbox>
41
- <Portal>
42
- <Suspense fallback={<BrandTextLoading />}>
43
- <PortalPanel mobile={false} />
44
- </Suspense>
45
- </Portal>
46
- <TopicPanel>
47
- <TopicSidebar mobile={false} />
48
- </TopicPanel>
21
+ const DesktopWorkspace = memo(() => (
22
+ <>
23
+ <ChatHeaderDesktop />
24
+ <Flexbox
25
+ height={'100%'}
26
+ horizontal
27
+ style={{ overflow: 'hidden', position: 'relative' }}
28
+ width={'100%'}
29
+ >
30
+ <Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative' }} width={'100%'}>
31
+ <ConversationArea mobile={false} />
49
32
  </Flexbox>
50
- <MainInterfaceTracker />
51
- </>
52
- );
53
- });
33
+ <Portal>
34
+ <Suspense fallback={<BrandTextLoading />}>
35
+ <PortalPanel mobile={false} />
36
+ </Suspense>
37
+ </Portal>
38
+ <TopicPanel>
39
+ <TopicSidebar mobile={false} />
40
+ </TopicPanel>
41
+ </Flexbox>
42
+ <MainInterfaceTracker />
43
+ </>
44
+ ));
54
45
 
55
46
  DesktopWorkspace.displayName = 'DesktopWorkspace';
56
47
 
@@ -1,6 +1,6 @@
1
1
  import { UIChatMessage } from '@lobechat/types';
2
2
  import { Tag } from '@lobehub/ui';
3
- import { createStyles, useResponsive } from 'antd-style';
3
+ import { useResponsive } from 'antd-style';
4
4
  import isEqual from 'fast-deep-equal';
5
5
  import { ReactNode, memo, useCallback, useMemo } from 'react';
6
6
  import { useTranslation } from 'react-i18next';
@@ -45,13 +45,6 @@ const remarkPlugins = markdownElements
45
45
  .map((element) => element.remarkPlugin)
46
46
  .filter(Boolean);
47
47
 
48
- const useUserStyles = createStyles(({ css, token }) => ({
49
- messageContainer: css`
50
- border: none;
51
- background: ${token.colorFillTertiary};
52
- `,
53
- }));
54
-
55
48
  const UserMessage = memo<UserMessageProps>(({ id, disableEditing, index }) => {
56
49
  const item = useChatStore(
57
50
  displayMessageSelectors.getDisplayMessageById(id),
@@ -63,8 +56,6 @@ const UserMessage = memo<UserMessageProps>(({ id, disableEditing, index }) => {
63
56
  const { t } = useTranslation('chat');
64
57
  const { mobile } = useResponsive();
65
58
  const avatar = useUserAvatar();
66
- const { styles: userStyles } = useUserStyles();
67
-
68
59
  const title = useUserStore(userProfileSelectors.displayUserName);
69
60
 
70
61
  const displayMode = useAgentStore(agentChatConfigSelectors.displayMode);
@@ -174,7 +165,6 @@ const UserMessage = memo<UserMessageProps>(({ id, disableEditing, index }) => {
174
165
  >
175
166
  <Flexbox flex={1} style={{ maxWidth: '100%', minWidth: 0 }}>
176
167
  <MessageContent
177
- className={userStyles.messageContainer}
178
168
  editing={editing}
179
169
  id={id}
180
170
  markdownProps={markdownProps}