@lobehub/chat 1.52.12 → 1.52.14

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+### [Version 1.52.14](https://github.com/lobehub/lobe-chat/compare/v1.52.13...v1.52.14)
+
+<sup>Released on **2025-02-10**</sup>
+
+#### 💄 Styles
+
+- **misc**: Refactor agent settings modal.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Refactor agent settings modal, closes [#5987](https://github.com/lobehub/lobe-chat/issues/5987) ([6482f8a](https://github.com/lobehub/lobe-chat/commit/6482f8a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.52.13](https://github.com/lobehub/lobe-chat/compare/v1.52.12...v1.52.13)
+
+<sup>Released on **2025-02-10**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix Aliyun deepseek-r1 reasoning parsing with oneapi, Support Aliyun deepseek-r1 reasoning.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix Aliyun deepseek-r1 reasoning parsing with oneapi, closes [#5964](https://github.com/lobehub/lobe-chat/issues/5964) ([0d7e665](https://github.com/lobehub/lobe-chat/commit/0d7e665))
+- **misc**: Support Aliyun deepseek-r1 reasoning, closes [#5954](https://github.com/lobehub/lobe-chat/issues/5954) ([cf7a2d6](https://github.com/lobehub/lobe-chat/commit/cf7a2d6))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.52.12](https://github.com/lobehub/lobe-chat/compare/v1.52.11...v1.52.12)
 
 <sup>Released on **2025-02-10**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Refactor agent settings modal."
+      ]
+    },
+    "date": "2025-02-10",
+    "version": "1.52.14"
+  },
+  {
+    "children": {
+      "fixes": [
+        "Fix Aliyun deepseek-r1 reasoning parsing with oneapi, Support Aliyun deepseek-r1 reasoning."
+      ]
+    },
+    "date": "2025-02-10",
+    "version": "1.52.13"
+  },
   {
     "children": {
       "fixes": [

package/docs/self-hosting/platform/btpanel.mdx

@@ -36,6 +36,10 @@ To install aaPanel, go to the [aaPanel](https://www.aapanel.com/new/download.htm
 
 6. After submission, the panel will automatically initialize the application, which will take about `1-3` minutes. It can be accessed after the initialization is completed.
 
+<Callout type="warning">
+  ⚠️ Do not enable any form of cache in the reverse proxy settings of the panel to avoid affecting the normal operation of the service. Read more at https://github.com/lobehub/lobe-chat/discussions/5986
+</Callout>
+
 ## Visit LobeChat
 
 - If you have set a domain name, please directly enter the domain name in the browser address bar, such as `http://demo.lobechat`, to access the `LobeChat` console.

package/docs/self-hosting/platform/btpanel.zh-CN.mdx

@@ -40,6 +40,10 @@ tags:
 
 5. 提交后面板会自动进行应用初始化，大概需要`1-3`分钟，初始化完成后即可访问。
 
+<Callout type="warning">
+  ⚠️ 请不要在面板的反向代理设置中开启任何形式的缓存，以免影响服务的正常运行。详情请见 https://github.com/lobehub/lobe-chat/discussions/5986
+</Callout>
+
 ## 访问 LobeChat
 
 - 如果您填写域名，请在浏览器输入您的域名访问，如`http://demo.lobechat`，即可访问 `LobeChat` 页面。

package/docs/self-hosting/server-database/docker-compose.mdx

@@ -226,6 +226,10 @@ The script supports the following deployment modes; please choose the appropriat
     proxy_set_header X-Forwarded-Proto $scheme;  # Keep the request protocol
     }
     ```
+
+    ⚠️ If you are using such panel software, 
+    please do not enable any form of caching in the reverse proxy settings of such panel software to avoid affecting the normal operation of the service. 
+    Read more at https://github.com/lobehub/lobe-chat/discussions/5986
   </Callout>
 
   ### Complete Remaining Configuration in Interactive Script

package/docs/self-hosting/server-database/docker-compose.zh-CN.mdx

@@ -224,6 +224,9 @@ bash <(curl -fsSL https://lobe.li/setup.sh) -l zh_CN
       proxy_set_header X-Forwarded-Proto $scheme;  # 保留请求协议
     }
     ```
+
+    ⚠️ 请不要在此类面板软件的反向代理设置中开启任何形式的缓存，以免影响服务的正常运行。
+    详情请见 https://github.com/lobehub/lobe-chat/discussions/5986
   </Callout>
 
   ### 在交互式脚本中完成剩余配置

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.52.12",
+  "version": "1.52.14",
   "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]/{@modal/chat/(.)settings/modal/features/CategoryContent.tsx → (main)/chat/(workspace)/features/AgentSettings/CategoryContent/index.tsx}

@@ -5,22 +5,23 @@ import { Flexbox } from 'react-layout-kit';
 
 import HeaderContent from '@/app/[variants]/(main)/chat/settings/features/HeaderContent';
 import Menu from '@/components/Menu';
-import { useChatSettingsTab } from '@/hooks/useChatSettingsTab';
-import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { ChatSettingsTabs } from '@/store/global/initialState';
 
 import { useCategory } from './useCategory';
 
-const CategoryContent = memo(() => {
+interface CategoryContentProps {
+  setTab: (tab: ChatSettingsTabs) => void;
+  tab: string;
+}
+const CategoryContent = memo<CategoryContentProps>(({ setTab, tab }) => {
   const cateItems = useCategory();
-  const tab = useChatSettingsTab();
-  const router = useQueryRoute();
 
   return (
     <>
       <Menu
         items={cateItems}
         onClick={({ key }) => {
-          router.replace('/chat/settings/modal', { query: { tab: key } });
+          setTab(key as ChatSettingsTabs);
         }}
         selectable
         selectedKeys={[tab as any]}

package/src/app/[variants]/(main)/chat/(workspace)/features/AgentSettings/index.tsx

@@ -0,0 +1,114 @@
+'use client';
+
+import { Drawer } from 'antd';
+import { useResponsive, useTheme } from 'antd-style';
+import isEqual from 'fast-deep-equal';
+import { memo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import Header from '@/app/[variants]/(main)/settings/_layout/Desktop/Header';
+import AgentChat from '@/features/AgentSetting/AgentChat';
+import AgentMeta from '@/features/AgentSetting/AgentMeta';
+import AgentModal from '@/features/AgentSetting/AgentModal';
+import AgentPlugin from '@/features/AgentSetting/AgentPlugin';
+import AgentPrompt from '@/features/AgentSetting/AgentPrompt';
+import AgentTTS from '@/features/AgentSetting/AgentTTS';
+import StoreUpdater from '@/features/AgentSetting/StoreUpdater';
+import { Provider, createStore } from '@/features/AgentSetting/store';
+import Footer from '@/features/Setting/Footer';
+import { useAgentStore } from '@/store/agent';
+import { agentSelectors } from '@/store/agent/slices/chat';
+import { ChatSettingsTabs } from '@/store/global/initialState';
+import { useSessionStore } from '@/store/session';
+import { sessionMetaSelectors } from '@/store/session/selectors';
+
+import CategoryContent from './CategoryContent';
+
+const AgentSettings = memo(() => {
+  const { t } = useTranslation('setting');
+  const id = useSessionStore((s) => s.activeId);
+  const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
+  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
+  const [showAgentSetting, updateAgentConfig] = useAgentStore((s) => [
+    s.showAgentSetting,
+    s.updateAgentConfig,
+  ]);
+  const [updateAgentMeta] = useSessionStore((s) => [
+    s.updateSessionMeta,
+    sessionMetaSelectors.currentAgentTitle(s),
+  ]);
+
+  const [tab, setTab] = useState(ChatSettingsTabs.Meta);
+
+  const ref = useRef<any>(null);
+  const theme = useTheme();
+  const { md = true, mobile = false } = useResponsive();
+
+  const category = <CategoryContent setTab={setTab} tab={tab} />;
+  return (
+    <Provider createStore={createStore}>
+      <StoreUpdater
+        config={config}
+        id={id}
+        meta={meta}
+        onConfigChange={updateAgentConfig}
+        onMetaChange={updateAgentMeta}
+      />
+      <Drawer
+        height={'100vh'}
+        onClose={() => {
+          useAgentStore.setState({ showAgentSetting: false });
+        }}
+        open={showAgentSetting}
+        placement={'bottom'}
+        styles={{
+          body: { padding: 0 },
+          content: {
+            background: theme.colorBgContainer,
+          },
+        }}
+        title={t('header.session')}
+      >
+        <Flexbox height={'100%'} horizontal={md} ref={ref} width={'100%'}>
+          {md ? (
+            <Flexbox padding={16}>{category}</Flexbox>
+          ) : (
+            <Header
+              getContainer={() => ref.current}
+              title={t(`agentTab.${tab as ChatSettingsTabs}`)}
+            >
+              {category}
+            </Header>
+          )}
+          <Flexbox
+            align={'center'}
+            gap={mobile ? 0 : 64}
+            paddingInline={mobile ? 0 : 56}
+            style={{
+              background: mobile
+                ? theme.colorBgContainer
+                : theme.isDarkMode
+                  ? theme.colorFillQuaternary
+                  : theme.colorBgElevated,
+              minHeight: '100%',
+              overflowX: 'hidden',
+              overflowY: 'auto',
+              paddingTop: mobile ? 0 : 16,
+            }}
+            width={'100%'}
+          >
+            {tab === ChatSettingsTabs.Meta && <AgentMeta />}
+            {tab === ChatSettingsTabs.Prompt && <AgentPrompt modal />}
+            {tab === ChatSettingsTabs.Chat && <AgentChat />}
+            {tab === ChatSettingsTabs.Modal && <AgentModal />}
+            {tab === ChatSettingsTabs.TTS && <AgentTTS />}
+            {tab === ChatSettingsTabs.Plugin && <AgentPlugin />} <Footer />
+          </Flexbox>
+        </Flexbox>
+      </Drawer>
+    </Provider>
+  );
+});
+
+export default AgentSettings;

package/src/app/[variants]/(main)/chat/(workspace)/features/SettingButton.tsx

@@ -2,23 +2,31 @@
 
 import { ActionIcon } from '@lobehub/ui';
 import { AlignJustify } from 'lucide-react';
+import dynamic from 'next/dynamic';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { DESKTOP_HEADER_ICON_SIZE, MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
 
+const AgentSettings = dynamic(() => import('./AgentSettings'), {
+  ssr: false,
+});
+
 const SettingButton = memo<{ mobile?: boolean }>(({ mobile }) => {
   const { t } = useTranslation('common');
   const openChatSettings = useOpenChatSettings();
 
   return (
-    <ActionIcon
-      icon={AlignJustify}
-      onClick={() => openChatSettings()}
-      size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
-      title={t('header.session', { ns: 'setting' })}
-    />
+    <>
+      <ActionIcon
+        icon={AlignJustify}
+        onClick={() => openChatSettings()}
+        size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
+        title={t('header.session', { ns: 'setting' })}
+      />
+      <AgentSettings />
+    </>
   );
 });
 

package/src/hooks/useInterceptingRoutes.test.ts

@@ -1,11 +1,10 @@
-import { renderHook } from '@testing-library/react';
-import urlJoin from 'url-join';
+import { act, renderHook } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
 import { INBOX_SESSION_ID } from '@/const/session';
 import { useIsMobile } from '@/hooks/useIsMobile';
-import { useGlobalStore } from '@/store/global';
-import { ChatSettingsTabs, SettingsTabs, SidebarTabKey } from '@/store/global/initialState';
+import { useAgentStore } from '@/store/agent';
+import { ChatSettingsTabs } from '@/store/global/initialState';
 import { useSessionStore } from '@/store/session';
 
 import { useOpenChatSettings } from './useInterceptingRoutes';
@@ -50,7 +49,13 @@ describe('useOpenChatSettings', () => {
   it('should handle desktop route for chat settings with session and tab', () => {
     vi.mocked(useSessionStore).mockReturnValue('456');
     vi.mocked(useIsMobile).mockReturnValue(false);
+
     const { result } = renderHook(() => useOpenChatSettings(ChatSettingsTabs.Meta));
-    expect(result.current()).toBe('/chat/settings/modal?session=456&tab=meta');
+
+    act(() => {
+      result.current();
+    });
+
+    expect(useAgentStore.getState().showAgentSetting).toBeTruthy();
   });
 });

package/src/hooks/useInterceptingRoutes.ts

@@ -4,23 +4,25 @@ import urlJoin from 'url-join';
 import { INBOX_SESSION_ID } from '@/const/session';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { useAgentStore } from '@/store/agent';
 import { ChatSettingsTabs, SettingsTabs } from '@/store/global/initialState';
 import { useSessionStore } from '@/store/session';
 
 export const useOpenChatSettings = (tab: ChatSettingsTabs = ChatSettingsTabs.Meta) => {
   const activeId = useSessionStore((s) => s.activeId);
+
+  const isMobile = useIsMobile();
   const router = useQueryRoute();
-  const mobile = useIsMobile();
 
   return useMemo(() => {
     if (activeId === INBOX_SESSION_ID) {
       return () => router.push(urlJoin('/settings', SettingsTabs.Agent));
     }
-    if (mobile) {
-      return () => router.push('/chat/settings');
-    } else {
-      // use Intercepting Routes on Desktop
-      return () => router.push('/chat/settings/modal', { query: { session: activeId, tab } });
-    }
-  }, [mobile, activeId, router, tab]);
+
+    if (isMobile) return () => router.push('/chat/settings');
+
+    return () => {
+      useAgentStore.setState({ showAgentSetting: true });
+    };
+  }, [activeId, router, tab, isMobile]);
 };

package/src/libs/agent-runtime/utils/streams/openai.test.ts

@@ -755,6 +755,225 @@ describe('OpenAIStream', () => {
       );
     });
 
+    it('should handle reasoning event in aliyun bailian api', async () => {
+      const data = [
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { role: 'assistant', content: '', reasoning_content: '' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '', reasoning_content: '您好' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '', reasoning_content: '！' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '', reasoning_content: '' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '你好', reasoning_content: '' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '很高兴', reasoning_cont: '' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '为您', reasoning_content: '' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '提供', reasoning_content: '' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '帮助。', reasoning_content: '' },
+              logprobs: null,
+              finish_reason: null,
+            },
+          ],
+        },
+        {
+          id: '1',
+          object: 'chat.completion.chunk',
+          created: 1737563070,
+          model: 'deepseek-reasoner',
+          system_fingerprint: 'fp_1c5d8833bc',
+          choices: [
+            {
+              index: 0,
+              delta: { content: '', reasoning_content: '' },
+              logprobs: null,
+              finish_reason: 'stop',
+            },
+          ],
+          usage: {
+            prompt_tokens: 6,
+            completion_tokens: 104,
+            total_tokens: 110,
+            prompt_tokens_details: { cached_tokens: 0 },
+            completion_tokens_details: { reasoning_tokens: 70 },
+            prompt_cache_hit_tokens: 0,
+            prompt_cache_miss_tokens: 6,
+          },
+        },
+      ];
+
+      const mockOpenAIStream = new ReadableStream({
+        start(controller) {
+          data.forEach((chunk) => {
+            controller.enqueue(chunk);
+          });
+
+          controller.close();
+        },
+      });
+
+      const protocolStream = OpenAIStream(mockOpenAIStream);
+
+      const decoder = new TextDecoder();
+      const chunks = [];
+
+      // @ts-ignore
+      for await (const chunk of protocolStream) {
+        chunks.push(decoder.decode(chunk, { stream: true }));
+      }
+
+      expect(chunks).toEqual(
+        [
+          'id: 1',
+          'event: reasoning',
+          `data: ""\n`,
+          'id: 1',
+          'event: reasoning',
+          `data: "您好"\n`,
+          'id: 1',
+          'event: reasoning',
+          `data: "！"\n`,
+          'id: 1',
+          'event: reasoning',
+          `data: ""\n`,
+          'id: 1',
+          'event: text',
+          `data: "你好"\n`,
+          'id: 1',
+          'event: text',
+          `data: "很高兴"\n`,
+          'id: 1',
+          'event: text',
+          `data: "为您"\n`,
+          'id: 1',
+          'event: text',
+          `data: "提供"\n`,
+          'id: 1',
+          'event: text',
+          `data: "帮助。"\n`,
+          'id: 1',
+          'event: stop',
+          `data: "stop"\n`,
+        ].map((i) => `${i}\n`),
+      );
+    });
+
     it('should handle reasoning in litellm', async () => {
       const data = [
         {

package/src/libs/agent-runtime/utils/streams/openai.ts

@@ -87,20 +87,31 @@ export const transformOpenAIStream = (
       return { data: item.finish_reason, id: chunk.id, type: 'stop' };
     }
 
-    // DeepSeek reasoner will put thinking in the reasoning_content field
-    // litellm will not set content = null when processing reasoning content
-    // en: siliconflow has encountered a situation where both content and reasoning_content are present, so the parsing order go ahead
-    // refs: https://github.com/lobehub/lobe-chat/issues/5681
-    if (
-      item.delta &&
-      'reasoning_content' in item.delta &&
-      typeof item.delta.reasoning_content === 'string'
-    ) {
-      return { data: item.delta.reasoning_content, id: chunk.id, type: 'reasoning' };
-    }
+    if (item.delta) {
+      let reasoning_content =
+        'reasoning_content' in item.delta ? item.delta.reasoning_content : null;
+      let content = 'content' in item.delta ? item.delta.content : null;
+
+      // DeepSeek reasoner will put thinking in the reasoning_content field
+      // litellm and not set content = null when processing reasoning content
+      // en: siliconflow and aliyun bailian has encountered a situation where both content and reasoning_content are present, so need to handle it
+      // refs: https://github.com/lobehub/lobe-chat/issues/5681 (siliconflow)
+      // refs: https://github.com/lobehub/lobe-chat/issues/5956 (aliyun bailian)
+      if (typeof content === 'string' && typeof reasoning_content === 'string') {
+        if (content === '' && reasoning_content === '') {
+          content = null;
+        } else if (reasoning_content === '') {
+          reasoning_content = null;
+        }
+      }
 
-    if (typeof item.delta?.content === 'string') {
-      return { data: item.delta.content, id: chunk.id, type: 'text' };
+      if (typeof reasoning_content === 'string') {
+        return { data: reasoning_content, id: chunk.id, type: 'reasoning' };
+      }
+
+      if (typeof content === 'string') {
+        return { data: content, id: chunk.id, type: 'text' };
+      }
     }
 
     // 无内容情况

package/src/libs/agent-runtime/utils/streams/qwen.ts

@@ -61,6 +61,16 @@ export const transformQwenStream = (chunk: OpenAI.ChatCompletionChunk): StreamPr
     } as StreamProtocolToolCallChunk;
   }
 
+  // DeepSeek reasoner will put thinking in the reasoning_content field
+  if (
+    item.delta &&
+    'reasoning_content' in item.delta &&
+    typeof item.delta.reasoning_content === 'string' &&
+    item.delta.reasoning_content !== ''
+  ) {
+    return { data: item.delta.reasoning_content, id: chunk.id, type: 'reasoning' };
+  }
+
   if (typeof item.delta?.content === 'string') {
     return { data: item.delta.content, id: chunk.id, type: 'text' };
   }

package/src/store/agent/slices/chat/initialState.ts

@@ -11,6 +11,7 @@ export interface AgentState {
   agentSettingInstance?: AgentSettingsInstance | null;
   defaultAgentConfig: LobeAgentConfig;
   isInboxAgentConfigInit: boolean;
+  showAgentSetting: boolean;
   updateAgentChatConfigSignal?: AbortController;
   updateAgentConfigSignal?: AbortController;
 }
@@ -20,4 +21,5 @@ export const initialAgentChatState: AgentState = {
   agentMap: {},
   defaultAgentConfig: DEFAULT_AGENT_CONFIG,
   isInboxAgentConfigInit: false,
+  showAgentSetting: false,
 };

package/src/app/[variants]/(main)/chat/settings/modal/page.tsx

@@ -1,23 +0,0 @@
-'use client';
-
-import { useLayoutEffect } from 'react';
-
-import { useQueryRoute } from '@/hooks/useQueryRoute';
-
-/**
- * @description: Chat Settings Modal (intercepting routes fallback when hard refresh)
- * @example: /chat/settings/modal?tab=prompt => /chat/settings
- * @refs: https://github.com/lobehub/lobe-chat/discussions/2295#discussioncomment-9290942
- */
-
-const ChatSettingsModalFallback = () => {
-  const router = useQueryRoute();
-
-  useLayoutEffect(() => {
-    router.replace('/chat/settings', { query: { tab: '' } });
-  }, []);
-
-  return null;
-};
-
-export default ChatSettingsModalFallback;

package/src/app/[variants]/@modal/chat/(.)settings/modal/layout.tsx

@@ -1,61 +0,0 @@
-'use client';
-
-import { Skeleton } from 'antd';
-import isEqual from 'fast-deep-equal';
-import dynamic from 'next/dynamic';
-import { PropsWithChildren, memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import ModalLayout from '@/app/[variants]/@modal/_layout/ModalLayout';
-import StoreUpdater from '@/features/AgentSetting/StoreUpdater';
-import { Provider, createStore } from '@/features/AgentSetting/store';
-import { useChatSettingsTab } from '@/hooks/useChatSettingsTab';
-import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/slices/chat';
-import { ChatSettingsTabs } from '@/store/global/initialState';
-import { useSessionStore } from '@/store/session';
-import { sessionMetaSelectors } from '@/store/session/selectors';
-
-import SettingModalLayout from '../../../_layout/SettingModalLayout';
-
-const CategoryContent = dynamic(() => import('./features/CategoryContent'), {
-  loading: () => <Skeleton paragraph={{ rows: 6 }} title={false} />,
-  ssr: false,
-});
-
-const Layout = memo<PropsWithChildren>(({ children }) => {
-  const tab = useChatSettingsTab();
-  const { t } = useTranslation('setting');
-  const id = useSessionStore((s) => s.activeId);
-  const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
-  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
-  const [updateAgentConfig] = useAgentStore((s) => [s.updateAgentConfig]);
-  const [updateAgentMeta] = useSessionStore((s) => [
-    s.updateSessionMeta,
-    sessionMetaSelectors.currentAgentTitle(s),
-  ]);
-
-  return (
-    <ModalLayout>
-      <SettingModalLayout
-        activeTitle={t(`agentTab.${tab as ChatSettingsTabs}`)}
-        category={<CategoryContent />}
-        desc={t('header.sessionDesc')}
-        title={t('header.session')}
-      >
-        <Provider createStore={createStore}>
-          <StoreUpdater
-            config={config}
-            id={id}
-            meta={meta}
-            onConfigChange={updateAgentConfig}
-            onMetaChange={updateAgentMeta}
-          />
-          {children}
-        </Provider>
-      </SettingModalLayout>
-    </ModalLayout>
-  );
-});
-
-export default Layout;

package/src/app/[variants]/@modal/chat/(.)settings/modal/loading.tsx

@@ -1,5 +0,0 @@
-import { Skeleton } from 'antd';
-
-export default () => {
-  return <Skeleton paragraph={{ rows: 6 }} style={{ paddingBlock: 16 }} />;
-};

package/src/app/[variants]/@modal/chat/(.)settings/modal/page.tsx

@@ -1,56 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-
-import { useChatSettingsTab } from '@/hooks/useChatSettingsTab';
-import { ChatSettingsTabs } from '@/store/global/initialState';
-
-import Skeleton from './loading';
-
-const loading = () => <Skeleton />;
-
-const AgentMeta = dynamic(() => import('@/features/AgentSetting/AgentMeta'), {
-  loading,
-  ssr: false,
-});
-const AgentChat = dynamic(() => import('@/features/AgentSetting/AgentChat'), {
-  loading,
-  ssr: false,
-});
-const AgentPrompt = dynamic(() => import('@/features/AgentSetting/AgentPrompt'), {
-  loading,
-  ssr: false,
-});
-const AgentPlugin = dynamic(() => import('@/features/AgentSetting/AgentPlugin'), {
-  loading,
-  ssr: false,
-});
-const AgentModal = dynamic(() => import('@/features/AgentSetting/AgentModal'), {
-  loading,
-  ssr: false,
-});
-const AgentTTS = dynamic(() => import('@/features/AgentSetting/AgentTTS'), { loading, ssr: false });
-
-/**
- * @description: Agent Settings Modal (intercepting route: /chat/settings/modal )
- * @refs: https://github.com/lobehub/lobe-chat/discussions/2295#discussioncomment-9290942
- */
-
-const Page = () => {
-  const tab = useChatSettingsTab();
-
-  return (
-    <>
-      {tab === ChatSettingsTabs.Meta && <AgentMeta />}
-      {tab === ChatSettingsTabs.Prompt && <AgentPrompt modal />}
-      {tab === ChatSettingsTabs.Chat && <AgentChat />}
-      {tab === ChatSettingsTabs.Modal && <AgentModal />}
-      {tab === ChatSettingsTabs.TTS && <AgentTTS />}
-      {tab === ChatSettingsTabs.Plugin && <AgentPlugin />}
-    </>
-  );
-};
-
-Page.displayName = 'AgentSettingModal';
-
-export default Page;

package/src/hooks/useChatSettingsTab.ts

@@ -1,12 +0,0 @@
-import { useQueryState } from 'nuqs';
-
-import { ChatSettingsTabs } from '@/store/global/initialState';
-
-export const useChatSettingsTab = () => {
-  const [type] = useQueryState('tab', {
-    clearOnDefault: true,
-    defaultValue: ChatSettingsTabs.Meta,
-  });
-
-  return type as ChatSettingsTabs;
-};