@lobehub/chat 1.80.4 → 1.81.0

package/src/store/chat/slices/builtinTool/actions/{searXNG.test.ts → search.test.ts}

@@ -6,7 +6,7 @@ import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
 import { CRAWL_CONTENT_LIMITED_COUNT } from '@/tools/web-browsing/const';
 import { ChatMessage } from '@/types/message';
-import { SearchContent, SearchQuery, SearchResponse } from '@/types/tool/search';
+import { SearchContent, SearchQuery, UniformSearchResponse } from '@/types/tool/search';
 
 // Mock services
 vi.mock('@/services/search', () => ({
@@ -22,7 +22,7 @@ vi.mock('@/store/chat/selectors', () => ({
   },
 }));
 
-describe('searXNG actions', () => {
+describe('search actions', () => {
   beforeEach(() => {
     vi.clearAllMocks();
     useChatStore.setState({
@@ -39,47 +39,38 @@ describe('searXNG actions', () => {
     });
   });
 
-  describe('searchWithSearXNG', () => {
+  describe('search', () => {
     it('should handle successful search', async () => {
-      const mockResponse: SearchResponse = {
+      const mockResponse: UniformSearchResponse = {
         results: [
           {
             title: 'Test Result',
             content: 'Test Content',
             url: 'https://test.com',
             category: 'general',
-            engine: 'google',
             engines: ['google'],
-            parsed_url: ['test.com'],
-            positions: [1],
+            parsedUrl: 'test.com',
             score: 1,
-            template: 'default',
           },
         ],
-        answers: [],
-        corrections: [],
-        infoboxes: [],
-        number_of_results: 1,
+        costTime: 1,
+        resultNumbers: 1,
         query: 'test',
-        suggestions: [],
-        unresponsive_engines: [],
       };
 
       (searchService.search as Mock).mockResolvedValue(mockResponse);
 
       const { result } = renderHook(() => useChatStore());
-      const { searchWithSearXNG } = result.current;
+      const { search } = result.current;
 
       const messageId = 'test-message-id';
       const query: SearchQuery = {
-        optionalParams: {
-          searchEngines: ['google'],
-        },
+        searchEngines: ['google'],
         query: 'test query',
       };
 
       await act(async () => {
-        await searchWithSearXNG(messageId, query);
+        await search(messageId, query);
       });
 
       const expectedContent: SearchContent[] = [
@@ -101,39 +92,28 @@ describe('searXNG actions', () => {
     });
 
     it('should handle empty search results and retry with default engine', async () => {
-      const emptyResponse: SearchResponse = {
+      const emptyResponse: UniformSearchResponse = {
         results: [],
-        answers: [],
-        corrections: [],
-        infoboxes: [],
-        number_of_results: 0,
+        costTime: 1,
+        resultNumbers: 0,
         query: 'test',
-        suggestions: [],
-        unresponsive_engines: [],
       };
 
-      const retryResponse: SearchResponse = {
+      const retryResponse: UniformSearchResponse = {
         results: [
           {
             title: 'Retry Result',
             content: 'Retry Content',
             url: 'https://retry.com',
             category: 'general',
-            engine: 'google',
             engines: ['google'],
-            parsed_url: ['retry.com'],
-            positions: [1],
+            parsedUrl: 'retry.com',
             score: 1,
-            template: 'default',
           },
         ],
-        answers: [],
-        corrections: [],
-        infoboxes: [],
-        number_of_results: 1,
+        costTime: 1,
+        resultNumbers: 1,
         query: 'test',
-        suggestions: [],
-        unresponsive_engines: [],
       };
 
       (searchService.search as Mock)
@@ -142,19 +122,17 @@ describe('searXNG actions', () => {
         .mockResolvedValueOnce(retryResponse);
 
       const { result } = renderHook(() => useChatStore());
-      const { searchWithSearXNG } = result.current;
+      const { search } = result.current;
 
       const messageId = 'test-message-id';
       const query: SearchQuery = {
-        optionalParams: {
-          searchEngines: ['custom-engine'],
-          searchTimeRange: 'year',
-        },
+        searchEngines: ['custom-engine'],
+        searchTimeRange: 'year',
         query: 'test query',
       };
 
       await act(async () => {
-        await searchWithSearXNG(messageId, query);
+        await search(messageId, query);
       });
 
       expect(searchService.search).toHaveBeenCalledTimes(3);
@@ -166,9 +144,6 @@ describe('searXNG actions', () => {
         searchTimeRange: 'year',
       });
       expect(result.current.updatePluginArguments).toHaveBeenCalledWith(messageId, {
-        optionalParams: {
-          searchTimeRange: 'year',
-        },
         query: 'test query',
       });
       expect(searchService.search).toHaveBeenNthCalledWith(3, 'test query');
@@ -183,7 +158,7 @@ describe('searXNG actions', () => {
       (searchService.search as Mock).mockRejectedValue(error);
 
       const { result } = renderHook(() => useChatStore());
-      const { searchWithSearXNG } = result.current;
+      const { search } = result.current;
 
       const messageId = 'test-message-id';
       const query: SearchQuery = {
@@ -191,7 +166,7 @@ describe('searXNG actions', () => {
       };
 
       await act(async () => {
-        await searchWithSearXNG(messageId, query);
+        await search(messageId, query);
       });
 
       expect(result.current.internal_updateMessagePluginError).toHaveBeenCalledWith(messageId, {
@@ -271,8 +246,8 @@ describe('searXNG actions', () => {
   describe('reSearchWithSearXNG', () => {
     it('should update arguments and perform search', async () => {
       const { result } = renderHook(() => useChatStore());
-      const spy = vi.spyOn(result.current, 'searchWithSearXNG');
-      const { reSearchWithSearXNG } = result.current;
+      const spy = vi.spyOn(result.current, 'search');
+      const { triggerSearchAgain } = result.current;
 
       const messageId = 'test-message-id';
       const query: SearchQuery = {
@@ -280,7 +255,7 @@ describe('searXNG actions', () => {
       };
 
       await act(async () => {
-        await reSearchWithSearXNG(messageId, query, { aiSummary: true });
+        await triggerSearchAgain(messageId, query, { aiSummary: true });
       });
 
       expect(result.current.updatePluginArguments).toHaveBeenCalledWith(messageId, query);
@@ -314,10 +289,10 @@ describe('searXNG actions', () => {
       );
 
       const { result } = renderHook(() => useChatStore());
-      const { saveSearXNGSearchResult } = result.current;
+      const { saveSearchResult } = result.current;
 
       await act(async () => {
-        await saveSearXNGSearchResult(messageId);
+        await saveSearchResult(messageId);
       });
 
       expect(result.current.internal_createMessage).toHaveBeenCalledWith(
@@ -343,10 +318,10 @@ describe('searXNG actions', () => {
       vi.spyOn(chatSelectors, 'getMessageById').mockImplementation(() => () => undefined);
 
       const { result } = renderHook(() => useChatStore());
-      const { saveSearXNGSearchResult } = result.current;
+      const { saveSearchResult } = result.current;
 
       await act(async () => {
-        await saveSearXNGSearchResult('non-existent-id');
+        await saveSearchResult('non-existent-id');
       });
 
       expect(result.current.internal_createMessage).not.toHaveBeenCalled();

package/src/store/chat/slices/builtinTool/actions/{searXNG.ts → search.ts}

@@ -9,7 +9,7 @@ import {
   SEARCH_SEARXNG_NOT_CONFIG,
   SearchContent,
   SearchQuery,
-  SearchResponse,
+  UniformSearchResponse,
 } from '@/types/tool/search';
 import { nanoid } from '@/utils/uuid';
 
@@ -24,23 +24,19 @@ export interface SearchAction {
     params: { url: string },
     aiSummary?: boolean,
   ) => Promise<boolean | undefined>;
+  saveSearchResult: (id: string) => Promise<void>;
+  search: (id: string, data: SearchQuery, aiSummary?: boolean) => Promise<void | boolean>;
+  togglePageContent: (url: string) => void;
+  toggleSearchLoading: (id: string, loading: boolean) => void;
   /**
    * 重新发起搜索
    * @description 会更新插件的 arguments 参数，然后再次搜索
    */
-  reSearchWithSearXNG: (
+  triggerSearchAgain: (
     id: string,
     data: SearchQuery,
     options?: { aiSummary: boolean },
   ) => Promise<void>;
-  saveSearXNGSearchResult: (id: string) => Promise<void>;
-  searchWithSearXNG: (
-    id: string,
-    data: SearchQuery,
-    aiSummary?: boolean,
-  ) => Promise<void | boolean>;
-  togglePageContent: (url: string) => void;
-  toggleSearchLoading: (id: string, loading: boolean) => void;
 }
 
 export const searchSlice: StateCreator<
@@ -91,14 +87,7 @@ export const searchSlice: StateCreator<
     return await crawlMultiPages(id, { urls: [params.url] }, aiSummary);
   },
 
-  reSearchWithSearXNG: async (id, data, options) => {
-    get().toggleSearchLoading(id, true);
-    await get().updatePluginArguments(id, data);
-
-    await get().searchWithSearXNG(id, data, options?.aiSummary);
-  },
-
-  saveSearXNGSearchResult: async (id) => {
+  saveSearchResult: async (id) => {
     const message = chatSelectors.getMessageById(id)(get());
     if (!message || !message.plugin) return;
 
@@ -138,34 +127,32 @@ export const searchSlice: StateCreator<
     // 将新创建的 tool message 激活
     openToolUI(newMessageId, message.plugin.identifier);
   },
-  searchWithSearXNG: async (id, params, aiSummary = true) => {
+
+  search: async (id, { query, ...params }, aiSummary = true) => {
     get().toggleSearchLoading(id, true);
-    let data: SearchResponse | undefined;
+    let data: UniformSearchResponse | undefined;
     try {
       // 首次查询
-      data = await searchService.search(params.query, params.optionalParams);
+      data = await searchService.search(query, params);
 
       // 如果没有搜索到结果，则执行第一次重试（移除搜索引擎限制）
       if (
         data?.results.length === 0 &&
-        params.optionalParams?.searchEngines &&
-        params.optionalParams?.searchEngines?.length > 0
+        params?.searchEngines &&
+        params?.searchEngines?.length > 0
       ) {
         const paramsExcludeSearchEngines = {
           ...params,
-          optionalParams: {
-            ...params.optionalParams,
-            searchEngines: undefined,
-          },
+          searchEngines: undefined,
         };
-        data = await searchService.search(params.query, paramsExcludeSearchEngines.optionalParams);
+        data = await searchService.search(query, paramsExcludeSearchEngines);
         get().updatePluginArguments(id, paramsExcludeSearchEngines);
       }
 
       // 如果仍然没有搜索到结果，则执行第二次重试（移除所有限制）
       if (data?.results.length === 0) {
-        data = await searchService.search(params.query);
-        get().updatePluginArguments(id, { ...params, optionalParams: undefined });
+        data = await searchService.search(query);
+        get().updatePluginArguments(id, { query });
       }
 
       await get().updatePluginState(id, data);
@@ -197,7 +184,7 @@ export const searchSlice: StateCreator<
       url: item.url,
       ...(item.content && { content: item.content }),
       ...(item.publishedDate && { publishedDate: item.publishedDate }),
-      ...(item.img_src && { img_src: item.img_src }),
+      ...(item.imgSrc && { imgSrc: item.imgSrc }),
       ...(item.thumbnail && { thumbnail: item.thumbnail }),
     }));
 
@@ -209,7 +196,6 @@ export const searchSlice: StateCreator<
     // 如果 aiSummary 为 true，则会自动触发总结
     return aiSummary;
   },
-
   togglePageContent: (url) => {
     set({ activePageContentUrl: url });
   },
@@ -221,4 +207,11 @@ export const searchSlice: StateCreator<
       `toggleSearchLoading/${loading ? 'start' : 'end'}`,
     );
   },
+
+  triggerSearchAgain: async (id, data, options) => {
+    get().toggleSearchLoading(id, true);
+    await get().updatePluginArguments(id, data);
+
+    await get().search(id, data, options?.aiSummary);
+  },
 });

package/src/tools/web-browsing/Portal/Search/Footer.tsx

@@ -12,7 +12,7 @@ const Footer = () => {
     chatPortalSelectors.toolMessageId(s),
     chatSelectors.isAIGenerating(s),
     s.triggerAIMessage,
-    s.saveSearXNGSearchResult,
+    s.saveSearchResult,
   ]);
 
   const { t } = useTranslation('tool');

package/src/tools/web-browsing/Portal/Search/ResultList/SearchItem/TitleExtra.tsx

@@ -9,7 +9,7 @@ import { EngineAvatarGroup } from '@/tools/web-browsing/components/EngineAvatar'
 import CategoryAvatar from './CategoryAvatar';
 
 interface TitleExtraProps {
-  category: string;
+  category?: string;
   engines: string[];
   highlight?: boolean;
   score: number;
@@ -35,7 +35,7 @@ const TitleExtra = memo<TitleExtraProps>(({ category, score, highlight, engines
           </Typography.Text>
         )}
       </Tooltip>
-      <CategoryAvatar category={category} />
+      <CategoryAvatar category={category || 'general'} />
     </Flexbox>
   );
 });

package/src/tools/web-browsing/Portal/Search/ResultList/SearchItem/Video.tsx

@@ -3,7 +3,7 @@ import { createStyles } from 'antd-style';
 import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { SearchResult } from '@/types/tool/search';
+import { UniformSearchResult } from '@/types/tool/search';
 
 import { ENGINE_ICON_MAP } from '../../../../const';
 import TitleExtra from './TitleExtra';
@@ -61,19 +61,21 @@ const useStyles = createStyles(({ css, token }) => {
   };
 });
 
-interface SearchResultProps extends SearchResult {
+interface SearchResultProps extends UniformSearchResult {
   highlight?: boolean;
 }
 const VideoItem = memo<SearchResultProps>(
-  ({ content, url, iframe_src, highlight, score, engines, title, category }) => {
+  ({ content, url, iframeSrc, highlight, score, engines, title, category, ...res }) => {
     const { styles, theme } = useStyles();
 
     const [expand, setExpand] = useState(false);
+
+    const videoUrl = iframeSrc || (res as any).iframe_src; // iframe_src 是 SearchXNG 的字段，兼容老的数据结构
     return (
       <Flexbox gap={12}>
         <Flexbox className={styles.container} onClick={() => setExpand(!expand)}>
           <Flexbox flex={1} gap={8} horizontal padding={12}>
-            {iframe_src && (
+            {videoUrl && (
               <Flexbox>
                 <iframe
                   // alt={title}
@@ -86,7 +88,7 @@ const VideoItem = memo<SearchResultProps>(
                   onPlay={(e) => {
                     e.preventDefault();
                   }}
-                  src={iframe_src}
+                  src={videoUrl}
                   style={{
                     pointerEvents: 'none',
                   }}
@@ -127,9 +129,9 @@ const VideoItem = memo<SearchResultProps>(
             </Flexbox>
           </Flexbox>
         </Flexbox>
-        {expand && iframe_src && (
+        {expand && videoUrl && (
           <Flexbox>
-            <iframe className={styles.iframe} height={440} src={iframe_src} width={'100%'} />
+            <iframe className={styles.iframe} height={440} src={videoUrl} width={'100%'} />
           </Flexbox>
         )}
       </Flexbox>

package/src/tools/web-browsing/Portal/Search/ResultList/SearchItem/index.tsx

@@ -4,7 +4,7 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import WebFavicon from '@/components/WebFavicon';
-import { SearchResult } from '@/types/tool/search';
+import { UniformSearchResult } from '@/types/tool/search';
 
 import TitleExtra from './TitleExtra';
 import Video from './Video';
@@ -52,7 +52,7 @@ const useStyles = createStyles(({ css, token }) => {
   };
 });
 
-interface SearchResultProps extends SearchResult {
+interface SearchResultProps extends UniformSearchResult {
   highlight?: boolean;
 }
 

package/src/tools/web-browsing/Portal/Search/ResultList/index.tsx

@@ -1,17 +1,17 @@
 import React, { memo, useCallback } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 
-import { SearchResult } from '@/types/tool/search';
+import { UniformSearchResult } from '@/types/tool/search';
 
 import Item from './SearchItem';
 
 interface ResultListProps {
-  dataSources: SearchResult[];
+  dataSources: UniformSearchResult[];
 }
 
 const ResultList = memo<ResultListProps>(({ dataSources }) => {
   const itemContent = useCallback(
-    (index: number, result: SearchResult) => <Item {...result} highlight={index < 15} />,
+    (index: number, result: UniformSearchResult) => <Item {...result} highlight={index < 15} />,
     [],
   );
 

package/src/tools/web-browsing/Portal/Search/index.tsx

@@ -5,7 +5,7 @@ import { Flexbox } from 'react-layout-kit';
 
 import { useChatStore } from '@/store/chat';
 import { chatToolSelectors } from '@/store/chat/selectors';
-import { SearchQuery, SearchResponse } from '@/types/tool/search';
+import { SearchQuery, UniformSearchResponse } from '@/types/tool/search';
 
 import SearchBar from '../../components/SearchBar';
 import Footer from './Footer';
@@ -14,12 +14,12 @@ import ResultList from './ResultList';
 interface InspectorUIProps {
   messageId: string;
   query: SearchQuery;
-  response: SearchResponse;
+  response: UniformSearchResponse;
 }
 
 const Inspector = memo<InspectorUIProps>(({ query: args, messageId, response }) => {
-  const engines = uniq((response.results || []).map((result) => result.engine));
-  const defaultEngines = engines.length > 0 ? engines : args.optionalParams?.searchEngines || [];
+  const engines = uniq((response.results || []).flatMap((result) => result.engines));
+  const defaultEngines = engines.length > 0 ? engines : args?.searchEngines || [];
   const loading = useChatStore(chatToolSelectors.isSearXNGSearching(messageId));
 
   if (loading) {

package/src/tools/web-browsing/Portal/index.tsx

@@ -11,7 +11,9 @@ import Search from './Search';
 
 const Inspector = memo<BuiltinPortalProps>(({ arguments: args, messageId, state, apiName }) => {
   switch (apiName) {
-    case WebBrowsingApiName.searchWithSearXNG: {
+    // 兼容旧版数据
+    case 'searchWithSearXNG':
+    case WebBrowsingApiName.search: {
       return <Search messageId={messageId} query={args as SearchQuery} response={state} />;
     }
 

package/src/tools/web-browsing/Render/Search/SearchQuery/SearchView.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { useIsMobile } from '@/hooks/useIsMobile';
+import { shinyTextStylish } from '@/styles/loading';
 
 import { EngineAvatarGroup } from '../../../components/EngineAvatar';
 
@@ -29,6 +30,7 @@ const useStyles = createStyles(({ css, token }) => ({
       background: ${token.colorFillTertiary};
     }
   `,
+  shinyText: shinyTextStylish(token),
 }));
 
 interface SearchBarProps {
@@ -43,7 +45,7 @@ const SearchBar = memo<SearchBarProps>(
   ({ defaultEngines, defaultQuery, resultsNumber, onEditingChange, searching }) => {
     const { t } = useTranslation('tool');
     const isMobile = useIsMobile();
-    const { styles } = useStyles();
+    const { styles, cx } = useStyles();
     return (
       <Flexbox
         align={isMobile ? 'flex-start' : 'center'}
@@ -54,7 +56,7 @@ const SearchBar = memo<SearchBarProps>(
       >
         <Flexbox
           align={'center'}
-          className={styles.query}
+          className={cx(styles.query, searching && styles.shinyText)}
           gap={8}
           horizontal
           onClick={() => {

package/src/tools/web-browsing/Render/Search/SearchQuery/index.tsx

@@ -1,14 +1,12 @@
 import { ActionIcon } from '@lobehub/ui';
-import { Skeleton } from 'antd';
 import { uniq } from 'lodash-es';
 import { XIcon } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
 
 import { useChatStore } from '@/store/chat';
 import { chatToolSelectors } from '@/store/chat/selectors';
-import { SearchQuery, SearchResponse } from '@/types/tool/search';
+import { SearchQuery, UniformSearchResponse } from '@/types/tool/search';
 
 import SearchBar from '../../../components/SearchBar';
 import SearchView from './SearchView';
@@ -17,7 +15,7 @@ interface SearchQueryViewProps {
   args: SearchQuery;
   editing: boolean;
   messageId: string;
-  pluginState?: SearchResponse;
+  pluginState?: UniformSearchResponse;
   setEditing: (editing: boolean) => void;
 }
 
@@ -28,15 +26,10 @@ const SearchQueryView = memo<SearchQueryViewProps>(
 
     const { t } = useTranslation('common');
 
-    const engines = uniq(searchResults.map((result) => result.engine));
-    const defaultEngines = engines.length > 0 ? engines : args.optionalParams?.searchEngines || [];
+    const engines = uniq(searchResults.flatMap((result) => result.engines));
+    const defaultEngines = engines.length > 0 ? engines : args.searchEngines || [];
 
-    return !pluginState ? (
-      <Flexbox align={'center'} distribution={'space-between'} height={32} horizontal>
-        <Skeleton.Button active style={{ borderRadius: 4, height: 32, width: 180 }} />
-        <Skeleton.Button active style={{ borderRadius: 4, height: 32, width: 220 }} />
-      </Flexbox>
-    ) : editing ? (
+    return editing ? (
       <SearchBar
         defaultEngines={defaultEngines}
         defaultQuery={args?.query}
@@ -52,7 +45,7 @@ const SearchQueryView = memo<SearchQueryViewProps>(
         defaultQuery={args?.query}
         onEditingChange={setEditing}
         resultsNumber={searchResults.length}
-        searching={loading}
+        searching={loading || !pluginState}
       />
     );
   },

package/src/tools/web-browsing/Render/Search/SearchResult/SearchResultItem.tsx

@@ -5,7 +5,7 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import WebFavicon from '@/components/WebFavicon';
-import { SearchResult } from '@/types/tool/search';
+import { UniformSearchResult } from '@/types/tool/search';
 
 const useStyles = createStyles(({ css, token }) => ({
   container: css`
@@ -43,7 +43,7 @@ const useStyles = createStyles(({ css, token }) => ({
   `,
 }));
 
-const SearchResultItem = memo<SearchResult>(({ url, title }) => {
+const SearchResultItem = memo<UniformSearchResult>(({ url, title }) => {
   const { styles } = useStyles();
 
   const urlObj = new URL(url);

package/src/tools/web-browsing/Render/Search/SearchResult/index.tsx

@@ -9,7 +9,7 @@ import { Center, Flexbox } from 'react-layout-kit';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import { useChatStore } from '@/store/chat';
 import { chatToolSelectors } from '@/store/chat/selectors';
-import { SearchQuery, SearchResponse } from '@/types/tool/search';
+import { SearchQuery, UniformSearchResponse } from '@/types/tool/search';
 
 import SearchResultItem from './SearchResultItem';
 import ShowMore from './ShowMore';
@@ -21,7 +21,7 @@ interface SearchResultProps {
   args: SearchQuery;
   editing: boolean;
   messageId: string;
-  pluginState?: SearchResponse;
+  pluginState?: UniformSearchResponse;
   setEditing: (editing: boolean) => void;
 }
 
@@ -31,14 +31,14 @@ const SearchResult = memo<SearchResultProps>(
     const searchResults = pluginState?.results || [];
     const { t } = useTranslation(['tool', 'common']);
 
-    const engines = uniq(searchResults.map((result) => result.engine));
-    const defaultEngines = engines.length > 0 ? engines : args.optionalParams?.searchEngines || [];
+    const engines = uniq(searchResults.flatMap((result) => result.engines));
+    const defaultEngines = engines.length > 0 ? engines : args?.searchEngines || [];
     const isMobile = useIsMobile();
 
     if (loading || !pluginState)
       return (
         <Flexbox gap={12} horizontal>
-          {['1', '2', '3', '4'].map((id) => (
+          {['1', '2', '3', '4', '5'].map((id) => (
             <Skeleton.Button
               active
               key={id}

package/src/tools/web-browsing/Render/Search/index.tsx

@@ -3,7 +3,7 @@ import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import { ChatMessagePluginError } from '@/types/message';
-import { SearchQuery, SearchResponse } from '@/types/tool/search';
+import { SearchQuery, UniformSearchResponse } from '@/types/tool/search';
 
 import ConfigForm from './ConfigForm';
 import SearchQueryView from './SearchQuery';
@@ -13,7 +13,7 @@ interface SearchProps {
   messageId: string;
   pluginError: ChatMessagePluginError;
   searchQuery: SearchQuery;
-  searchResponse?: SearchResponse;
+  searchResponse?: UniformSearchResponse;
 }
 
 const Search = memo<SearchProps>(({ messageId, searchQuery, searchResponse, pluginError }) => {