@lobehub/chat 1.69.4 → 1.69.6

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

@@ -1,7 +1,7 @@
 import { Button, Space } from 'antd';
 import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
-import { memo, useEffect, useState } from 'react';
+import { Suspense, memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
@@ -13,6 +13,7 @@ import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
 import { isMacOS } from '@/utils/platform';
 
+import MessageFromUrl from './MessageFromUrl';
 import SendMore from './SendMore';
 import ShortcutHint from './ShortcutHint';
 
@@ -67,49 +68,54 @@ const Footer = memo<FooterProps>(({ onExpandChange, expand }) => {
   }, [setIsMac]);
 
   return (
-    <Flexbox
-      align={'end'}
-      className={styles.overrideAntdIcon}
-      distribution={'space-between'}
-      flex={'none'}
-      gap={8}
-      horizontal
-      padding={'0 24px'}
-    >
-      <Flexbox align={'center'} gap={8} horizontal style={{ overflow: 'hidden' }}>
-        {expand && <LocalFiles />}
-      </Flexbox>
-      <Flexbox align={'center'} flex={'none'} gap={8} horizontal>
-        <ShortcutHint />
-        <SaveTopic />
-        <Flexbox style={{ minWidth: 92 }}>
-          {isAIGenerating ? (
-            <Button
-              className={styles.loadingButton}
-              icon={<StopLoadingIcon />}
-              onClick={stopGenerateMessage}
-            >
-              {t('input.stop')}
-            </Button>
-          ) : (
-            <Space.Compact>
+    <>
+      <Suspense fallback={null}>
+        <MessageFromUrl />
+      </Suspense>
+      <Flexbox
+        align={'end'}
+        className={styles.overrideAntdIcon}
+        distribution={'space-between'}
+        flex={'none'}
+        gap={8}
+        horizontal
+        padding={'0 24px'}
+      >
+        <Flexbox align={'center'} gap={8} horizontal style={{ overflow: 'hidden' }}>
+          {expand && <LocalFiles />}
+        </Flexbox>
+        <Flexbox align={'center'} flex={'none'} gap={8} horizontal>
+          <ShortcutHint />
+          <SaveTopic />
+          <Flexbox style={{ minWidth: 92 }}>
+            {isAIGenerating ? (
               <Button
-                disabled={!canSend}
-                loading={!canSend}
-                onClick={() => {
-                  sendMessage();
-                  onExpandChange?.(false);
-                }}
-                type={'primary'}
+                className={styles.loadingButton}
+                icon={<StopLoadingIcon />}
+                onClick={stopGenerateMessage}
               >
-                {t('input.send')}
+                {t('input.stop')}
               </Button>
-              <SendMore disabled={!canSend} isMac={isMac} />
-            </Space.Compact>
-          )}
+            ) : (
+              <Space.Compact>
+                <Button
+                  disabled={!canSend}
+                  loading={!canSend}
+                  onClick={() => {
+                    sendMessage();
+                    onExpandChange?.(false);
+                  }}
+                  type={'primary'}
+                >
+                  {t('input.send')}
+                </Button>
+                <SendMore disabled={!canSend} isMac={isMac} />
+              </Space.Compact>
+            )}
+          </Flexbox>
         </Flexbox>
       </Flexbox>
-    </Flexbox>
+    </>
   );
 });
 

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx

