@lobehub/chat 1.77.7 → 1.77.8

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 # Changelog
 
+### [Version 1.77.8](https://github.com/lobehub/lobe-chat/compare/v1.77.7...v1.77.8)
+
+<sup>Released on **2025-04-03**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Add `SEARCH1API_CRAWL_API_KEY` env.
+
+#### 💄 Styles
+
+- **misc**: Auto refresh TokenTag count.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Add `SEARCH1API_CRAWL_API_KEY` env, closes [#7270](https://github.com/lobehub/lobe-chat/issues/7270) ([85e8ff1](https://github.com/lobehub/lobe-chat/commit/85e8ff1))
+
+#### Styles
+
+- **misc**: Auto refresh TokenTag count, closes [#7011](https://github.com/lobehub/lobe-chat/issues/7011) ([9d62451](https://github.com/lobehub/lobe-chat/commit/9d62451))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.77.7](https://github.com/lobehub/lobe-chat/compare/v1.77.6...v1.77.7)
 
 <sup>Released on **2025-04-03**</sup>

package/changelog/v1.json

@@ -1,4 +1,16 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Add SEARCH1API_CRAWL_API_KEY env."
+      ],
+      "improvements": [
+        "Auto refresh TokenTag count."
+      ]
+    },
+    "date": "2025-04-03",
+    "version": "1.77.8"
+  },
   {
     "children": {
       "improvements": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.77.7",
+  "version": "1.77.8",
   "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/packages/web-crawler/src/crawImpl/search1api.ts

@@ -7,18 +7,20 @@ interface Search1ApiResponse {
     url: string;
   };
   results: {
-    title?: string;
-    link?: string;
     content?: string;
+    link?: string;
+    title?: string;
   };
 }
 
 export const search1api: CrawlImpl = async (url) => {
   // Get API key from environment variable
-  const apiKey = process.env.SEARCH1API_API_KEY;
-  
+  const apiKey = process.env.SEARCH1API_CRAWL_API_KEY || process.env.SEARCH1API_API_KEY;
+
   if (!apiKey) {
-    throw new Error('SEARCH1API_API_KEY environment variable is not set. Visit https://www.search1api.com to get free quota.');
+    throw new Error(
+      'SEARCH1API_API_KEY environment variable is not set. Visit https://www.search1api.com to get free quota.',
+    );
   }
 
   let res: Response;
@@ -26,14 +28,14 @@ export const search1api: CrawlImpl = async (url) => {
   try {
     res = await withTimeout(
       fetch('https://api.search1api.com/crawl', {
-        method: 'POST',
+        body: JSON.stringify({
+          url,
+        }),
         headers: {
           'Authorization': `Bearer ${apiKey}`,
           'Content-Type': 'application/json',
         },
-        body: JSON.stringify({
-          url,
-        }),
+        method: 'POST',
       }),
       DEFAULT_TIMEOUT,
     );
@@ -54,30 +56,31 @@ export const search1api: CrawlImpl = async (url) => {
     if (res.status === 404) {
       throw new PageNotFoundError(res.statusText);
     }
-    
+
     throw new Error(`Search1API request failed with status ${res.status}: ${res.statusText}`);
   }
 
   try {
-    const data = await res.json() as Search1ApiResponse;
-    
+    const data = (await res.json()) as Search1ApiResponse;
+
     // Check if content is empty or too short
     if (!data.results.content || data.results.content.length < 100) {
       return;
     }
-    
+
     return {
       content: data.results.content,
       contentType: 'text',
-      title: data.results.title,
-      description: data.results.title, // Using title as description since API doesn't provide a separate description
+      description: data.results.title,
+      // Using title as description since API doesn't provide a separate description
       length: data.results.content.length,
       siteName: new URL(url).hostname,
+      title: data.results.title,
       url: data.results.link || url,
     } satisfies CrawlSuccessResult;
   } catch (error) {
     console.error(error);
   }
-  
+
   return;
-}; 
+};

package/src/features/ChatInput/ActionBar/Token/TokenTag.tsx

@@ -2,7 +2,7 @@ import { TokenTag, Tooltip } from '@lobehub/ui';
 import { Popover } from 'antd';
 import { useTheme } from 'antd-style';
 import numeral from 'numeral';
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
@@ -12,7 +12,7 @@ import { useTokenCount } from '@/hooks/useTokenCount';
 import { useAgentStore } from '@/store/agent';
 import { agentChatConfigSelectors, agentSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
-import { topicSelectors } from '@/store/chat/selectors';
+import { chatSelectors, topicSelectors } from '@/store/chat/selectors';
 import { useToolStore } from '@/store/tool';
 import { toolSelectors } from '@/store/tool/selectors';
 
@@ -41,6 +41,11 @@ const Token = memo<TokenTagProps>(({ total: messageString }) => {
     ];
   });
 
+  const [historyCount, enableHistoryCount] = useAgentStore((s) => [
+    agentChatConfigSelectors.historyCount(s),
+    agentChatConfigSelectors.enableHistoryCount(s),
+  ]);
+
   const maxTokens = useModelContextWindowTokens(model, provider);
 
   // Tool usage token
@@ -60,7 +65,12 @@ const Token = memo<TokenTagProps>(({ total: messageString }) => {
   // Chat usage token
   const inputTokenCount = useTokenCount(input);
 
-  const chatsToken = useTokenCount(messageString) + inputTokenCount;
+  const chatsString = useMemo(() => {
+    const chats = chatSelectors.mainAIChatsWithHistoryConfig(useChatStore.getState());
+    return chats.map(chat => chat.content).join('');
+  }, [messageString, historyCount, enableHistoryCount]);
+
+  const chatsToken = useTokenCount(chatsString) + inputTokenCount;
 
   // SystemRole token
   const systemRoleToken = useTokenCount(systemRole);