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

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+## [Version 2.0.0-next.58](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.57...v2.0.0-next.58)
+
+<sup>Released on **2025-11-14**</sup>
+
+#### ✨ Features
+
+- **misc**: Support DeepSeek Interleaved thinking.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Support DeepSeek Interleaved thinking, closes [#10219](https://github.com/lobehub/lobe-chat/issues/10219) ([3736a85](https://github.com/lobehub/lobe-chat/commit/3736a85))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [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>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "features": [
+        "Support DeepSeek Interleaved thinking."
+      ]
+    },
+    "date": "2025-11-14",
+    "version": "2.0.0-next.58"
+  },
+  {
+    "children": {
+      "improvements": [
+        "Revert background style."
+      ]
+    },
+    "date": "2025-11-14",
+    "version": "2.0.0-next.57"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.56",
+  "version": "2.0.0-next.58",
   "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/packages/model-runtime/src/core/contextBuilders/openai.test.ts

@@ -171,7 +171,7 @@ describe('convertOpenAIMessages', () => {
     expect((result[0] as any).reasoning).toBeUndefined();
   });
 
-  it('should filter out reasoning_content field from messages', async () => {
+  it('should preserve reasoning_content field from messages (for DeepSeek compatibility)', async () => {
     const messages = [
       {
         role: 'assistant',
@@ -184,14 +184,14 @@ describe('convertOpenAIMessages', () => {
     const result = await convertOpenAIMessages(messages);
 
     expect(result).toEqual([
-      { role: 'assistant', content: 'Hello' },
+      { role: 'assistant', content: 'Hello', reasoning_content: 'some reasoning content' },
       { role: 'user', content: 'Hi' },
     ]);
-    // Ensure reasoning_content field is removed
-    expect((result[0] as any).reasoning_content).toBeUndefined();
+    // Ensure reasoning_content field is preserved
+    expect((result[0] as any).reasoning_content).toBe('some reasoning content');
   });
 
-  it('should filter out both reasoning and reasoning_content fields from messages', async () => {
+  it('should filter out reasoning but preserve reasoning_content field', async () => {
     const messages = [
       {
         role: 'assistant',
@@ -203,10 +203,12 @@ describe('convertOpenAIMessages', () => {
 
     const result = await convertOpenAIMessages(messages);
 
-    expect(result).toEqual([{ role: 'assistant', content: 'Hello' }]);
-    // Ensure both fields are removed
+    expect(result).toEqual([
+      { role: 'assistant', content: 'Hello', reasoning_content: 'some reasoning content' },
+    ]);
+    // Ensure reasoning object is removed but reasoning_content is preserved
     expect((result[0] as any).reasoning).toBeUndefined();
-    expect((result[0] as any).reasoning_content).toBeUndefined();
+    expect((result[0] as any).reasoning_content).toBe('some reasoning content');
   });
 });
 

package/packages/model-runtime/src/core/contextBuilders/openai.ts

@@ -49,6 +49,9 @@ export const convertOpenAIMessages = async (messages: OpenAI.ChatCompletionMessa
       if (msg.tool_call_id !== undefined) result.tool_call_id = msg.tool_call_id;
       if (msg.function_call !== undefined) result.function_call = msg.function_call;
 
+      // it's compatible for DeepSeek
+      if (msg.reasoning_content !== undefined) result.reasoning_content = msg.reasoning_content;
+
       return result;
     }),
   )) as OpenAI.ChatCompletionMessageParam[];

package/packages/model-runtime/src/providers/deepseek/index.test.ts

@@ -20,6 +20,92 @@ testProvider({
 });
 
 describe('LobeDeepSeekAI - custom features', () => {
+  describe('chatCompletion.handlePayload', () => {
+    it('should transform reasoning object to reasoning_content string', () => {
+      const payload = {
+        messages: [
+          { role: 'user', content: 'Hello' },
+          {
+            role: 'assistant',
+            content: 'Hi there',
+            reasoning: { content: 'Let me think...', duration: 1000 },
+          },
+          { role: 'user', content: 'How are you?' },
+        ],
+        model: 'deepseek-r1',
+      };
+
+      const result = params.chatCompletion!.handlePayload!(payload as any);
+
+      expect(result.messages).toEqual([
+        { role: 'user', content: 'Hello' },
+        {
+          role: 'assistant',
+          content: 'Hi there',
+          reasoning_content: 'Let me think...',
+        },
+        { role: 'user', content: 'How are you?' },
+      ]);
+    });
+
+    it('should not modify messages without reasoning field', () => {
+      const payload = {
+        messages: [
+          { role: 'user', content: 'Hello' },
+          { role: 'assistant', content: 'Hi there' },
+        ],
+        model: 'deepseek-chat',
+      };
+
+      const result = params.chatCompletion!.handlePayload!(payload as any);
+
+      expect(result.messages).toEqual(payload.messages);
+    });
+
+    it('should handle empty reasoning content', () => {
+      const payload = {
+        messages: [
+          {
+            role: 'assistant',
+            content: 'Response',
+            reasoning: { duration: 1000 },
+          },
+        ],
+        model: 'deepseek-r1',
+      };
+
+      const result = params.chatCompletion!.handlePayload!(payload as any);
+
+      expect(result.messages[0]).toEqual({
+        role: 'assistant',
+        content: 'Response',
+      });
+    });
+
+    it('should set stream to true by default', () => {
+      const payload = {
+        messages: [{ role: 'user', content: 'Hello' }],
+        model: 'deepseek-chat',
+      };
+
+      const result = params.chatCompletion!.handlePayload!(payload as any);
+
+      expect(result.stream).toBe(true);
+    });
+
+    it('should preserve existing stream value', () => {
+      const payload = {
+        messages: [{ role: 'user', content: 'Hello' }],
+        model: 'deepseek-chat',
+        stream: false,
+      };
+
+      const result = params.chatCompletion!.handlePayload!(payload as any);
+
+      expect(result.stream).toBe(false);
+    });
+  });
+
   describe('Debug Configuration', () => {
     it('should disable debug by default', () => {
       delete process.env.DEBUG_DEEPSEEK_CHAT_COMPLETION;

package/packages/model-runtime/src/providers/deepseek/index.ts

@@ -12,6 +12,30 @@ export interface DeepSeekModelCard {
 
 export const params = {
   baseURL: 'https://api.deepseek.com/v1',
+  chatCompletion: {
+    handlePayload: (payload) => {
+      // Transform reasoning object to reasoning_content string for multi-turn conversations
+      const messages = payload.messages.map((message: any) => {
+        // Only transform if message has reasoning.content
+        if (message.reasoning?.content) {
+          const { reasoning, ...rest } = message;
+          return {
+            ...rest,
+            reasoning_content: reasoning.content,
+          };
+        }
+        // If message has reasoning but no content, remove reasoning field entirely
+        delete message.reasoning;
+        return message;
+      });
+
+      return {
+        ...payload,
+        messages,
+        stream: payload.stream ?? true,
+      } as any;
+    },
+  },
   debug: {
     chatCompletion: () => process.env.DEBUG_DEEPSEEK_CHAT_COMPLETION === '1',
   },

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}