@@ -105,7 +105,11 @@ const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
           : assistantList
               .slice(sliceStart, sliceStart + agentLength)
               .map((item: DiscoverAssistantItem) => (
-                <Link href={urlJoin('/discover/assistant/', item.identifier)} key={item.identifier}>
+                <Link
+                  href={urlJoin('/discover/assistant/', item.identifier)}
+                  key={item.identifier}
+                  prefetch={false}
+                >
                   <Flexbox className={styles.card} gap={8} horizontal>
                     <Avatar avatar={item.meta.avatar} style={{ flex: 'none' }} />
                     <Flexbox gap={mobile ? 2 : 8} style={{ overflow: 'hidden', width: '100%' }}>

package/src/config/aiModels/openrouter.ts

@@ -137,6 +137,31 @@ const openrouterChatModels: AIChatModelCard[] = [
     releasedAt: '2024-06-20',
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+      vision: true,
+    },
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 3.7 Sonnet 是 Anthropic 迄今为止最智能的模型，也是市场上首个混合推理模型。Claude 3.7 Sonnet 可以产生近乎即时的响应或延长的逐步思考，用户可以清晰地看到这些过程。Sonnet 特别擅长编程、数据科学、视觉处理、代理任务。',
+    displayName: 'Claude 3.7 Sonnet',
+    enabled: true,
+    id: 'anthropic/claude-3.7-sonnet',
+    maxOutput: 8192,
+    pricing: {
+      cachedInput: 0.3,
+      input: 3,
+      output: 15,
+      writeCacheInput: 3.75,
+    },
+    releasedAt: '2025-02-24',
+    settings: {
+      extendParams: ['enableReasoning', 'reasoningBudgetToken'],
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -258,7 +283,7 @@ const openrouterChatModels: AIChatModelCard[] = [
     id: 'deepseek/deepseek-r1:free',
     releasedAt: '2025-01-20',
     type: 'chat',
-  }, 
+  },
   {
     abilities: {
       vision: true,

package/src/config/modelProviders/openai.ts

@@ -301,6 +301,9 @@ const OpenAI: ModelProviderCard = {
   name: 'OpenAI',
   settings: {
     showModelFetcher: true,
+    smoothing: {
+      text: true,
+    },
   },
   url: 'https://openai.com',
 };

package/src/database/client/db.ts

@@ -26,13 +26,13 @@ export class DatabaseManager {
 
   // CDN 配置
   private static WASM_CDN_URL =
-    'https://registry.npmmirror.com/@electric-sql/pglite/0.2.13/files/dist/postgres.wasm';
+    'https://registry.npmmirror.com/@electric-sql/pglite/0.2.17/files/dist/postgres.wasm';
 
   private static FSBUNDLER_CDN_URL =
-    'https://registry.npmmirror.com/@electric-sql/pglite/0.2.13/files/dist/postgres.data';
+    'https://registry.npmmirror.com/@electric-sql/pglite/0.2.17/files/dist/postgres.data';
 
   private static VECTOR_CDN_URL =
-    'https://registry.npmmirror.com/@electric-sql/pglite/0.2.13/files/dist/vector.tar.gz';
+    'https://registry.npmmirror.com/@electric-sql/pglite/0.2.17/files/dist/vector.tar.gz';
 
   private constructor() {}
 

package/src/features/Conversation/components/MarkdownElements/LobeArtifact/Render/index.tsx

@@ -64,16 +64,14 @@ const Render = memo<ArtifactProps>(({ identifier, title, type, language, childre
 
   const inThread = useContext(InPortalThreadContext);
   const { message } = App.useApp();
-  const [isGenerating, isArtifactTagClosed, currentArtifactMessageId, openArtifact, closeArtifact] =
-    useChatStore((s) => {
-      return [
-        chatSelectors.isMessageGenerating(id)(s),
-        chatPortalSelectors.isArtifactTagClosed(id)(s),
-        chatPortalSelectors.artifactMessageId(s),
-        s.openArtifact,
-        s.closeArtifact,
-      ];
-    });
+  const [isGenerating, isArtifactTagClosed, openArtifact, closeArtifact] = useChatStore((s) => {
+    return [
+      chatSelectors.isMessageGenerating(id)(s),
+      chatPortalSelectors.isArtifactTagClosed(id)(s),
+      s.openArtifact,
+      s.closeArtifact,
+    ];
+  });
 
   const openArtifactUI = () => {
     openArtifact({ id, identifier, language, title, type });
@@ -86,52 +84,53 @@ const Render = memo<ArtifactProps>(({ identifier, title, type, language, childre
   }, [isGenerating, hasChildren, str, identifier, title, type, id, language]);
 
   return (
-    <p>
-      <Flexbox
-        className={styles.container}
-        gap={16}
-        onClick={() => {
-          if (currentArtifactMessageId === id) {
-            closeArtifact();
-          } else {
-            if (inThread) {
-              message.info(t('artifact.inThread'));
-              return;
-            }
-            openArtifactUI();
+    <Flexbox
+      className={styles.container}
+      gap={16}
+      onClick={() => {
+        const currentArtifactMessageId = chatPortalSelectors.artifactMessageId(
+          useChatStore.getState(),
+        );
+        if (currentArtifactMessageId === id) {
+          closeArtifact();
+        } else {
+          if (inThread) {
+            message.info(t('artifact.inThread'));
+            return;
           }
-        }}
-        width={'100%'}
-      >
-        <Flexbox align={'center'} flex={1} horizontal>
-          <Center className={styles.avatar} height={64} horizontal width={64}>
-            <ArtifactIcon type={type} />
-          </Center>
-          <Flexbox gap={4} paddingBlock={8} paddingInline={12}>
-            {!title && isGenerating ? (
-              <Flexbox className={cx(dotLoading)} horizontal>
-                {t('artifact.generating')}
+          openArtifactUI();
+        }
+      }}
+      width={'100%'}
+    >
+      <Flexbox align={'center'} flex={1} horizontal>
+        <Center className={styles.avatar} height={64} horizontal width={64}>
+          <ArtifactIcon type={type} />
+        </Center>
+        <Flexbox gap={4} paddingBlock={8} paddingInline={12}>
+          {!title && isGenerating ? (
+            <Flexbox className={cx(dotLoading)} horizontal>
+              {t('artifact.generating')}
+            </Flexbox>
+          ) : (
+            <Flexbox className={cx(styles.title)}>{title || t('artifact.unknownTitle')}</Flexbox>
+          )}
+          {hasChildren && (
+            <Flexbox className={styles.desc} horizontal>
+              {identifier} ·{' '}
+              <Flexbox gap={2} horizontal>
+                {!isArtifactTagClosed && (
+                  <div>
+                    <Icon icon={Loader2} spin />
+                  </div>
+                )}
+                {str?.length}
               </Flexbox>
-            ) : (
-              <Flexbox className={cx(styles.title)}>{title || t('artifact.unknownTitle')}</Flexbox>
-            )}
-            {hasChildren && (
-              <Flexbox className={styles.desc} horizontal>
-                {identifier} ·{' '}
-                <Flexbox gap={2} horizontal>
-                  {!isArtifactTagClosed && (
-                    <div>
-                      <Icon icon={Loader2} spin />
-                    </div>
-                  )}
-                  {str?.length}
-                </Flexbox>
-              </Flexbox>
-            )}
-          </Flexbox>
+            </Flexbox>
+          )}
         </Flexbox>
       </Flexbox>
-    </p>
+    </Flexbox>
   );
 });
 

package/src/features/ModelSwitchPanel/index.tsx

@@ -1,8 +1,9 @@
-import { Icon } from '@lobehub/ui';
+import { ActionIcon, Icon } from '@lobehub/ui';
 import { Dropdown } from 'antd';
 import { createStyles } from 'antd-style';
 import type { ItemType } from 'antd/es/menu/interface';
-import { LucideArrowRight } from 'lucide-react';
+import { LucideArrowRight, LucideBolt } from 'lucide-react';
+import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { PropsWithChildren, memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -86,17 +87,45 @@ const ModelSwitchPanel = memo<PropsWithChildren>(({ children }) => {
       return items;
     };
 
+    if (enabledList.length === 0)
+      return [
+        {
+          key: `no-provider`,
+          label: (
+            <Flexbox gap={8} horizontal style={{ color: theme.colorTextTertiary }}>
+              {t('ModelSwitchPanel.emptyProvider')}
+              <Icon icon={LucideArrowRight} />
+            </Flexbox>
+          ),
+          onClick: () => {
+            router.push(isDeprecatedEdition ? '/settings/llm' : `/settings/provider`);
+          },
+        },
+      ];
+
     // otherwise show with provider group
     return enabledList.map((provider) => ({
       children: getModelItems(provider),
       key: provider.id,
       label: (
-        <ProviderItemRender
-          logo={provider.logo}
-          name={provider.name}
-          provider={provider.id}
-          source={provider.source}
-        />
+        <Flexbox horizontal justify="space-between">
+          <ProviderItemRender
+            logo={provider.logo}
+            name={provider.name}
+            provider={provider.id}
+            source={provider.source}
+          />
+          <Link
+            href={isDeprecatedEdition ? '/settings/llm' : `/settings/provider/${provider.id}`}
+            prefetch={false}
+          >
+            <ActionIcon
+              icon={LucideBolt}
+              size={'small'}
+              title={t('ModelSwitchPanel.goToSettings')}
+            />
+          </Link>
+        </Flexbox>
       ),
       type: 'group',
     }));

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

@@ -102,7 +102,8 @@ export class LobeAnthropicAI implements LobeRuntimeAI {
 
     if (!!thinking) {
       const maxTokens =
-        max_tokens ?? (thinking?.budget_tokens ? thinking?.budget_tokens + 4096 : 4096);
+        // claude 3.7 thinking has max output of 64000 tokens
+        max_tokens ?? (thinking?.budget_tokens ? thinking?.budget_tokens + 64_000 : 8192);
 
       // `temperature` may only be set to 1 when thinking is enabled.
       // `top_p` must be unset when thinking is enabled.
@@ -117,7 +118,9 @@ export class LobeAnthropicAI implements LobeRuntimeAI {
     }
 
     return {
-      max_tokens: max_tokens ?? 4096,
+      // claude 3 series model hax max output token of 4096, 3.x series has 8192
+      // https://docs.anthropic.com/en/docs/about-claude/models/all-models#:~:text=200K-,Max%20output,-Normal%3A
+      max_tokens: max_tokens ?? (model.startsWith('claude-3-') ? 4096 : 8192),
       messages: postMessages,
       model,
       system: systemPrompts,

package/src/libs/agent-runtime/openrouter/index.test.ts

@@ -92,6 +92,39 @@ describe('LobeOpenRouterAI', () => {
       expect(result).toBeInstanceOf(Response);
     });
 
+    it('should add reasoning field when thinking is enabled', async () => {
+      // Arrange
+      const mockStream = new ReadableStream();
+      const mockResponse = Promise.resolve(mockStream);
+
+      (instance['client'].chat.completions.create as Mock).mockResolvedValue(mockResponse);
+
+      // Act
+      const result = await instance.chat({
+        messages: [{ content: 'Hello', role: 'user' }],
+        model: 'mistralai/mistral-7b-instruct:free',
+        temperature: 0.7,
+        thinking: {
+          type: 'enabled',
+          budget_tokens: 1500,
+        },
+      });
+
+      // Assert
+      expect(instance['client'].chat.completions.create).toHaveBeenCalledWith(
+        expect.objectContaining({
+          messages: [{ content: 'Hello', role: 'user' }],
+          model: 'mistralai/mistral-7b-instruct:free',
+          reasoning: {
+            max_tokens: 1500,
+          },
+          temperature: 0.7,
+        }),
+        { headers: { Accept: '*/*' } },
+      );
+      expect(result).toBeInstanceOf(Response);
+    });
+
     describe('Error', () => {
       it('should return OpenRouterBizError with an openai error response when OpenAI.APIError is thrown', async () => {
         // Arrange

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

@@ -2,7 +2,7 @@ import type { ChatModelCard } from '@/types/llm';
 
 import { ModelProvider } from '../types';
 import { LobeOpenAICompatibleFactory } from '../utils/openaiCompatibleFactory';
-import { OpenRouterModelCard, OpenRouterModelExtraInfo } from './type';
+import { OpenRouterModelCard, OpenRouterModelExtraInfo, OpenRouterReasoning } from './type';
 
 const formatPrice = (price: string) => {
   if (price === '-1') return undefined;
@@ -13,10 +13,19 @@ export const LobeOpenRouterAI = LobeOpenAICompatibleFactory({
   baseURL: 'https://openrouter.ai/api/v1',
   chatCompletion: {
     handlePayload: (payload) => {
+      const { thinking } = payload;
+
+      let reasoning: OpenRouterReasoning = {};
+      if (thinking?.type === 'enabled') {
+        reasoning = {
+          max_tokens: thinking.budget_tokens,
+        };
+      }
+
       return {
         ...payload,
-        include_reasoning: true,
         model: payload.enabledSearch ? `${payload.model}:online` : payload.model,
+        reasoning,
         stream: payload.stream ?? true,
       } as any;
     },

package/src/libs/agent-runtime/openrouter/type.ts

@@ -37,3 +37,22 @@ export interface OpenRouterModelExtraInfo {
   endpoint?: OpenRouterModelEndpoint;
   slug: string;
 }
+
+interface OpenRouterOpenAIReasoning {
+  effort: 'high' | 'medium' | 'low';
+  exclude?: boolean;
+}
+
+interface OpenRouterAnthropicReasoning {
+  exclude?: boolean;
+  max_tokens: number;
+}
+
+interface OpenRouterCommonReasoning {
+  exclude?: boolean;
+}
+
+export type OpenRouterReasoning =
+  | OpenRouterOpenAIReasoning
+  | OpenRouterAnthropicReasoning
+  | OpenRouterCommonReasoning;

package/src/locales/default/components.ts

@@ -87,7 +87,9 @@ export default {
   },
   ModelSwitchPanel: {
     emptyModel: '没有启用的模型，请前往设置开启',
-    provider: '提供商',
+    emptyProvider: '没有启用的服务商，请前往设置开启',
+    goToSettings: '前往设置',
+    provider: '服务商',
   },
   OllamaSetupGuide: {
     cors: {

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

@@ -26,12 +26,16 @@ import {
   ModelProvider,
 } from '@/libs/agent-runtime';
 import { AgentRuntime } from '@/libs/agent-runtime';
+import { agentChatConfigSelectors } from '@/store/agent/selectors';
+import { aiModelSelectors } from '@/store/aiInfra';
 import { useToolStore } from '@/store/tool';
+import { toolSelectors } from '@/store/tool/selectors';
 import { UserStore } from '@/store/user';
 import { useUserStore } from '@/store/user';
 import { modelConfigSelectors } from '@/store/user/selectors';
 import { UserSettingsState, initialSettingsState } from '@/store/user/slices/settings/initialState';
 import { DalleManifest } from '@/tools/dalle';
+import { WebBrowsingManifest } from '@/tools/web-browsing';
 import { ChatMessage } from '@/types/message';
 import { ChatStreamPayload, type OpenAIChatMessage } from '@/types/openai/chat';
 import { LobeTool } from '@/types/tool';
@@ -480,6 +484,125 @@ describe('ChatService', () => {
         expect(calls![1]).toBeUndefined();
       });
     });
+
+    describe('search functionality', () => {
+      it('should add WebBrowsingManifest when search is enabled and not using model built-in search', async () => {
+        const getChatCompletionSpy = vi.spyOn(chatService, 'getChatCompletion');
+
+        const messages = [{ content: 'Search for something', role: 'user' }] as ChatMessage[];
+
+        // Mock agent store state with search enabled
+        vi.spyOn(agentChatConfigSelectors, 'currentChatConfig').mockReturnValueOnce({
+          searchMode: 'auto', // not 'off'
+          useModelBuiltinSearch: false,
+        } as any);
+
+        // Mock AI infra store state
+        vi.spyOn(aiModelSelectors, 'isModelHasBuiltinSearch').mockReturnValueOnce(() => false);
+        vi.spyOn(aiModelSelectors, 'isModelHasExtendParams').mockReturnValueOnce(() => false);
+
+        // Mock tool selectors
+        vi.spyOn(toolSelectors, 'enabledSchema').mockReturnValueOnce(() => [
+          {
+            type: 'function',
+            function: {
+              name: WebBrowsingManifest.identifier + '____search',
+              description: 'Search the web',
+            },
+          },
+        ]);
+
+        await chatService.createAssistantMessage({ messages, plugins: [] });
+
+        // Verify tools were passed to getChatCompletion
+        expect(getChatCompletionSpy).toHaveBeenCalledWith(
+          expect.objectContaining({
+            tools: expect.arrayContaining([
+              expect.objectContaining({
+                function: expect.objectContaining({
+                  name: expect.stringContaining(WebBrowsingManifest.identifier),
+                }),
+              }),
+            ]),
+          }),
+          undefined,
+        );
+      });
+
+      it('should enable built-in search when model supports it and useModelBuiltinSearch is true', async () => {
+        const getChatCompletionSpy = vi.spyOn(chatService, 'getChatCompletion');
+
+        const messages = [{ content: 'Search for something', role: 'user' }] as ChatMessage[];
+
+        // Mock agent store state with search enabled and useModelBuiltinSearch enabled
+        vi.spyOn(agentChatConfigSelectors, 'currentChatConfig').mockReturnValueOnce({
+          searchMode: 'auto', // not 'off'
+          useModelBuiltinSearch: true,
+        } as any);
+
+        // Mock AI infra store state - model has built-in search
+        vi.spyOn(aiModelSelectors, 'isModelHasBuiltinSearch').mockReturnValueOnce(() => true);
+        vi.spyOn(aiModelSelectors, 'isModelHasExtendParams').mockReturnValueOnce(() => false);
+
+        // Mock tool selectors
+        vi.spyOn(toolSelectors, 'enabledSchema').mockReturnValueOnce(() => [
+          {
+            type: 'function',
+            function: {
+              name: WebBrowsingManifest.identifier + '____search',
+              description: 'Search the web',
+            },
+          },
+        ]);
+
+        await chatService.createAssistantMessage({ messages, plugins: [] });
+
+        // Verify enabledSearch was set to true
+        expect(getChatCompletionSpy).toHaveBeenCalledWith(
+          expect.objectContaining({
+            enabledSearch: true,
+          }),
+          undefined,
+        );
+      });
+
+      it('should not enable search when searchMode is off', async () => {
+        const getChatCompletionSpy = vi.spyOn(chatService, 'getChatCompletion');
+
+        const messages = [{ content: 'Search for something', role: 'user' }] as ChatMessage[];
+
+        // Mock agent store state with search disabled
+        vi.spyOn(agentChatConfigSelectors, 'currentChatConfig').mockReturnValueOnce({
+          searchMode: 'off',
+          useModelBuiltinSearch: true,
+        } as any);
+
+        // Mock AI infra store state
+        vi.spyOn(aiModelSelectors, 'isModelHasBuiltinSearch').mockReturnValueOnce(() => true);
+        vi.spyOn(aiModelSelectors, 'isModelHasExtendParams').mockReturnValueOnce(() => false);
+
+        // Mock tool selectors
+        vi.spyOn(toolSelectors, 'enabledSchema').mockReturnValueOnce(() => [
+          {
+            type: 'function',
+            function: {
+              name: WebBrowsingManifest.identifier + '____search',
+              description: 'Search the web',
+            },
+          },
+        ]);
+
+        await chatService.createAssistantMessage({ messages, plugins: [] });
+
+        // Verify enabledSearch was not set
+        expect(getChatCompletionSpy).toHaveBeenCalledWith(
+          expect.objectContaining({
+            enabledSearch: undefined,
+          }),
+          undefined,
+        );
+      });
+    });
   });
 
   describe('getChatCompletion', () => {