@lobehub/lobehub 2.0.0-next.51 → 2.0.0-next.52

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

@@ -409,6 +409,50 @@ describe('LobeOpenAI', () => {
       const createCall = (instance['client'].responses.create as Mock).mock.calls[0][0];
       expect(createCall.reasoning).toEqual({ effort: 'high', summary: 'auto' });
     });
+
+    it('should convert max_tokens to max_output_tokens for responses API', async () => {
+      const payload = {
+        max_tokens: 2048,
+        messages: [{ content: 'Hello', role: 'user' as const }],
+        model: 'o1-pro',
+        temperature: 0.7,
+      };
+
+      await instance.chat(payload);
+
+      const createCall = (instance['client'].responses.create as Mock).mock.calls[0][0];
+      expect(createCall.max_output_tokens).toBe(2048);
+      expect(createCall.max_tokens).toBeUndefined();
+    });
+
+    it('should not include max_output_tokens when max_tokens is undefined', async () => {
+      const payload = {
+        messages: [{ content: 'Hello', role: 'user' as const }],
+        model: 'o1-pro',
+        temperature: 0.7,
+      };
+
+      await instance.chat(payload);
+
+      const createCall = (instance['client'].responses.create as Mock).mock.calls[0][0];
+      expect(createCall.max_output_tokens).toBeUndefined();
+    });
+
+    it('should convert max_tokens to max_output_tokens for search-enabled models', async () => {
+      const payload = {
+        enabledSearch: true,
+        max_tokens: 4096,
+        messages: [{ content: 'Hello', role: 'user' as const }],
+        model: 'gpt-4o',
+        temperature: 0.7,
+      };
+
+      await instance.chat(payload);
+
+      const createCall = (instance['client'].responses.create as Mock).mock.calls[0][0];
+      expect(createCall.max_output_tokens).toBe(4096);
+      expect(createCall.max_tokens).toBeUndefined();
+    });
   });
 
   describe('supportsFlexTier', () => {

package/packages/types/src/tool/builtin.ts

@@ -115,7 +115,7 @@ export const LobeBuiltinToolSchema = z.object({
   type: z.literal('builtin'),
 });
 
-export interface BuiltinRenderProps<Content = any, Arguments = any, State = any> {
+export interface BuiltinRenderProps<Arguments = any, State = any, Content = any> {
   apiName?: string;
   args: Arguments;
   content: Content;
@@ -125,7 +125,9 @@ export interface BuiltinRenderProps<Content = any, Arguments = any, State = any>
   pluginState?: State;
 }
 
-export type BuiltinRender = <T = any>(props: BuiltinRenderProps<T>) => ReactNode;
+export type BuiltinRender = <A = any, S = any, C = any>(
+  props: BuiltinRenderProps<A, S, C>,
+) => ReactNode;
 
 export interface BuiltinPortalProps<Arguments = Record<string, any>, State = any> {
   apiName?: string;
@@ -137,9 +139,9 @@ export interface BuiltinPortalProps<Arguments = Record<string, any>, State = any
 
 export type BuiltinPortal = <T = any>(props: BuiltinPortalProps<T>) => ReactNode;
 
-export interface BuiltinPlaceholderProps {
+export interface BuiltinPlaceholderProps<T extends Record<string, any> = any> {
   apiName: string;
-  args?: Record<string, any>;
+  args?: T;
   identifier: string;
 }
 

package/src/features/Conversation/Messages/Assistant/Tool/Render/LoadingPlaceholder/index.tsx

@@ -1,7 +1,7 @@
 import { safeParseJSON } from '@lobechat/utils';
 import { memo } from 'react';
 
-import { BuiltinToolPlaceholders } from '@/tools/placeholders';
+import { getBuiltinPlaceholder } from '@/tools/placeholders';
 
 import Arguments from '../Arguments';
 
@@ -14,9 +14,9 @@ interface LoadingPlaceholderProps {
 
 const LoadingPlaceholder = memo<LoadingPlaceholderProps>(
   ({ identifier, requestArgs, apiName, loading }) => {
-    const Render = BuiltinToolPlaceholders[identifier || ''];
+    const Render = getBuiltinPlaceholder(identifier, apiName);
 
-    if (identifier && Render) {
+    if (Render) {
       return (
         <Render apiName={apiName} args={safeParseJSON(requestArgs) || {}} identifier={identifier} />
       );

package/src/features/Conversation/Messages/Group/Tool/Render/Intervention/index.tsx

@@ -5,7 +5,7 @@ import { Flexbox } from 'react-layout-kit';
 import { useChatStore } from '@/store/chat';
 import { useUserStore } from '@/store/user';
 import { toolInterventionSelectors } from '@/store/user/selectors';
-import { BuiltinToolInterventions } from '@/tools/interventions';
+import { getBuiltinIntervention } from '@/tools/interventions';
 
 import Arguments from '../Arguments';
 import ApprovalActions from './ApprovalActions';
@@ -52,7 +52,7 @@ const Intervention = memo<InterventionProps>(
       },
       [requestArgs, id],
     );
-    const BuiltinToolInterventionRender = BuiltinToolInterventions[identifier];
+    const BuiltinToolInterventionRender = getBuiltinIntervention(identifier, apiName);
 
     if (BuiltinToolInterventionRender) {
       if (isEditing)

package/src/features/Conversation/Messages/Group/Tool/Render/LoadingPlaceholder/index.tsx

@@ -1,7 +1,7 @@
 import { safeParseJSON } from '@lobechat/utils';
 import { memo } from 'react';
 
-import { BuiltinToolPlaceholders } from '@/tools/placeholders';
+import { getBuiltinPlaceholder } from '@/tools/placeholders';
 
 import Arguments from '../Arguments';
 
@@ -14,9 +14,9 @@ interface LoadingPlaceholderProps {
 
 const LoadingPlaceholder = memo<LoadingPlaceholderProps>(
   ({ identifier, requestArgs, apiName, loading }) => {
-    const Render = BuiltinToolPlaceholders[identifier || ''];
+    const Render = getBuiltinPlaceholder(identifier, apiName);
 
-    if (identifier && Render) {
+    if (Render) {
       return (
         <Render apiName={apiName} args={safeParseJSON(requestArgs) || {}} identifier={identifier} />
       );

package/src/features/PluginsUI/Render/BuiltinType/index.test.tsx

@@ -4,11 +4,17 @@ import { describe, expect, it, vi } from 'vitest';
 import BuiltinType from './index';
 
 // Mock renders module
+const mockWebBrowsingRender = vi.fn(({ content }) => <div>WebBrowsingRender: {content}</div>);
+const mockCodeInterpreterRender = vi.fn(({ content }) => (
+  <div>CodeInterpreterRender: {content}</div>
+));
+
 vi.mock('@/tools/renders', () => ({
-  BuiltinToolsRenders: {
-    'lobe-web-browsing': vi.fn(({ content }) => <div>WebBrowsingRender: {content}</div>),
-    'lobe-code-interpreter': vi.fn(({ content }) => <div>CodeInterpreterRender: {content}</div>),
-  },
+  getBuiltinRender: vi.fn((identifier, apiName) => {
+    if (identifier === 'lobe-web-browsing') return mockWebBrowsingRender;
+    if (identifier === 'lobe-code-interpreter') return mockCodeInterpreterRender;
+    return undefined;
+  }),
 }));
 
 // Mock useParseContent hook

package/src/features/PluginsUI/Render/BuiltinType/index.tsx

@@ -1,7 +1,7 @@
 import { safeParseJSON } from '@lobechat/utils';
 import { memo } from 'react';
 
-import { BuiltinToolsRenders } from '@/tools/renders';
+import { getBuiltinRender } from '@/tools/renders';
 
 import { useParseContent } from '../useParseContent';
 
@@ -28,7 +28,7 @@ const BuiltinType = memo<BuiltinTypeProps>(
   }) => {
     const { data } = useParseContent(content);
 
-    const Render = BuiltinToolsRenders[identifier || ''];
+    const Render = getBuiltinRender(identifier, apiName);
 
     if (!Render) return;
 

package/src/locales/default/plugin.ts

@@ -260,7 +260,7 @@ export default {
       searchLocalFiles: '搜索文件',
       writeLocalFile: '写入文件',
     },
-    title: '本地文件',
+    title: '本地系统',
   },
   mcpInstall: {
     CHECKING_INSTALLATION: '检查安装环境...',

package/src/services/chat/chat.test.ts

@@ -1004,6 +1004,7 @@ describe('ChatService', () => {
         stream: true,
         ...DEFAULT_AGENT_CONFIG.params,
         ...params,
+        apiMode: 'responses',
       };
 
       await chatService.getChatCompletion(params, options);

package/src/store/aiInfra/slices/aiProvider/__tests__/selectors.test.ts

@@ -246,4 +246,66 @@ describe('aiProviderSelectors', () => {
       );
     });
   });
+
+  describe('isProviderEnableResponseApi', () => {
+    it('should return true when config explicitly sets enableResponseApi to true', () => {
+      const state = {
+        ...mockState,
+        aiProviderRuntimeConfig: {
+          test: {
+            config: { enableResponseApi: true },
+            keyVaults: {},
+            settings: {},
+          },
+        },
+      };
+      expect(aiProviderSelectors.isProviderEnableResponseApi('test')(state)).toBe(true);
+    });
+
+    it('should return false when config explicitly sets enableResponseApi to false', () => {
+      const state = {
+        ...mockState,
+        aiProviderRuntimeConfig: {
+          test: {
+            config: { enableResponseApi: false },
+            keyVaults: {},
+            settings: {},
+          },
+        },
+      };
+      expect(aiProviderSelectors.isProviderEnableResponseApi('test')(state)).toBe(false);
+    });
+
+    it('should return true by default for openai provider', () => {
+      const state = {
+        ...mockState,
+        aiProviderRuntimeConfig: {
+          openai: {
+            keyVaults: {},
+            settings: {},
+          },
+        },
+      };
+      expect(aiProviderSelectors.isProviderEnableResponseApi('openai')(state)).toBe(true);
+    });
+
+    it('should return false by default for non-openai provider', () => {
+      const state = {
+        ...mockState,
+        aiProviderRuntimeConfig: {
+          anthropic: {
+            keyVaults: {},
+            settings: {},
+          },
+        },
+      };
+      expect(aiProviderSelectors.isProviderEnableResponseApi('anthropic')(state)).toBe(false);
+    });
+
+    it('should return false for provider without config', () => {
+      expect(aiProviderSelectors.isProviderEnableResponseApi('non-existing')(mockState)).toBe(
+        false,
+      );
+    });
+  });
 });

package/src/store/aiInfra/slices/aiProvider/selectors.ts

@@ -108,7 +108,7 @@ const isProviderEnableResponseApi = (id: string) => (s: AIProviderStoreState) =>
 
   if (typeof enableResponseApi === 'boolean') return enableResponseApi;
 
-  return false;
+  return id === 'openai';
 };
 
 const isInitAiProviderRuntimeState = (s: AIProviderStoreState) => !!s.isInitAiProviderRuntimeState;

package/src/tools/code-interpreter/Render/index.tsx

@@ -17,7 +17,7 @@ import { chatToolSelectors } from '@/store/chat/slices/builtinTool/selectors';
 import ResultFileGallery from './components/ResultFileGallery';
 
 const CodeInterpreter = memo<
-  BuiltinRenderProps<CodeInterpreterResponse, CodeInterpreterParams, CodeInterpreterState>
+  BuiltinRenderProps<CodeInterpreterParams, CodeInterpreterState, CodeInterpreterResponse>
 >(({ content, args, pluginState, messageId, apiName }) => {
   const { t } = useTranslation('tool');
   const theme = useTheme();

package/src/tools/interventions.ts

@@ -1,8 +1,32 @@
 import { BuiltinIntervention } from '@lobechat/types';
 
-import { LocalSystemManifest } from './local-system';
-import LocalSystem from './local-system/Intervention';
+import { LocalSystemApiName, LocalSystemManifest } from './local-system';
+import RunCommand from './local-system/Intervention/RunCommand';
 
-export const BuiltinToolInterventions: Record<string, BuiltinIntervention> = {
-  [LocalSystemManifest.identifier]: LocalSystem as BuiltinIntervention,
+/**
+ * Builtin tools interventions registry
+ * Organized by toolset (identifier) -> API name
+ * Only register APIs that have custom intervention UI
+ */
+export const BuiltinToolInterventions: Record<string, Record<string, any>> = {
+  [LocalSystemManifest.identifier]: {
+    [LocalSystemApiName.runCommand]: RunCommand,
+  },
+};
+
+/**
+ * Get builtin intervention component for a specific API
+ * @param identifier - Tool identifier (e.g., 'lobe-local-system')
+ * @param apiName - API name (e.g., 'runCommand')
+ */
+export const getBuiltinIntervention = (
+  identifier?: string,
+  apiName?: string,
+): BuiltinIntervention | undefined => {
+  if (!identifier || !apiName) return undefined;
+
+  const toolset = BuiltinToolInterventions[identifier];
+  if (!toolset) return undefined;
+
+  return toolset[apiName];
 };

package/src/tools/local-system/Placeholder/ListFiles.tsx

@@ -1,17 +1,15 @@
 import { ListLocalFileParams } from '@lobechat/electron-client-ipc';
+import { BuiltinPlaceholderProps } from '@lobechat/types';
 import { Skeleton } from 'antd';
 import React, { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 
 import { LocalFolder } from '@/features/LocalFile';
 
-interface ListFilesProps {
-  args: ListLocalFileParams;
-}
-export const ListFiles = memo<ListFilesProps>(({ args }) => {
+export const ListFiles = memo<BuiltinPlaceholderProps<ListLocalFileParams>>(({ args }) => {
   return (
     <Flexbox gap={12}>
-      <LocalFolder path={args.path} />
+      {args?.path && <LocalFolder path={args.path} />}
       <Center height={140}>
         <Flexbox gap={4} width={'90%'}>
           <Skeleton.Button active block style={{ height: 16 }} />

package/src/tools/local-system/Placeholder/SearchFiles.tsx

@@ -1,4 +1,5 @@
 import { LocalSearchFilesParams } from '@lobechat/electron-client-ipc';
+import { BuiltinPlaceholderProps } from '@lobechat/types';
 import { Icon } from '@lobehub/ui';
 import { Skeleton } from 'antd';
 import { createStyles } from 'antd-style';
@@ -21,11 +22,7 @@ const useStyles = createStyles(({ css, token, cx }) => ({
   `),
 }));
 
-interface SearchFilesProps {
-  args: LocalSearchFilesParams;
-}
-
-const SearchFiles = memo<SearchFilesProps>(({ args }) => {
+const SearchFiles = memo<BuiltinPlaceholderProps<LocalSearchFilesParams>>(({ args = {} }) => {
   const { styles } = useStyles();
 
   return (

package/src/tools/local-system/Render/ListFiles/index.tsx

@@ -1,31 +1,26 @@
 import { ListLocalFileParams } from '@lobechat/electron-client-ipc';
-import { ChatMessagePluginError } from '@lobechat/types';
+import { BuiltinRenderProps } from '@lobechat/types';
 import React, { memo } from 'react';
 
 import { LocalFolder } from '@/features/LocalFile';
-import { LocalFileListState } from '@/tools/local-system/type';
 
+import { LocalFileListState } from '../../type';
 import SearchResult from './Result';
 
-interface ListFilesProps {
-  args: ListLocalFileParams;
-  messageId: string;
-  pluginError: ChatMessagePluginError;
-  pluginState?: LocalFileListState;
-}
-
-const ListFiles = memo<ListFilesProps>(({ messageId, pluginError, args, pluginState }) => {
-  return (
-    <>
-      <LocalFolder path={args.path} />
-      <SearchResult
-        listResults={pluginState?.listResults}
-        messageId={messageId}
-        pluginError={pluginError}
-      />
-    </>
-  );
-});
+const ListFiles = memo<BuiltinRenderProps<ListLocalFileParams, LocalFileListState>>(
+  ({ messageId, pluginError, args, pluginState }) => {
+    return (
+      <>
+        <LocalFolder path={args.path} />
+        <SearchResult
+          listResults={pluginState?.listResults}
+          messageId={messageId}
+          pluginError={pluginError}
+        />
+      </>
+    );
+  },
+);
 
 ListFiles.displayName = 'ListFiles';
 

package/src/tools/local-system/Render/RenameLocalFile/index.tsx

@@ -1,5 +1,5 @@
 import { RenameLocalFileParams } from '@lobechat/electron-client-ipc';
-import { ChatMessagePluginError } from '@lobechat/types';
+import { BuiltinRenderProps } from '@lobechat/types';
 import { Icon } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { ArrowRightIcon } from 'lucide-react';
@@ -19,27 +19,22 @@ const useStyles = createStyles(({ css, token }) => ({
   `,
 }));
 
-interface RenameLocalFileProps {
-  args: RenameLocalFileParams;
-  messageId: string;
-  pluginError: ChatMessagePluginError;
-  pluginState: LocalReadFileState;
-}
+const RenameLocalFile = memo<BuiltinRenderProps<RenameLocalFileParams, LocalReadFileState>>(
+  ({ args }) => {
+    const { styles } = useStyles();
 
-const RenameLocalFile = memo<RenameLocalFileProps>(({ args }) => {
-  const { styles } = useStyles();
+    const { base: oldFileName, dir } = path.parse(args.path);
 
-  const { base: oldFileName, dir } = path.parse(args.path);
-
-  return (
-    <Flexbox align={'center'} className={styles.container} gap={8} horizontal paddingInline={12}>
-      <Flexbox>{oldFileName}</Flexbox>
-      <Flexbox>
-        <Icon icon={ArrowRightIcon} />
+    return (
+      <Flexbox align={'center'} className={styles.container} gap={8} horizontal paddingInline={12}>
+        <Flexbox>{oldFileName}</Flexbox>
+        <Flexbox>
+          <Icon icon={ArrowRightIcon} />
+        </Flexbox>
+        <LocalFile name={args.newName} path={path.join(dir, args.newName)} />
       </Flexbox>
-      <LocalFile name={args.newName} path={path.join(dir, args.newName)} />
-    </Flexbox>
-  );
-});
+    );
+  },
+);
 
 export default RenameLocalFile;

package/src/tools/local-system/Render/RunCommand/index.tsx

@@ -1,6 +1,6 @@
 import { CheckCircleFilled, CloseCircleFilled } from '@ant-design/icons';
 import { RunCommandParams, RunCommandResult } from '@lobechat/electron-client-ipc';
-import { ChatMessagePluginError } from '@lobechat/types';
+import { BuiltinRenderProps } from '@lobechat/types';
 import { ActionIcon, Block, Highlighter, Text } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { ChevronDown, ChevronUp } from 'lucide-react';
@@ -33,82 +33,79 @@ const useStyles = createStyles(({ css, token }) => ({
   `,
 }));
 
-interface RunCommandProps {
-  args: RunCommandParams;
-  messageId: string;
-  pluginError: ChatMessagePluginError;
-  pluginState: {
-    message: string;
-    result: RunCommandResult;
-  };
+interface RunCommandState {
+  message: string;
+  result: RunCommandResult;
 }
 
-const RunCommand = memo<RunCommandProps>(({ args, pluginState }) => {
-  const { styles, theme } = useStyles();
-  const { result, message } = pluginState || {};
-  const isSuccess = result?.success;
-  const [expanded, setExpanded] = useState(false);
+const RunCommand = memo<BuiltinRenderProps<RunCommandParams, RunCommandState>>(
+  ({ args, pluginState }) => {
+    const { styles, theme } = useStyles();
+    const { result, message } = pluginState || {};
+    const isSuccess = result?.success;
+    const [expanded, setExpanded] = useState(false);
 
-  return (
-    <Flexbox className={styles.container} gap={8}>
-      {/* Header: Description + Status */}
-      <Flexbox align={'center'} className={styles.header} horizontal justify={'space-between'}>
-        <Flexbox gap={8} horizontal>
-          <Flexbox gap={4} horizontal>
-            {!result ? null : isSuccess ? (
-              <CheckCircleFilled
-                className={styles.statusIcon}
-                style={{ color: theme.colorSuccess }}
-              />
-            ) : (
-              <CloseCircleFilled
-                className={styles.statusIcon}
-                style={{ color: theme.colorError }}
-              />
+    return (
+      <Flexbox className={styles.container} gap={8}>
+        {/* Header: Description + Status */}
+        <Flexbox align={'center'} className={styles.header} horizontal justify={'space-between'}>
+          <Flexbox gap={8} horizontal>
+            <Flexbox gap={4} horizontal>
+              {!result ? null : isSuccess ? (
+                <CheckCircleFilled
+                  className={styles.statusIcon}
+                  style={{ color: theme.colorSuccess }}
+                />
+              ) : (
+                <CloseCircleFilled
+                  className={styles.statusIcon}
+                  style={{ color: theme.colorError }}
+                />
+              )}
+              {args.description && <Text className={styles.head}>{args.description}</Text>}
+            </Flexbox>
+            {message && (
+              <Flexbox align={'center'} gap={4} horizontal>
+                <Text className={styles.head} type={'secondary'}>
+                  {message}
+                </Text>
+              </Flexbox>
             )}
-            {args.description && <Text className={styles.head}>{args.description}</Text>}
           </Flexbox>
-          {message && (
-            <Flexbox align={'center'} gap={4} horizontal>
-              <Text className={styles.head} type={'secondary'}>
-                {message}
-              </Text>
-            </Flexbox>
-          )}
-        </Flexbox>
-        <Flexbox align={'center'} gap={8} horizontal>
-          <ActionIcon
-            className={`action-icon`}
-            icon={expanded ? ChevronUp : ChevronDown}
-            onClick={() => setExpanded(!expanded)}
-            size={'small'}
-            style={{ opacity: expanded ? 1 : undefined }}
-            title={expanded ? 'Collapse' : 'Expand'}
-          />
+          <Flexbox align={'center'} gap={8} horizontal>
+            <ActionIcon
+              className={`action-icon`}
+              icon={expanded ? ChevronUp : ChevronDown}
+              onClick={() => setExpanded(!expanded)}
+              size={'small'}
+              style={{ opacity: expanded ? 1 : undefined }}
+              title={expanded ? 'Collapse' : 'Expand'}
+            />
+          </Flexbox>
         </Flexbox>
-      </Flexbox>
 
-      {/* Command & Output */}
-      {expanded && (
-        <Block gap={8} padding={8} variant={'outlined'}>
-          <Highlighter
-            language={'sh'}
-            showLanguage={false}
-            style={{ paddingInline: 8 }}
-            variant={'borderless'}
-            wrap
-          >
-            {args.command}
-          </Highlighter>
-          {result?.output && (
-            <Highlighter language={'text'} showLanguage={false} variant={'filled'} wrap>
-              {result.output}
+        {/* Command & Output */}
+        {expanded && (
+          <Block gap={8} padding={8} variant={'outlined'}>
+            <Highlighter
+              language={'sh'}
+              showLanguage={false}
+              style={{ paddingInline: 8 }}
+              variant={'borderless'}
+              wrap
+            >
+              {args.command}
             </Highlighter>
-          )}
-        </Block>
-      )}
-    </Flexbox>
-  );
-});
+            {result?.output && (
+              <Highlighter language={'text'} showLanguage={false} variant={'filled'} wrap>
+                {result.output}
+              </Highlighter>
+            )}
+          </Block>
+        )}
+      </Flexbox>
+    );
+  },
+);
 
 export default RunCommand;

package/src/tools/local-system/Render/SearchFiles/SearchQuery/index.tsx

@@ -13,7 +13,6 @@ import SearchView from './SearchView';
 
 interface SearchQueryViewProps {
   args: LocalSearchFilesParams;
-
   messageId: string;
   pluginState?: LocalFileSearchState;
 }