@lobehub/chat 1.68.10 → 1.69.0

package/locales/pt-BR/models.json

@@ -827,12 +827,18 @@
   "gemini-2.0-flash-001": {
     "description": "Gemini 2.0 Flash oferece funcionalidades e melhorias de próxima geração, incluindo velocidade excepcional, uso nativo de ferramentas, geração multimodal e uma janela de contexto de 1M tokens."
   },
+  "gemini-2.0-flash-lite": {
+    "description": "Variante do modelo Gemini 2.0 Flash, otimizada para custo-benefício e baixa latência."
+  },
   "gemini-2.0-flash-lite-001": {
     "description": "Variante do modelo Gemini 2.0 Flash, otimizada para custo-benefício e baixa latência."
   },
   "gemini-2.0-flash-lite-preview-02-05": {
     "description": "Um modelo Gemini 2.0 Flash otimizado para custo-benefício e baixa latência."
   },
+  "gemini-2.0-flash-thinking-exp": {
+    "description": "O Gemini 2.0 Flash Exp é o mais recente modelo experimental de IA multimodal do Google, com características de próxima geração, velocidade excepcional, chamadas nativas de ferramentas e geração multimodal."
+  },
   "gemini-2.0-flash-thinking-exp-01-21": {
     "description": "O Gemini 2.0 Flash Exp é o mais recente modelo experimental de IA multimodal do Google, com características de próxima geração, velocidade excepcional, chamadas nativas de ferramentas e geração multimodal."
   },

package/locales/ru-RU/chat.json

@@ -32,7 +32,12 @@
   "duplicateTitle": "{{title}} Копия",
   "emptyAgent": "Нет ассистента",
   "extendParams": {
+    "disableContextCaching": {
+      "desc": "Стоимость генерации одного диалога может быть снижена до 90%, скорость ответа увеличивается в 4 раза (<1>Узнать больше</1>). При включении автоматически отключается ограничение на количество исторических сообщений",
+      "title": "Включить кэширование контекста"
+    },
     "enableReasoning": {
+      "desc": "Ограничение на основе механизма Claude Thinking (<1>Узнать больше</1>), при включении автоматически отключается ограничение на количество исторических сообщений",
       "title": "Включить глубокое мышление"
     },
     "reasoningBudgetToken": {
@@ -40,6 +45,9 @@
     },
     "title": "Расширенные функции модели"
   },
