@lobehub/chat 1.84.2 → 1.84.3

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 # Changelog
 
+### [Version 1.84.3](https://github.com/lobehub/lobe-chat/compare/v1.84.2...v1.84.3)
+
+<sup>Released on **2025-04-28**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix mcp server stdio spawn ENOENT in electron bundle, Fix mobile agent settings and textarea scroll, Remove `gpt-4o-search-preview` unsupported parameters.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix mcp server stdio spawn ENOENT in electron bundle, closes [#7616](https://github.com/lobehub/lobe-chat/issues/7616) ([e85d59b](https://github.com/lobehub/lobe-chat/commit/e85d59b))
+- **misc**: Fix mobile agent settings and textarea scroll, closes [#7618](https://github.com/lobehub/lobe-chat/issues/7618) ([c45f2b0](https://github.com/lobehub/lobe-chat/commit/c45f2b0))
+- **misc**: Remove `gpt-4o-search-preview` unsupported parameters, closes [#7586](https://github.com/lobehub/lobe-chat/issues/7586) ([d2060ca](https://github.com/lobehub/lobe-chat/commit/d2060ca))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.84.2](https://github.com/lobehub/lobe-chat/compare/v1.84.1...v1.84.2)
 
 <sup>Released on **2025-04-28**</sup>

package/apps/desktop/electron-builder.js

@@ -68,10 +68,14 @@ const config = {
     gatekeeperAssess: false,
     hardenedRuntime: true,
     notarize: true,
-    target: [
-      { arch: ['x64', 'arm64'], target: 'dmg' },
-      { arch: ['x64', 'arm64'], target: 'zip' },
-    ],
+    target:
+      // 降低构建时间，nightly 只打 arm64
+      isNightly
+        ? [{ arch: ['arm64'], target: 'dmg' }]
+        : [
+            { arch: ['x64', 'arm64'], target: 'dmg' },
+            { arch: ['x64', 'arm64'], target: 'zip' },
+          ],
   },
   npmRebuild: true,
   nsis: {

package/apps/desktop/package.json

@@ -54,6 +54,7 @@
     "electron-store": "^8.2.0",
     "electron-vite": "^3.0.0",
     "execa": "^9.5.2",
+    "fix-path": "^4.0.0",
     "just-diff": "^6.0.2",
     "lodash": "^4.17.21",
     "pglite-server": "^0.1.4",

package/apps/desktop/src/main/index.ts

@@ -1,5 +1,8 @@
+import fixPath from 'fix-path';
+
 import { App } from './core/App';
 
 const app = new App();
 
+fixPath();
 app.bootstrap();

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix mcp server stdio spawn ENOENT in electron bundle, Fix mobile agent settings and textarea scroll, Remove gpt-4o-search-preview unsupported parameters."
+      ]
+    },
+    "date": "2025-04-28",
+    "version": "1.84.3"
+  },
   {
     "children": {},
     "date": "2025-04-28",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.84.2",
+  "version": "1.84.3",
   "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",
@@ -146,7 +146,7 @@
     "@lobehub/chat-plugins-gateway": "^1.9.0",
     "@lobehub/icons": "^2.0.0",
     "@lobehub/tts": "^2.0.0",
-    "@lobehub/ui": "^2.0.1",
+    "@lobehub/ui": "^2.0.5",
     "@modelcontextprotocol/sdk": "^1.10.1",
     "@neondatabase/serverless": "^1.0.0",
     "@next/third-parties": "^15.3.0",

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatInput/Mobile/InputArea/index.tsx

@@ -27,8 +27,9 @@ const useStyles = createStyles(({ css, token }) => {
       position: absolute;
       inset-inline-start: 14px;
     `,
-    expandTextArea: css`
+    textarea: css`
       flex: 1;
+      transition: none !important;
     `,
   };
 });
@@ -114,7 +115,7 @@ const MobileChatInputArea = forwardRef<TextAreaRef, MobileChatInputAreaProps>(
           >
             <TextArea
               autoSize={expand ? false : { maxRows: 6, minRows: 0 }}
-              className={cx(expand && styles.expandTextArea)}
+              className={styles.textarea}
               onBlur={(e) => {
                 onInput?.(e.target.value);
                 setIsFocused(false);

package/src/app/[variants]/(main)/chat/_layout/Desktop/RegisterHotkeys.tsx

@@ -1,10 +1,13 @@
 'use client';
 
+import { memo } from 'react';
+
 import { useRegisterChatHotkeys } from '@/hooks/useHotkeys';
 
-const RegisterHotkeys = () => {
+const RegisterHotkeys = memo(() => {
   useRegisterChatHotkeys();
-  return null;
-};
+
+  return '';
+});
 
 export default RegisterHotkeys;

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

@@ -7,22 +7,20 @@ import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import PageTitle from '@/components/PageTitle';
-import { INBOX_SESSION_ID } from '@/const/session';
+import { useCategory } from '@/features/AgentSetting/AgentCategory/useCategory';
+import AgentSettings from '@/features/AgentSetting/AgentSettings';
 import { useInitAgentConfig } from '@/hooks/useInitAgentConfig';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
 import { ChatSettingsTabs } from '@/store/global/initialState';
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
 import { sessionMetaSelectors } from '@/store/session/selectors';
 
-import AgentSettings from '../../../../../features/AgentSetting/AgentSettings';
-
 const EditPage = memo(() => {
   const { t } = useTranslation('setting');
   const [tab, setTab] = useState(ChatSettingsTabs.Prompt);
   const theme = useTheme();
-
+  const cateItems = useCategory();
   const [id, updateAgentMeta, title] = useSessionStore((s) => [
     s.activeId,
     s.updateSessionMeta,
@@ -36,39 +34,12 @@ const EditPage = memo(() => {
 
   const { isLoading } = useInitAgentConfig();
 
-  const { enablePlugins } = useServerConfigStore(featureFlagsSelectors);
-
   return (
     <>
       <PageTitle title={t('header.sessionWithName', { name: title })} />
       <Tabs
         compact
-        items={[
-          {
-            key: ChatSettingsTabs.Prompt,
-            label: t('settingAgent.prompt.title'),
-          },
-          (id !== INBOX_SESSION_ID && {
-            key: ChatSettingsTabs.Meta,
-            label: t('settingAgent.title'),
-          }) as any,
-          {
-            key: ChatSettingsTabs.Chat,
-            label: t('settingChat.title'),
-          },
-          {
-            key: ChatSettingsTabs.Modal,
-            label: t('settingModel.title'),
-          },
-          {
-            key: ChatSettingsTabs.TTS,
-            label: t('settingTTS.title'),
-          },
-          (enablePlugins && {
-            key: ChatSettingsTabs.Plugin,
-            label: t('settingPlugin.title'),
-          }) as any,
-        ]}
+        items={cateItems as any}
         onChange={(value) => setTab(value as ChatSettingsTabs)}
         style={{
           borderBottom: `1px solid ${theme.colorBorderSecondary}`,

package/src/app/[variants]/(main)/settings/_layout/Desktop/Header.tsx

@@ -15,7 +15,7 @@ const useStyles = createStyles(({ token, css }) => ({
     position: relative;
     flex: none;
     height: 54px;
-    background: ${token.colorBgContainer};
+    background: ${token.colorBgLayout};
   `,
   title: css`
     font-size: 18px;
@@ -52,6 +52,11 @@ const Header = memo<HeaderProps>(({ children, getContainer, title }) => {
             }
           />
         }
+        styles={{
+          left: {
+            padding: 0,
+          },
+        }}
       />
       <Drawer
         getContainer={getContainer}
@@ -61,7 +66,7 @@ const Header = memo<HeaderProps>(({ children, getContainer, title }) => {
         placement={'left'}
         rootStyle={{ position: 'absolute' }}
         style={{
-          background: theme.colorBgContainer,
+          background: theme.colorBgLayout,
           borderRight: `1px solid ${theme.colorSplit}`,
         }}
         styles={{

package/src/app/[variants]/(main)/settings/_layout/Mobile/Header.tsx

@@ -2,12 +2,14 @@
 
 import { Tag } from '@lobehub/ui';
 import { ChatHeader } from '@lobehub/ui/mobile';
+import { usePathname } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { enableAuth } from '@/const/auth';
 import { useActiveSettingsKey } from '@/hooks/useActiveTabKey';
+import { useProviderName } from '@/hooks/useProviderName';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
 import { useShowMobileWorkspace } from '@/hooks/useShowMobileWorkspace';
 import { SettingsTabs } from '@/store/global/initialState';
@@ -21,6 +23,9 @@ const Header = memo(() => {
   const showMobileWorkspace = useShowMobileWorkspace();
   const activeSettingsKey = useActiveSettingsKey();
   const isSessionActive = useSessionStore((s) => !!s.activeId);
+  const pathname = usePathname();
+  const isProvider = pathname.includes('/settings/provider/');
+  const providerName = useProviderName(activeSettingsKey);
 
   const handleBackClick = () => {
     if (isSessionActive && showMobileWorkspace) {
@@ -29,13 +34,16 @@ const Header = memo(() => {
       router.push(enableAuth ? '/me/settings' : '/me');
     }
   };
+
   return (
     <ChatHeader
       center={
         <ChatHeader.Title
           title={
             <Flexbox align={'center'} gap={8} horizontal>
-              <span style={{ lineHeight: 1.2 }}> {t(`tab.${activeSettingsKey}`)}</span>
+              <span style={{ lineHeight: 1.2 }}>
+                {isProvider ? providerName : t(`tab.${activeSettingsKey}`)}
+              </span>
               {activeSettingsKey === SettingsTabs.Sync && (
                 <Tag bordered={false} color={'warning'}>
                   {t('tab.experiment')}

package/src/app/[variants]/(main)/settings/agent/_layout/Desktop.tsx

@@ -10,7 +10,7 @@ const Layout = ({ children }: PropsWithChildren) => {
   return (
     <>
       <NProgress />
-      <Flexbox horizontal width={'100%'}>
+      <Flexbox height={'100%'} horizontal width={'100%'}>
         <AgentMenu />
         <SettingContainer>{children}</SettingContainer>
       </Flexbox>

package/src/app/[variants]/(main)/settings/agent/_layout/Mobile.tsx

@@ -1,14 +1,7 @@
-'use client';
-
-import { usePathname } from 'next/navigation';
 import { PropsWithChildren } from 'react';
 
-import ProviderMenu from '../AgentMenu';
-
 const Layout = ({ children }: PropsWithChildren) => {
-  const pathname = usePathname();
-
-  return pathname === '/settings/agent' ? <ProviderMenu mobile /> : children;
+  return children;
 };
 
 export default Layout;

package/src/app/[variants]/(main)/settings/agent/index.tsx

@@ -1,38 +1,58 @@
 'use client';
 
+import { Tabs } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { useQueryState } from 'nuqs';
 import { memo } from 'react';
 
 import { INBOX_SESSION_ID } from '@/const/session';
 import { AgentSettings } from '@/features/AgentSetting';
+import { useCategory } from '@/features/AgentSetting/AgentCategory/useCategory';
 import { ChatSettingsTabs } from '@/store/global/initialState';
+import { useServerConfigStore } from '@/store/serverConfig';
 import { useUserStore } from '@/store/user';
 import { settingsSelectors } from '@/store/user/selectors';
 
 const Page = memo(() => {
-  const [tab] = useQueryState('tab', {
+  const cateItems = useCategory();
+  const [tab, setTab] = useQueryState('tab', {
     defaultValue: ChatSettingsTabs.Prompt,
   });
   const config = useUserStore(settingsSelectors.defaultAgentConfig, isEqual);
   const meta = useUserStore(settingsSelectors.defaultAgentMeta, isEqual);
   const [updateAgent] = useUserStore((s) => [s.updateDefaultAgent]);
   const isUserStateInit = useUserStore((s) => s.isUserStateInit);
+  const theme = useTheme();
+  const mobile = useServerConfigStore((s) => s.isMobile);
 
   return (
-    <AgentSettings
-      config={config}
-      id={INBOX_SESSION_ID}
-      loading={!isUserStateInit}
-      meta={meta}
-      onConfigChange={(config) => {
-        updateAgent({ config });
-      }}
-      onMetaChange={(meta) => {
-        updateAgent({ meta });
-      }}
-      tab={tab as ChatSettingsTabs}
-    />
+    <>
+      {mobile && (
+        <Tabs
+          activeKey={tab}
+          compact
+          items={cateItems as any}
+          onChange={(value) => setTab(value as ChatSettingsTabs)}
+          style={{
+            borderBottom: `1px solid ${theme.colorBorderSecondary}`,
+          }}
+        />
+      )}
+      <AgentSettings
+        config={config}
+        id={INBOX_SESSION_ID}
+        loading={!isUserStateInit}
+        meta={meta}
+        onConfigChange={(config) => {
+          updateAgent({ config });
+        }}
+        onMetaChange={(meta) => {
+          updateAgent({ meta });
+        }}
+        tab={tab as ChatSettingsTabs}
+      />
+    </>
   );
 });
 

package/src/app/[variants]/(main)/settings/common/features/Common.tsx

@@ -60,6 +60,7 @@ const Common = memo(() => {
         ),
         desc: t('danger.reset.desc'),
         label: t('danger.reset.title'),
+        layout: 'horizontal',
         minWidth: undefined,
       },
     ],

package/src/app/[variants]/(main)/settings/provider/features/ModelList/index.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useTheme } from 'antd-style';
 import { Suspense, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
@@ -48,12 +49,21 @@ interface ModelListProps extends ProviderSettingsContextValue {
 const ModelList = memo<ModelListProps>(
   ({ id, showModelFetcher, sdkType, showAddNewModel, showDeployName, modelEditable = true }) => {
     const mobile = useIsMobile();
+    const theme = useTheme();
 
     return (
       <ProviderSettingsContext
         value={{ modelEditable, sdkType, showAddNewModel, showDeployName, showModelFetcher }}
       >
-        <Flexbox gap={16} paddingInline={mobile ? 12 : 0}>
+        <Flexbox
+          gap={16}
+          paddingInline={mobile ? 12 : 0}
+          style={{
+            background: mobile ? theme.colorBgContainer : undefined,
+            paddingBottom: 16,
+            paddingTop: 8,
+          }}
+        >
           <ModelTitle
             provider={id}
             showAddNewModel={showAddNewModel}

package/src/app/[variants]/(main)/settings/storage/Advanced.tsx

@@ -64,6 +64,7 @@ const AdvancedActions = () => {
           </DataImporter>
         ),
         label: t('storage.actions.import.title'),
+        layout: 'horizontal',
         minWidth: undefined,
       },
       {
@@ -78,6 +79,7 @@ const AdvancedActions = () => {
           </Button>
         ),
         label: t('storage.actions.export.title'),
+        layout: 'horizontal',
         minWidth: undefined,
       },
       {
@@ -88,6 +90,7 @@ const AdvancedActions = () => {
         ),
         desc: t('danger.clear.desc'),
         label: t('danger.clear.title'),
+        layout: 'horizontal',
         minWidth: undefined,
       },
     ],

package/src/features/ChatInput/ActionBar/Params/ParamsControls.tsx

@@ -14,21 +14,21 @@ import {
 } from '@/features/ModelParamsControl';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
+import { useServerConfigStore } from '@/store/serverConfig';
 
 interface ParamsControlsProps {
   setUpdating: (updating: boolean) => void;
 }
 const ParamsControls = memo<ParamsControlsProps>(({ setUpdating }) => {
   const { t } = useTranslation('setting');
-
+  const mobile = useServerConfigStore((s) => s.isMobile);
   const updateAgentConfig = useAgentStore((s) => s.updateAgentConfig);
 
   const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
 
-  const items: FormItemProps[] = [
+  let items: FormItemProps[] = [
     {
       children: <Temperature />,
-      desc: <Tag>temperature</Tag>,
       label: (
         <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>
           {t('settingModel.temperature.title')}
@@ -36,10 +36,10 @@ const ParamsControls = memo<ParamsControlsProps>(({ setUpdating }) => {
         </Flexbox>
       ),
       name: ['params', 'temperature'],
+      tag: 'temperature',
     },
     {
       children: <TopP />,
-      desc: <Tag>top_p</Tag>,
       label: (
         <Flexbox gap={8} horizontal>
           {t('settingModel.topP.title')}
@@ -47,10 +47,10 @@ const ParamsControls = memo<ParamsControlsProps>(({ setUpdating }) => {
         </Flexbox>
       ),
       name: ['params', 'top_p'],
+      tag: 'top_p',
     },
     {
       children: <PresencePenalty />,
-      desc: <Tag>presence_penalty</Tag>,
       label: (
         <Flexbox gap={8} horizontal>
           {t('settingModel.presencePenalty.title')}
@@ -58,10 +58,10 @@ const ParamsControls = memo<ParamsControlsProps>(({ setUpdating }) => {
         </Flexbox>
       ),
       name: ['params', 'presence_penalty'],
+      tag: 'presence_penalty',
     },
     {
       children: <FrequencyPenalty />,
-      desc: <Tag>frequency_penalty</Tag>,
       label: (
         <Flexbox gap={8} horizontal>
           {t('settingModel.frequencyPenalty.title')}
@@ -69,6 +69,7 @@ const ParamsControls = memo<ParamsControlsProps>(({ setUpdating }) => {
         </Flexbox>
       ),
       name: ['params', 'frequency_penalty'],
+      tag: 'frequency_penalty',
     },
   ];
 
@@ -76,7 +77,9 @@ const ParamsControls = memo<ParamsControlsProps>(({ setUpdating }) => {
     <Form
       initialValues={config}
       itemMinWidth={200}
-      items={items}
+      items={
+        mobile ? items : items.map(({ tag, ...item }) => ({ ...item, desc: <Tag>{tag}</Tag> }))
+      }
       itemsType={'flat'}
       onValuesChange={debounce(async (values) => {
         setUpdating(true);
@@ -84,6 +87,13 @@ const ParamsControls = memo<ParamsControlsProps>(({ setUpdating }) => {
         setUpdating(false);
       }, 500)}
       style={{ fontSize: 12 }}
+      styles={{
+        group: {
+          background: 'transparent',
+          paddingBottom: mobile ? 16 : 0,
+          paddingInline: 0,
+        },
+      }}
       variant={'borderless'}
     />
   );

package/src/hooks/useHotkeys/chatScope.ts

@@ -107,6 +107,4 @@ export const useRegisterChatHotkeys = () => {
     enableScope(HotkeyScopeEnum.Chat);
     return () => disableScope(HotkeyScopeEnum.Chat);
   }, []);
-
-  return null;
 };

package/src/hooks/useHotkeys/filesScope.ts

@@ -32,6 +32,4 @@ export const useRegisterFilesHotkeys = () => {
     enableScope(HotkeyScopeEnum.Files);
     return () => disableScope(HotkeyScopeEnum.Files);
   }, []);
-
-  return null;
 };

package/src/libs/agent-runtime/openai/index.ts

@@ -18,6 +18,17 @@ export const LobeOpenAI = LobeOpenAICompatibleFactory({
         return pruneReasoningPayload(payload) as any;
       }
 
+      if (model.includes('-search-')) {
+        return {
+          ...payload,
+          frequency_penalty: undefined,
+          presence_penalty: undefined,
+          stream: payload.stream ?? true,
+          temperature: undefined,
+          top_p: undefined,
+        };
+      }
+
       return { ...payload, stream: payload.stream ?? true };
     },
   },

package/src/libs/mcp/client.ts

@@ -1,5 +1,8 @@
 import { Client } from '@modelcontextprotocol/sdk/client/index.js';
-import { StdioClientTransport } from '@modelcontextprotocol/sdk/client/stdio.js';
+import {
+  StdioClientTransport,
+  getDefaultEnvironment,
+} from '@modelcontextprotocol/sdk/client/stdio.js';
 import { StreamableHTTPClientTransport } from '@modelcontextprotocol/sdk/client/streamableHttp.js';
 import type { Transport } from '@modelcontextprotocol/sdk/shared/transport.d.ts';
 import debug from 'debug';
@@ -24,9 +27,14 @@ export class MCPClient {
       }
       case 'stdio': {
         log('Using Stdio transport with command: %s and args: %O', params.command, params.args);
+
         this.transport = new StdioClientTransport({
           args: params.args,
           command: params.command,
+          env: {
+            ...getDefaultEnvironment(),
+            ...params.env,
+          },
         });
         break;
       }

package/src/libs/mcp/types.ts

@@ -20,6 +20,7 @@ interface HttpMCPClientParams {
 interface StdioMCPParams {
   args: string[];
   command: string;
+  env?: Record<string, string>;
   name: string;
   type: 'stdio';
 }