+  "history": {
+    "title": "Ассистент будет помнить только последние {{count}} сообщений"
+  },
   "historyRange": "История сообщений",
   "historySummary": "Сводка исторических сообщений",
   "inbox": {

package/locales/ru-RU/models.json

@@ -827,12 +827,18 @@
   "gemini-2.0-flash-001": {
     "description": "Gemini 2.0 Flash предлагает функции следующего поколения и улучшения, включая выдающуюся скорость, использование встроенных инструментов, многомодальную генерацию и контекстное окно на 1M токенов."
   },
+  "gemini-2.0-flash-lite": {
+    "description": "Модельный вариант Gemini 2.0 Flash, оптимизированный для достижения таких целей, как экономическая эффективность и низкая задержка."
+  },
   "gemini-2.0-flash-lite-001": {
     "description": "Модельный вариант Gemini 2.0 Flash, оптимизированный для достижения таких целей, как экономическая эффективность и низкая задержка."
   },
   "gemini-2.0-flash-lite-preview-02-05": {
     "description": "Модель Gemini 2.0 Flash, оптимизированная для экономической эффективности и низкой задержки."
   },
+  "gemini-2.0-flash-thinking-exp": {
+    "description": "Gemini 2.0 Flash Exp — это последняя экспериментальная многомодальная AI модель от Google, обладающая следующими поколениями характеристик, выдающейся скоростью, нативным вызовом инструментов и многомодальной генерацией."
+  },
   "gemini-2.0-flash-thinking-exp-01-21": {
     "description": "Gemini 2.0 Flash Exp — это последняя экспериментальная многомодальная AI модель от Google, обладающая следующими поколениями характеристик, выдающейся скоростью, нативным вызовом инструментов и многомодальной генерацией."
   },

package/locales/tr-TR/chat.json

@@ -32,7 +32,12 @@
   "duplicateTitle": "{{title}} Kopya",
   "emptyAgent": "Asistan yok",
   "extendParams": {
+    "disableContextCaching": {
+      "desc": "Tek bir diyalogun üretim maliyeti en fazla %90 oranında düşürülebilir, yanıt hızı 4 kat artar (<1>Daha fazla bilgi edinin</1>). Açıldığında, otomatik olarak geçmiş mesaj sayısı sınırı devre dışı bırakılacaktır.",
+      "title": "Bağlam önbelleğini aç"
+    },
     "enableReasoning": {
+      "desc": "Claude Thinking mekanizmasına dayalı kısıtlamalar (<1>Daha fazla bilgi edinin</1>), açıldığında otomatik olarak geçmiş mesaj sayısı sınırı devre dışı bırakılacaktır.",
       "title": "Derin Düşünmeyi Aç"
     },
     "reasoningBudgetToken": {
@@ -40,6 +45,9 @@
     },
     "title": "Model Genişletme Özellikleri"
   },
+  "history": {
+    "title": "Asistan yalnızca son {{count}} mesajı hatırlayacak"
+  },
   "historyRange": "Geçmiş Aralığı",
   "historySummary": "Tarihsel haber özeti",
   "inbox": {

package/locales/tr-TR/models.json

@@ -827,12 +827,18 @@
   "gemini-2.0-flash-001": {
     "description": "Gemini 2.0 Flash, mükemmel hız, yerel araç kullanımı, çok modlu üretim ve 1M token bağlam penceresi dahil olmak üzere bir sonraki nesil özellikler ve iyileştirmeler sunar."
   },
+  "gemini-2.0-flash-lite": {
+    "description": "Gemini 2.0 Flash model varyantı, maliyet etkinliği ve düşük gecikme gibi hedefler için optimize edilmiştir."
+  },
   "gemini-2.0-flash-lite-001": {
     "description": "Gemini 2.0 Flash model varyantı, maliyet etkinliği ve düşük gecikme gibi hedefler için optimize edilmiştir."
   },
   "gemini-2.0-flash-lite-preview-02-05": {
     "description": "Maliyet etkinliği ve düşük gecikme gibi hedefler için optimize edilmiş bir Gemini 2.0 Flash modelidir."
   },
+  "gemini-2.0-flash-thinking-exp": {
+    "description": "Gemini 2.0 Flash Exp, Google'ın en son deneysel çok modlu AI modelidir, bir sonraki nesil özelliklere, olağanüstü hıza, yerel araç çağrısına ve çok modlu üretime sahiptir."
+  },
   "gemini-2.0-flash-thinking-exp-01-21": {
     "description": "Gemini 2.0 Flash Exp, Google'ın en son deneysel çok modlu AI modelidir, bir sonraki nesil özelliklere, olağanüstü hıza, yerel araç çağrısına ve çok modlu üretime sahiptir."
   },

package/locales/vi-VN/chat.json

@@ -32,7 +32,12 @@
   "duplicateTitle": "{{title}} Bản sao",
   "emptyAgent": "Không có trợ lý",
   "extendParams": {
+    "disableContextCaching": {
+      "desc": "Chi phí tạo ra một cuộc hội thoại đơn lẻ có thể giảm tới 90%, tốc độ phản hồi tăng gấp 4 lần (<1>Tìm hiểu thêm</1>). Khi bật, sẽ tự động vô hiệu hóa giới hạn số lượng tin nhắn lịch sử",
+      "title": "Bật bộ nhớ ngữ cảnh"
+    },
     "enableReasoning": {
+      "desc": "Giới hạn dựa trên cơ chế Claude Thinking (<1>Tìm hiểu thêm</1>), khi bật sẽ tự động vô hiệu hóa giới hạn số lượng tin nhắn lịch sử",
       "title": "Bật tư duy sâu sắc"
     },
     "reasoningBudgetToken": {
@@ -40,6 +45,9 @@
     },
     "title": "Chức năng mở rộng mô hình"
   },
+  "history": {
+    "title": "Trợ lý sẽ chỉ nhớ {{count}} tin nhắn cuối cùng"
+  },
   "historyRange": "Phạm vi lịch sử",
   "historySummary": "Tóm tắt tin tức lịch sử",
   "inbox": {

package/locales/vi-VN/models.json

@@ -827,12 +827,18 @@
   "gemini-2.0-flash-001": {
     "description": "Gemini 2.0 Flash cung cấp các tính năng và cải tiến thế hệ tiếp theo, bao gồm tốc độ vượt trội, sử dụng công cụ bản địa, tạo đa phương tiện và cửa sổ ngữ cảnh 1M token."
   },
+  "gemini-2.0-flash-lite": {
+    "description": "Biến thể mô hình Gemini 2.0 Flash được tối ưu hóa cho hiệu quả chi phí và độ trễ thấp."
+  },
   "gemini-2.0-flash-lite-001": {
     "description": "Biến thể mô hình Gemini 2.0 Flash được tối ưu hóa cho hiệu quả chi phí và độ trễ thấp."
   },
   "gemini-2.0-flash-lite-preview-02-05": {
     "description": "Một mô hình Gemini 2.0 Flash được tối ưu hóa cho hiệu quả chi phí và độ trễ thấp."
   },
+  "gemini-2.0-flash-thinking-exp": {
+    "description": "Gemini 2.0 Flash Exp là mô hình AI đa phương thức thử nghiệm mới nhất của Google, sở hữu các tính năng thế hệ tiếp theo, tốc độ vượt trội, gọi công cụ bản địa và sinh ra đa phương thức."
+  },
   "gemini-2.0-flash-thinking-exp-01-21": {
     "description": "Gemini 2.0 Flash Exp là mô hình AI đa phương thức thử nghiệm mới nhất của Google, sở hữu các tính năng thế hệ tiếp theo, tốc độ vượt trội, gọi công cụ bản địa và sinh ra đa phương thức."
   },

package/locales/zh-CN/chat.json

@@ -32,7 +32,12 @@
   "duplicateTitle": "{{title}} 副本",
   "emptyAgent": "暂无助手",
   "extendParams": {
+    "disableContextCaching": {
+      "desc": "单条对话生成成本最高可降低 90%，响应速度提升 4 倍（<1>了解更多</1>）。开启后将自动禁用历史消息数限制",
+      "title": "开启上下文缓存"
+    },
     "enableReasoning": {
+      "desc": "基于 Claude Thinking 机制限制（<1>了解更多</1>），开启后将自动禁用历史消息数限制",
       "title": "开启深度思考"
     },
     "reasoningBudgetToken": {
@@ -40,6 +45,9 @@
     },
     "title": "模型扩展功能"
   },
+  "history": {
+    "title": "助手将只记住最后{{count}}条消息"
+  },
   "historyRange": "历史范围",
   "historySummary": "历史消息总结",
   "inbox": {

package/locales/zh-CN/models.json

@@ -827,12 +827,18 @@
   "gemini-2.0-flash-001": {
     "description": "Gemini 2.0 Flash 提供下一代功能和改进，包括卓越的速度、原生工具使用、多模态生成和1M令牌上下文窗口。"
   },
+  "gemini-2.0-flash-lite": {
+    "description": "Gemini 2.0 Flash 模型变体，针对成本效益和低延迟等目标进行了优化。"
+  },
   "gemini-2.0-flash-lite-001": {
     "description": "Gemini 2.0 Flash 模型变体，针对成本效益和低延迟等目标进行了优化。"
   },
   "gemini-2.0-flash-lite-preview-02-05": {
     "description": "一个 Gemini 2.0 Flash 模型，针对成本效益和低延迟等目标进行了优化。"
   },
+  "gemini-2.0-flash-thinking-exp": {
+    "description": "Gemini 2.0 Flash Thinking Exp 是 Google 的实验性多模态推理AI模型，能对复杂问题进行推理，拥有新的思维能力。"
+  },
   "gemini-2.0-flash-thinking-exp-01-21": {
     "description": "Gemini 2.0 Flash Thinking Exp 是 Google 的实验性多模态推理AI模型，能对复杂问题进行推理，拥有新的思维能力。"
   },

package/locales/zh-TW/chat.json

@@ -32,7 +32,12 @@
   "duplicateTitle": "{{title}} 副本",
   "emptyAgent": "暫無助手",
   "extendParams": {
+    "disableContextCaching": {
+      "desc": "單條對話生成成本最高可降低 90%，響應速度提升 4 倍（<1>了解更多</1>）。開啟後將自動禁用歷史消息數限制",
+      "title": "開啟上下文快取"
+    },
     "enableReasoning": {
+      "desc": "基於 Claude Thinking 機制限制（<1>了解更多</1>），開啟後將自動禁用歷史消息數限制",
       "title": "開啟深度思考"
     },
     "reasoningBudgetToken": {
@@ -40,6 +45,9 @@
     },
     "title": "模型擴展功能"
   },
+  "history": {
+    "title": "助手將只記住最後{{count}}條消息"
+  },
   "historyRange": "歷史範圍",
   "historySummary": "歷史消息總結",
   "inbox": {

package/locales/zh-TW/models.json

@@ -827,12 +827,18 @@
   "gemini-2.0-flash-001": {
     "description": "Gemini 2.0 Flash 提供下一代功能和改進，包括卓越的速度、原生工具使用、多模態生成和1M令牌上下文窗口。"
   },
+  "gemini-2.0-flash-lite": {
+    "description": "Gemini 2.0 Flash 模型變體，針對成本效益和低延遲等目標進行了優化。"
+  },
   "gemini-2.0-flash-lite-001": {
     "description": "Gemini 2.0 Flash 模型變體，針對成本效益和低延遲等目標進行了優化。"
   },
   "gemini-2.0-flash-lite-preview-02-05": {
     "description": "一個 Gemini 2.0 Flash 模型，針對成本效益和低延遲等目標進行了優化。"
   },
+  "gemini-2.0-flash-thinking-exp": {
+    "description": "Gemini 2.0 Flash Exp 是 Google 最新的實驗性多模態AI模型，擁有下一代特性，卓越的速度，原生工具調用以及多模態生成。"
+  },
   "gemini-2.0-flash-thinking-exp-01-21": {
     "description": "Gemini 2.0 Flash Exp 是 Google 最新的實驗性多模態AI模型，擁有下一代特性，卓越的速度，原生工具調用以及多模態生成。"
   },

package/next.config.ts

@@ -217,6 +217,12 @@ const nextConfig: NextConfig = {
 
     config.resolve.alias.canvas = false;
 
+    // to ignore epub2 compile error
+    // refs: https://github.com/lobehub/lobe-chat/discussions/6769
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+      zipfile: false,
+    };
     return config;
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.68.10",
+  "version": "1.69.0",
   "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/naive.ts

@@ -89,19 +89,26 @@ export const naive: CrawlImpl = async (url, { filterOptions }) => {
 
     const result = htmlToMarkdown(html, { filterOptions, url });
 
-    // if the content is not empty or blocked
-    // just return
-    if (!!result.content && result.title !== 'Just a moment...') {
-      return {
-        content: result.content,
-        contentType: 'text',
-        description: result?.excerpt,
-        length: result.length,
-        siteName: result?.siteName,
-        title: result?.title,
-        url,
-      } satisfies CrawlSuccessResult;
+    // if the content is empty or too short, just return
+    if (!result.content || result.content.length < 100) {
+      return;
+    }
+
+    // it's blocked by cloudflare
+    if (result.title !== 'Just a moment...') {
+      return;
     }
+
+    // just return
+    return {
+      content: result.content,
+      contentType: 'text',
+      description: result?.excerpt,
+      length: result.length,
+      siteName: result?.siteName,
+      title: result?.title,
+      url,
+    } satisfies CrawlSuccessResult;
   } catch (error) {
     console.error(error);
   }

package/packages/web-crawler/src/urlRules.ts

@@ -16,7 +16,6 @@ export const crawUrlRules: CrawlUrlRule[] = [
     // GitHub discussion
     urlPattern: 'https://github.com/(.*)/discussions/(.*)',
   },
-
   // 所有 PDF 都用 jina
   {
     impls: ['jina'],
@@ -32,6 +31,15 @@ export const crawUrlRules: CrawlUrlRule[] = [
     impls: ['jina'],
     urlPattern: 'https://zhuanlan.zhihu.com(.*)',
   },
+  {
+    impls: ['jina'],
+    urlPattern: 'https://zhihu.com(.*)',
+  },
+  // 微信公众号有爬虫防护，使用 jina
+  {
+    impls: ['jina'],
+    urlPattern: 'https://mp.weixin.qq.com(.*)',
+  },
   {
     // Medium 文章转换为 Scribe.rip
     urlPattern: 'https://medium.com/(.*)',

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/index.tsx

@@ -4,7 +4,7 @@ import React, { memo, useMemo } from 'react';
 import { ChatItem } from '@/features/Conversation';
 import ActionsBar from '@/features/Conversation/components/ChatItem/ActionsBar';
 import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
+import { agentChatConfigSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors, threadSelectors } from '@/store/chat/selectors';
 
@@ -50,28 +50,19 @@ export interface ThreadChatItemProps {
 const MainChatItem = memo<ThreadChatItemProps>(({ id, index }) => {
   const { styles, cx } = useStyles();
 
-  const [displayMode] = useAgentStore((s) => {
-    const config = agentSelectors.currentAgentChatConfig(s);
-    return [config.displayMode || 'chat'];
-  });
-
-  const userRole = useChatStore((s) => chatSelectors.getMessageById(id)(s)?.role);
-
-  const placement = displayMode === 'chat' && userRole === 'user' ? 'end' : 'start';
-
   const [showThread, historyLength] = useChatStore((s) => [
     threadSelectors.hasThreadBySourceMsgId(id)(s),
     chatSelectors.mainDisplayChatIDs(s).length,
   ]);
 
-  const enableHistoryDivider = useAgentStore((s) => {
-    const config = agentSelectors.currentAgentChatConfig(s);
-    return (
-      config.enableHistoryCount &&
-      historyLength > (config.historyCount ?? 0) &&
-      config.historyCount === historyLength - index
-    );
-  });
+  const [displayMode, enableHistoryDivider] = useAgentStore((s) => [
+    agentChatConfigSelectors.displayMode(s),
+    agentChatConfigSelectors.enableHistoryDivider(historyLength, index)(s),
+  ]);
+
+  const userRole = useChatStore((s) => chatSelectors.getMessageById(id)(s)?.role);
+
+  const placement = displayMode === 'chat' && userRole === 'user' ? 'end' : 'start';
 
   const actionBar = useMemo(() => <ActionsBar id={id} />, [id]);
 

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

@@ -4,7 +4,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
+import { agentChatConfigSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
@@ -12,10 +12,7 @@ import { sessionMetaSelectors } from '@/store/session/selectors';
 
 const WelcomeMessage = () => {
   const { t } = useTranslation('chat');
-  const [type = 'chat'] = useAgentStore((s) => {
-    const config = agentSelectors.currentAgentChatConfig(s);
-    return [config.displayMode];
-  });
+  const type = useAgentStore(agentChatConfigSelectors.displayMode);
 
   const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
   const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/HeaderAction.tsx

@@ -4,6 +4,7 @@ import { ActionIcon } from '@lobehub/ui';
 import { PanelRightClose, PanelRightOpen } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
 
 import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useGlobalStore } from '@/store/global';
@@ -24,7 +25,7 @@ const HeaderAction = memo(() => {
   const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
 
   return (
-    <>
+    <Flexbox gap={4} horizontal>
       <ShareButton />
       <ActionIcon
         icon={showAgentSettings ? PanelRightClose : PanelRightOpen}
@@ -33,7 +34,7 @@ const HeaderAction = memo(() => {
         title={t('roleAndArchive')}
       />
       {isAgentEditable && <SettingButton />}
-    </>
+    </Flexbox>
   );
 });
 

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Main.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { ActionIcon, Avatar } from '@lobehub/ui';
-import { ChatHeaderTitle } from '@lobehub/ui/chat';
 import { Skeleton } from 'antd';
+import { createStyles } from 'antd-style';
 import { PanelLeftClose, PanelLeftOpen } from 'lucide-react';
 import { parseAsBoolean, useQueryState } from 'nuqs';
 import { Suspense, memo } from 'react';
@@ -19,17 +19,38 @@ import { sessionMetaSelectors, sessionSelectors } from '@/store/session/selector
 
 import Tags from './Tags';
 
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    position: relative;
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+  `,
+  tag: css`
+    flex: none;
+    align-items: baseline;
+  `,
+  title: css`
+    overflow: hidden;
+
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 1;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+}));
+
 const Main = memo(() => {
   const { t } = useTranslation('chat');
-
+  const { styles } = useStyles();
   useInitAgentConfig();
   const [isPinned] = useQueryState('pinned', parseAsBoolean);
 
-  const [init, isInbox, title, description, avatar, backgroundColor] = useSessionStore((s) => [
+  const [init, isInbox, title, avatar, backgroundColor] = useSessionStore((s) => [
     sessionSelectors.isSomeSessionActive(s),
     sessionSelectors.isInboxSession(s),
     sessionMetaSelectors.currentAgentTitle(s),
-    sessionMetaSelectors.currentAgentDescription(s),
     sessionMetaSelectors.currentAgentAvatar(s),
     sessionMetaSelectors.currentAgentBackgroundColor(s),
   ]);
@@ -37,34 +58,36 @@ const Main = memo(() => {
   const openChatSettings = useOpenChatSettings();
 
   const displayTitle = isInbox ? t('inbox.title') : title;
-  const displayDesc = isInbox ? t('inbox.desc') : description;
   const showSessionPanel = useGlobalStore(systemStatusSelectors.showSessionPanel);
   const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
 
-  return !init ? (
-    <Flexbox gap={4} horizontal>
-      {!isPinned && (
-        <ActionIcon
-          aria-label={t('agents')}
-          icon={showSessionPanel ? PanelLeftClose : PanelLeftOpen}
-          onClick={() => {
-            updateSystemStatus({
-              sessionsWidth: showSessionPanel ? 0 : 320,
-              showSessionPanel: !showSessionPanel,
-            });
-          }}
-          size={DESKTOP_HEADER_ICON_SIZE}
-          title={t('agents')}
+  if (!init)
+    return (
+      <Flexbox align={'center'} gap={8} horizontal>
+        {!isPinned && (
+          <ActionIcon
+            aria-label={t('agents')}
+            icon={showSessionPanel ? PanelLeftClose : PanelLeftOpen}
+            onClick={() => {
+              updateSystemStatus({
+                sessionsWidth: showSessionPanel ? 0 : 320,
+                showSessionPanel: !showSessionPanel,
+              });
+            }}
+            size={DESKTOP_HEADER_ICON_SIZE}
+            title={t('agents')}
+          />
+        )}
+        <Skeleton
+          active
+          avatar={{ shape: 'circle', size: 28 }}
+          paragraph={false}
+          title={{ style: { margin: 0, marginTop: 4 }, width: 200 }}
         />
-      )}
-      <Skeleton
-        active
-        avatar={{ shape: 'circle', size: 'default' }}
-        paragraph={false}
-        title={{ style: { margin: 0, marginTop: 8 }, width: 200 }}
-      />
-    </Flexbox>
-  ) : (
+      </Flexbox>
+    );
+
+  return (
     <Flexbox align={'center'} gap={4} horizontal>
       {!isPinned && (
         <ActionIcon
@@ -84,10 +107,13 @@ const Main = memo(() => {
         avatar={avatar}
         background={backgroundColor}
         onClick={() => openChatSettings()}
-        size={40}
+        size={32}
         title={title}
       />
-      <ChatHeaderTitle desc={displayDesc} tag={<Tags />} title={displayTitle} />
+      <Flexbox align={'center'} className={styles.container} gap={8} horizontal>
+        <div className={styles.title}>{displayTitle}</div>
+        <Tags />
+      </Flexbox>
     </Flexbox>
   );
 });

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Tags/HistoryLimitTags.tsx

@@ -0,0 +1,26 @@
+import { Icon, Tag, Tooltip } from '@lobehub/ui';
+import { HistoryIcon } from 'lucide-react';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { useAgentStore } from '@/store/agent';
+import { agentChatConfigSelectors } from '@/store/agent/selectors';
+
+const SearchTag = memo(() => {
+  const { t } = useTranslation('chat');
+  const historyCount = useAgentStore(agentChatConfigSelectors.historyCount);
+
+  return (
+    <Tooltip title={t('history.title', { count: historyCount })}>
+      <Flexbox height={22}>
+        <Tag>
+          <Icon icon={HistoryIcon} />
+          <span>{historyCount}</span>
+        </Tag>
+      </Flexbox>
+    </Tooltip>
+  );
+});
+
+export default SearchTag;

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/{SearchTags.tsx → Tags/SearchTags.tsx}

@@ -2,15 +2,18 @@ import { Icon, Tag } from '@lobehub/ui';
 import { Globe } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
 
 const SearchTag = memo(() => {
   const { t } = useTranslation('chat');
 
   return (
-    <Tag>
-      {<Icon icon={Globe} />}
-      <div>{t('search.title')}</div>
-    </Tag>
+    <Flexbox height={22}>
+      <Tag>
+        {<Icon icon={Globe} />}
+        <div>{t('search.title')}</div>
+      </Tag>
+    </Flexbox>
   );
 });
 

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/{Tags.tsx → Tags/index.tsx}

@@ -9,12 +9,13 @@ import PluginTag from '@/features/PluginTag';
 import { useAgentEnableSearch } from '@/hooks/useAgentEnableSearch';
 import { useModelSupportToolUse } from '@/hooks/useModelSupportToolUse';
 import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
+import { agentChatConfigSelectors, agentSelectors } from '@/store/agent/selectors';
 import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';
 
 import KnowledgeTag from './KnowledgeTag';
 import SearchTags from './SearchTags';
+import HistoryLimitTags from './HistoryLimitTags';
 
 const TitleTags = memo(() => {
   const [model, provider, hasKnowledge, isLoading] = useAgentStore((s) => [
@@ -26,6 +27,7 @@ const TitleTags = memo(() => {
 
   const plugins = useAgentStore(agentSelectors.currentAgentPlugins, isEqual);
   const enabledKnowledge = useAgentStore(agentSelectors.currentEnabledKnowledge, isEqual);
+  const enableHistoryCount = useAgentStore(agentChatConfigSelectors.enableHistoryCount);
 
   const showPlugin = useModelSupportToolUse(model, provider);
   const isLogin = useUserStore(authSelectors.isLogin);
@@ -42,6 +44,7 @@ const TitleTags = memo(() => {
       {isAgentEnableSearch && <SearchTags />}
       {showPlugin && plugins?.length > 0 && <PluginTag plugins={plugins} />}
       {hasKnowledge && <KnowledgeTag data={enabledKnowledge} />}
+      {enableHistoryCount && <HistoryLimitTags />}
     </Flexbox>
   );
 });

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/index.tsx

@@ -16,7 +16,7 @@ const Header = () => {
       <ChatHeader
         left={<Main />}
         right={<HeaderAction />}
-        style={{ minHeight: 64, position: 'initial', zIndex: 11 }}
+        style={{ height: 48, minHeight: 48, paddingInline: 8, position: 'initial', zIndex: 11 }}
       />
     )
   );