@lobehub/chat 1.15.18 → 1.15.19

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 # Changelog
 
+### [Version 1.15.19](https://github.com/lobehub/lobe-chat/compare/v1.15.18...v1.15.19)
+
+<sup>Released on **2024-09-08**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.15.18](https://github.com/lobehub/lobe-chat/compare/v1.15.17...v1.15.18)
 
 <sup>Released on **2024-09-06**</sup>

package/locales/ar/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "مرحبًا، أنا **{{name}}**، دعنا نبدأ المحادثة!",
   "agentsAndConversations": "الوكلاء والمحادثات",
   "backToBottom": "العودة إلى الأسفل",
+  "chatList": {
+    "longMessageDetail": "عرض التفاصيل"
+  },
   "clearCurrentMessages": "مسح رسائل الجلسة الحالية",
   "confirmClearCurrentMessages": "سيتم مسح رسائل الجلسة الحالية قريبًا، وبمجرد المسح لن يمكن استعادتها، يرجى تأكيد الإجراء الخاص بك",
   "confirmRemoveSessionItemAlert": "سيتم حذف هذا المساعد قريبًا، وبمجرد الحذف لن يمكن استعادته، يرجى تأكيد الإجراء الخاص بك",

package/locales/ar/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "قائمة القطع الأثرية الحالية فارغة، يرجى استخدام الإضافات في الجلسة ومن ثم التحقق مرة أخرى",
   "emptyKnowledgeList": "قائمة المعرفة الحالية فارغة، يرجى فتح قاعدة المعرفة حسب الحاجة في المحادثة قبل العرض",
   "files": "ملفات",
+  "messageDetail": "تفاصيل الرسالة",
   "title": "نافذة موسعة"
 }

package/locales/bg-BG/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Здравей, аз съм **{{name}}** и нека започнем разговора!",
   "agentsAndConversations": "агенти и разговори",
   "backToBottom": "Върни се в началото",
+  "chatList": {
+    "longMessageDetail": "Вижте детайлите"
+  },
   "clearCurrentMessages": "Изчисти съобщенията от текущата сесия",
   "confirmClearCurrentMessages": "На път си да изчистиш съобщенията от текущата сесия. След като бъдат изчистени, те не могат да бъдат възстановени. Моля, потвърди действието си.",
   "confirmRemoveSessionItemAlert": "На път си да изтриеш този агент. След като бъде изтрит, той не може да бъде възстановен. Моля, потвърди действието си.",

package/locales/bg-BG/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "Списъкът с текущите артефакти е празен. Моля, използвайте добавки в разговора и след това проверете отново.",
   "emptyKnowledgeList": "Текущият списък с познания е празен. Моля, активирайте базата данни на познанията по време на сесията, за да я прегледате.",
   "files": "файлове",
+  "messageDetail": "Детайли на съобщението",
   "title": "Разширено прозорец"
 }

package/locales/de-DE/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Hallo, ich bin **{{name}}**. Lassen Sie uns ins Gespräch kommen!",
   "agentsAndConversations": "Agenten und Unterhaltungen",
   "backToBottom": "Zurück zum Ende",
+  "chatList": {
+    "longMessageDetail": "Details anzeigen"
+  },
   "clearCurrentMessages": "Aktuelle Nachrichten löschen",
   "confirmClearCurrentMessages": "Möchtest du wirklich die aktuellen Nachrichten löschen? Diese Aktion kann nicht rückgängig gemacht werden.",
   "confirmRemoveSessionItemAlert": "Möchtest du diesen Assistenten wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.",

package/locales/de-DE/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "Die Liste der Artefakte ist derzeit leer. Bitte verwenden Sie Plugins in der Sitzung und überprüfen Sie sie erneut.",
   "emptyKnowledgeList": "Die aktuelle Wissensliste ist leer. Bitte aktivieren Sie die Wissensdatenbank nach Bedarf in der Sitzung, um sie anzuzeigen.",
   "files": "Dateien",
+  "messageDetail": "Nachrichtendetails",
   "title": "Erweiterungsfenster"
 }

package/locales/en-US/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Hello, I'm **{{name}}**, let's start chatting!",
   "agentsAndConversations": "Assistants and Conversations",
   "backToBottom": "Back to bottom",
+  "chatList": {
+    "longMessageDetail": "View Details"
+  },
   "clearCurrentMessages": "Clear current session messages",
   "confirmClearCurrentMessages": "You are about to clear the current session messages. Once cleared, they cannot be retrieved. Please confirm your action.",
   "confirmRemoveSessionItemAlert": "You are about to delete this assistant. Once deleted, it cannot be retrieved. Please confirm your action.",

package/locales/en-US/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "The current Artifacts list is empty. Please use plugins in the session as needed before viewing.",
   "emptyKnowledgeList": "The current knowledge list is empty. Please enable the knowledge base as needed during the conversation before viewing.",
   "files": "Files",
+  "messageDetail": "Message Details",
   "title": "Portal View"
 }

package/locales/es-ES/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "¡Hola, soy **{{name}}**! Comencemos nuestra conversación.",
   "agentsAndConversations": "agentesYConversaciones",
   "backToBottom": "Volver al fondo",
+  "chatList": {
+    "longMessageDetail": "Ver detalles"
+  },
   "clearCurrentMessages": "Borrar mensajes actuales",
   "confirmClearCurrentMessages": "Estás a punto de borrar los mensajes de esta sesión. Una vez borrados, no se podrán recuperar. Por favor, confirma tu acción.",
   "confirmRemoveSessionItemAlert": "Estás a punto de eliminar este asistente. Una vez eliminado, no se podrá recuperar. Por favor, confirma tu acción.",

package/locales/es-ES/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "La lista de Artefactos actual está vacía. Por favor, utilice los complementos en la conversación y vuelva a intentarlo.",
   "emptyKnowledgeList": "La lista de conocimientos actual está vacía. Por favor, activa la base de conocimientos según sea necesario en la conversación antes de volver a revisar.",
   "files": "archivos",
+  "messageDetail": "Detalles del mensaje",
   "title": "Ventana de expansión"
 }

package/locales/fr-FR/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Bonjour, je suis **{{name}}**. Commençons notre conversation !",
   "agentsAndConversations": "Agents et conversations",
   "backToBottom": "Retour en bas",
+  "chatList": {
+    "longMessageDetail": "Voir les détails"
+  },
   "clearCurrentMessages": "Effacer les messages actuels",
   "confirmClearCurrentMessages": "Vous êtes sur le point d'effacer les messages de cette session. Cette action est irréversible. Veuillez confirmer.",
   "confirmRemoveSessionItemAlert": "Vous êtes sur le point de supprimer cet agent. Cette action est irréversible. Veuillez confirmer.",

package/locales/fr-FR/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "La liste des Artifacts est actuellement vide. Veuillez utiliser les plugins dans la conversation avant de consulter à nouveau.",
   "emptyKnowledgeList": "La liste des connaissances est actuellement vide. Veuillez activer la base de connaissances selon vos besoins dans la conversation avant de consulter.",
   "files": "Fichiers",
+  "messageDetail": "Détails du message",
   "title": "Fenêtre d'extension"
 }

package/locales/it-IT/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Ciao, sono **{{name}}**. Cominciamo a chiacchierare!",
   "agentsAndConversations": "Assistenti e Conversazioni",
   "backToBottom": "Torna in fondo",
+  "chatList": {
+    "longMessageDetail": "Visualizza dettagli"
+  },
   "clearCurrentMessages": "Cancella messaggi attuali",
   "confirmClearCurrentMessages": "Stai per cancellare i messaggi attuali, questa operazione non potrà essere annullata. Confermi?",
   "confirmRemoveSessionItemAlert": "Stai per rimuovere questo assistente, l'operazione non potrà essere annullata. Confermi?",

package/locales/it-IT/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "La lista degli Artefatti attuale è vuota, si prega di utilizzare i plugin necessari durante la sessione e poi controllare di nuovo",
   "emptyKnowledgeList": "L'elenco delle conoscenze attuale è vuoto. Si prega di attivare il database delle conoscenze durante la conversazione per visualizzarlo.",
   "files": "File",
+  "messageDetail": "Dettagli del messaggio",
   "title": "Finestra di espansione"
 }

package/locales/ja-JP/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "こんにちは、私は**{{name}}**です。会話しましょう！",
   "agentsAndConversations": "エージェントと会話",
   "backToBottom": "現在に戻る",
+  "chatList": {
+    "longMessageDetail": "詳細を見る"
+  },
   "clearCurrentMessages": "現在の会話をクリア",
   "confirmClearCurrentMessages": "現在の会話をクリアします。クリアした後は元に戻すことはできません。操作を確認してください。",
   "confirmRemoveSessionItemAlert": "このエージェントを削除します。削除した後は元に戻すことはできません。操作を確認してください。",

package/locales/ja-JP/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "現在、アーティファクトリストは空です。プラグインを使用してセッション中に追加してください。",
   "emptyKnowledgeList": "現在の知識リストは空です。会話中に必要に応じて知識ベースを開いてからご覧ください。",
   "files": "ファイル",
+  "messageDetail": "メッセージの詳細",
   "title": "拡張ウィンドウ"
 }

package/locales/ko-KR/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "안녕하세요, 저는 **{{name}}**입니다. 대화를 시작해보세요!",
   "agentsAndConversations": "에이전트 및 대화",
   "backToBottom": "하단으로 이동",
+  "chatList": {
+    "longMessageDetail": "자세히 보기"
+  },
   "clearCurrentMessages": "현재 대화 지우기",
   "confirmClearCurrentMessages": "현재 대화를 지우시면 되돌릴 수 없습니다. 작업을 확인하시겠습니까?",
   "confirmRemoveSessionItemAlert": "이 도우미를 삭제하시면 되돌릴 수 없습니다. 작업을 확인하시겠습니까?",

package/locales/ko-KR/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "현재 아티팩트 목록이 비어 있습니다. 플러그인을 사용한 후에 다시 확인해주세요.",
   "emptyKnowledgeList": "현재 지식 목록이 비어 있습니다. 대화 중에 필요에 따라 지식 베이스를 활성화한 후 다시 확인해 주세요.",
   "files": "파일",
+  "messageDetail": "메시지 세부정보",
   "title": "확장 창"
 }

package/locales/nl-NL/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Hallo, ik ben **{{name}}**. Laten we beginnen met een gesprek!",
   "agentsAndConversations": "agenten en gesprekken",
   "backToBottom": "Terug naar onderen",
+  "chatList": {
+    "longMessageDetail": "Bekijk details"
+  },
   "clearCurrentMessages": "Huidige berichten wissen",
   "confirmClearCurrentMessages": "Huidige berichten worden gewist en kunnen niet worden hersteld. Bevestig je actie.",
   "confirmRemoveSessionItemAlert": "Deze assistent wordt verwijderd en kan niet worden hersteld. Bevestig je actie.",

package/locales/nl-NL/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "De huidige lijst met Artifacts is leeg. Gebruik plugins in de sessie en bekijk deze later opnieuw.",
   "emptyKnowledgeList": "De huidige kennislijst is leeg. Gelieve de kennisbank in de sessie te openen voordat u deze bekijkt.",
   "files": "Bestanden",
+  "messageDetail": "Berichtdetails",
   "title": "Uitbreidingsvenster"
 }

package/locales/pl-PL/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Cześć, jestem **{{name}}**. Zacznijmy rozmowę!",
   "agentsAndConversations": "Agenci i rozmowy",
   "backToBottom": "Przewiń na dół",
+  "chatList": {
+    "longMessageDetail": "Zobacz szczegóły"
+  },
   "clearCurrentMessages": "Wyczyść bieżącą rozmowę",
   "confirmClearCurrentMessages": "Czy na pewno chcesz wyczyścić bieżącą rozmowę? Tej operacji nie można cofnąć.",
   "confirmRemoveSessionItemAlert": "Czy na pewno chcesz usunąć tego asystenta? Tej operacji nie można cofnąć.",

package/locales/pl-PL/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "Obecna lista Artefaktów jest pusta. Proszę użyć wtyczek w trakcie sesji, a następnie sprawdzić ponownie.",
   "emptyKnowledgeList": "Aktualna lista wiedzy jest pusta. Proszę otworzyć bazę wiedzy w trakcie rozmowy, aby ją przeglądać.",
   "files": "Pliki",
+  "messageDetail": "Szczegóły wiadomości",
   "title": "Okno rozszerzenia"
 }

package/locales/pt-BR/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Olá, sou o **{{name}}**, vamos começar a conversa!",
   "agentsAndConversations": "Agentes e Conversas",
   "backToBottom": "Voltar para o início",
+  "chatList": {
+    "longMessageDetail": "Ver detalhes"
+  },
   "clearCurrentMessages": "Limpar mensagens atuais",
   "confirmClearCurrentMessages": "Você está prestes a limpar as mensagens desta sessão. Depois de limpar, não será possível recuperá-las. Por favor, confirme sua ação.",
   "confirmRemoveSessionItemAlert": "Você está prestes a remover este assistente. Depois de remover, não será possível recuperá-lo. Por favor, confirme sua ação.",

package/locales/pt-BR/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "A lista de Artefatos atual está vazia. Por favor, use os plugins conforme necessário durante a sessão e depois verifique novamente.",
   "emptyKnowledgeList": "A lista de conhecimentos atual está vazia. Por favor, ative o repositório de conhecimentos conforme necessário durante a conversa antes de visualizar.",
   "files": "Arquivos",
+  "messageDetail": "Detalhes da mensagem",
   "title": "Janela de Expansão"
 }

package/locales/ru-RU/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Привет, я **{{name}}**, давай начнём разговор!",
   "agentsAndConversations": "Агенты и беседы",
   "backToBottom": "Вернуться вниз",
+  "chatList": {
+    "longMessageDetail": "Посмотреть детали"
+  },
   "clearCurrentMessages": "Очистить текущий разговор",
   "confirmClearCurrentMessages": "Вы уверены, что хотите очистить текущий разговор? После этого его нельзя будет восстановить.",
   "confirmRemoveSessionItemAlert": "Вы уверены, что хотите удалить этого помощника? После этого его нельзя будет восстановить.",

package/locales/ru-RU/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "Список текущих артефактов пуст. Пожалуйста, используйте плагины во время сеанса и затем просмотрите.",
   "emptyKnowledgeList": "Текущий список знаний пуст. Пожалуйста, откройте базу знаний по мере необходимости в разговоре, прежде чем просматривать.",
   "files": "файлы",
+  "messageDetail": "Детали сообщения",
   "title": "Расширенное окно"
 }

package/locales/tr-TR/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Merhaba, ben **{{name}}**. Konuşmaya başlayalım!",
   "agentsAndConversations": "Ajanlar ve Konuşmalar",
   "backToBottom": "En alta git",
+  "chatList": {
+    "longMessageDetail": "Detayları görüntüle"
+  },
   "clearCurrentMessages": "Mevcut oturum mesajlarını temizle",
   "confirmClearCurrentMessages": "Mevcut oturum mesajlarını temizlemek üzeresiniz. Temizlendikten sonra geri alınamazlar. Lütfen eyleminizi onaylayın.",
   "confirmRemoveSessionItemAlert": "Bu asistanı silmek üzeresiniz. Silindikten sonra geri alınamaz. Lütfen eyleminizi onaylayın.",

package/locales/tr-TR/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "Mevcut Artefakt listesi boş, lütfen eklentileri kullanarak oturumda gerektiğinde göz atın",
   "emptyKnowledgeList": "Mevcut bilgi listesi boş. Lütfen sohbet sırasında ihtiyaç duyduğunuz bilgi havuzunu açtıktan sonra tekrar kontrol edin.",
   "files": "Dosyalar",
+  "messageDetail": "Mesaj Detayı",
   "title": "Genişletme Penceresi"
 }

package/locales/vi-VN/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "Xin chào, tôi là **{{name}}**, chúng ta hãy bắt đầu trò chuyện nào!",
   "agentsAndConversations": "Người hỗ trợ và cuộc trò chuyện",
   "backToBottom": "Quay về dưới cùng",
+  "chatList": {
+    "longMessageDetail": "Xem chi tiết"
+  },
   "clearCurrentMessages": "Xóa tin nhắn hiện tại",
   "confirmClearCurrentMessages": "Bạn sắp xóa tin nhắn hiện tại. Hành động này không thể hoàn tác, vui lòng xác nhận.",
   "confirmRemoveSessionItemAlert": "Bạn sắp xóa trợ lý này. Hành động này không thể hoàn tác, vui lòng xác nhận.",

package/locales/vi-VN/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "Danh sách Tác Phẩm hiện tại đang trống, vui lòng sử dụng các plugin trong cuộc trò chuyện trước khi xem lại",
   "emptyKnowledgeList": "Danh sách kiến thức hiện tại trống, vui lòng mở kho kiến thức khi cần trong cuộc trò chuyện trước khi xem",
   "files": "Tập tin",
+  "messageDetail": "Chi tiết tin nhắn",
   "title": "Cửa sổ mở rộng"
 }

package/locales/zh-CN/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "你好，我是 **{{name}}**，让我们开始对话吧！",
   "agentsAndConversations": "助手与会话",
   "backToBottom": "跳转至当前",
+  "chatList": {
+    "longMessageDetail": "查看详情"
+  },
   "clearCurrentMessages": "清空当前会话消息",
   "confirmClearCurrentMessages": "即将清空当前会话消息，清空后将无法找回，请确认你的操作",
   "confirmRemoveSessionItemAlert": "即将删除该助手，删除后该将无法找回，请确认你的操作",

package/locales/zh-CN/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "当前 Artifacts 列表为空，请在会话中按需使用插件后再查看",
   "emptyKnowledgeList": "当前知识列表为空，请在会话中按需开启知识库后再查看",
   "files": "文件",
+  "messageDetail": "消息详情",
   "title": "工作区"
 }

package/locales/zh-TW/chat.json

@@ -7,6 +7,9 @@
   "agentDefaultMessageWithoutEdit": "你好，我是 **{{name}}**，讓我們開始對話吧！",
   "agentsAndConversations": "助理與對話",
   "backToBottom": "返回底部",
+  "chatList": {
+    "longMessageDetail": "查看詳情"
+  },
   "clearCurrentMessages": "清空當前對話",
   "confirmClearCurrentMessages": "即將清空當前對話，清空後將無法找回，請確認你的操作",
   "confirmRemoveSessionItemAlert": "即將刪除該助手，刪除後將無法找回，請確認你的操作",

package/locales/zh-TW/portal.json

@@ -14,5 +14,6 @@
   "emptyArtifactList": "當前文物列表為空，請在會話中按需使用插件後再查看",
   "emptyKnowledgeList": "當前知識列表為空，請在會話中按需開啟知識庫後再查看",
   "files": "檔案",
+  "messageDetail": "消息詳情",
   "title": "擴展視窗"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.15.18",
+  "version": "1.15.19",
   "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",
@@ -121,7 +121,7 @@
     "@lobehub/chat-plugins-gateway": "^1.9.0",
     "@lobehub/icons": "^1.30.0",
     "@lobehub/tts": "^1.24.3",
-    "@lobehub/ui": "^1.149.2",
+    "@lobehub/ui": "^1.150.2",
     "@neondatabase/serverless": "^0.9.4",
     "@next/third-parties": "^14.2.6",
     "@react-spring/web": "^9.7.3",
@@ -168,7 +168,7 @@
     "mammoth": "^1.8.0",
     "modern-screenshot": "^4.4.39",
     "nanoid": "^5.0.7",
-    "next": "^14.2.6",
+    "next": "^14.2.8",
     "next-auth": "5.0.0-beta.15",
     "next-sitemap": "^4.2.3",
     "numeral": "^2.0.6",

package/src/app/(main)/chat/(workspace)/@portal/MessageDetail/Body/index.tsx

@@ -0,0 +1,45 @@
+import { Markdown } from '@lobehub/ui';
+import { css, cx } from 'antd-style';
+import isEqual from 'fast-deep-equal';
+import { useEffect } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { useChatStore } from '@/store/chat';
+import { chatPortalSelectors, chatSelectors } from '@/store/chat/selectors';
+
+const md = css`
+  overflow: scroll;
+
+  > div {
+    padding-block-end: 40px;
+  }
+`;
+
+const MessageDetailBody = () => {
+  const [messageDetailId, togglePortal] = useChatStore((s) => [
+    chatPortalSelectors.messageDetailId(s),
+    s.togglePortal,
+  ]);
+
+  const message = useChatStore(chatSelectors.getMessageById(messageDetailId || ''), isEqual);
+
+  const content = message?.content || '';
+
+  useEffect(() => {
+    if (!message) {
+      togglePortal(false);
+    }
+  }, [message]);
+
+  return (
+    <Flexbox height={'100%'} paddingBlock={'0 12px'} paddingInline={8}>
+      {!!content && (
+        <Markdown className={cx(md)} variant={'chat'}>
+          {content}
+        </Markdown>
+      )}
+    </Flexbox>
+  );
+};
+
+export default MessageDetailBody;

package/src/app/(main)/chat/(workspace)/@portal/MessageDetail/Header.tsx

@@ -0,0 +1,19 @@
+import { Typography } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { oneLineEllipsis } from '@/styles';
+
+const Header = () => {
+  const { t } = useTranslation('portal');
+
+  return (
+    <Flexbox align={'center'} gap={4} horizontal>
+      <Typography.Text className={oneLineEllipsis} style={{ fontSize: 16 }} type={'secondary'}>
+        {t('messageDetail')}
+      </Typography.Text>
+    </Flexbox>
+  );
+};
+
+export default Header;

package/src/app/(main)/chat/(workspace)/@portal/MessageDetail/index.ts

@@ -0,0 +1,9 @@
+import Body from './Body';
+import Header from './Header';
+import { useEnable } from './useEnable';
+
+export const MessageDetail = {
+  Body,
+  Header,
+  useEnable,
+};

package/src/app/(main)/chat/(workspace)/@portal/MessageDetail/useEnable.ts

@@ -0,0 +1,4 @@
+import { useChatStore } from '@/store/chat';
+import { chatPortalSelectors } from '@/store/chat/selectors';
+
+export const useEnable = () => useChatStore(chatPortalSelectors.showMessageDetail);

package/src/app/(main)/chat/(workspace)/@portal/router.tsx

@@ -5,8 +5,9 @@ import { memo } from 'react';
 import { Artifacts } from './Artifacts';
 import { FilePreview } from './FilePreview';
 import { HomeBody, HomeHeader } from './Home';
+import { MessageDetail } from './MessageDetail';
 
-const items = [Artifacts, FilePreview];
+const items = [MessageDetail, Artifacts, FilePreview];
 
 export const PortalHeader = memo(() => {
   const enabledList: boolean[] = [];

package/src/features/Conversation/Messages/User/MarkdownRender/ContentPreview.tsx

@@ -0,0 +1,58 @@
+import { Markdown } from '@lobehub/ui';
+import { Button } from 'antd';
+import { createStyles } from 'antd-style';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { useChatStore } from '@/store/chat';
+import { convertAlphaToSolid } from '@/utils/colorUtils';
+
+const useStyles = createStyles(({ css, token, isDarkMode }, displayMode: 'chat' | 'docs') => {
+  const darkBg = convertAlphaToSolid(token.colorFillSecondary, token.colorBgContainer);
+
+  const maskBgColor =
+    displayMode === 'docs' ? token.colorBgLayout : isDarkMode ? darkBg : token.colorBgContainer;
+
+  return {
+    mask: css`
+      position: absolute;
+      inset-block: 0 0;
+      width: 100%;
+      background: linear-gradient(0deg, ${maskBgColor} 0%, transparent 50%);
+    `,
+  };
+});
+
+interface ContentPreviewProps {
+  content: string;
+  displayMode: 'chat' | 'docs';
+  id: string;
+}
+
+const ContentPreview = ({ content, id, displayMode }: ContentPreviewProps) => {
+  const { t } = useTranslation('chat');
+
+  const [openMessageDetail] = useChatStore((s) => [s.openMessageDetail]);
+
+  const { styles } = useStyles(displayMode);
+  return (
+    <Flexbox>
+      <Flexbox style={{ position: 'relative' }}>
+        <Markdown variant={'chat'}>{content.slice(0, 1000)}</Markdown>
+        <div className={styles.mask} />
+      </Flexbox>
+      <Flexbox padding={4}>
+        <Button
+          block
+          onClick={() => {
+            openMessageDetail(id);
+          }}
+          size={'small'}
+        >
+          {t('chatList.longMessageDetail')}
+        </Button>
+      </Flexbox>
+    </Flexbox>
+  );
+};
+export default ContentPreview;

package/src/features/Conversation/Messages/User/MarkdownRender/index.tsx

@@ -0,0 +1,15 @@
+import { Flexbox } from 'react-layout-kit';
+
+import { MarkdownCustomRender } from '../../../types';
+import ContentPreview from './ContentPreview';
+
+export const MarkdownRender: MarkdownCustomRender = ({ text, dom, id, displayMode }) => {
+  if (text.length > 30_000)
+    return (
+      <Flexbox>
+        <ContentPreview content={text} displayMode={displayMode} id={id} />
+      </Flexbox>
+    );
+
+  return dom;
+};

package/src/features/Conversation/Messages/User/index.tsx

@@ -29,3 +29,4 @@ export const UserMessage = memo<
 });
 
 export * from './BelowMessage';
+export { MarkdownRender as UserMarkdownRender } from './MarkdownRender';

package/src/features/Conversation/Messages/index.ts

@@ -3,11 +3,11 @@ import { useGlobalStore } from '@/store/global';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 
-import { OnAvatarsClick, RenderBelowMessage, RenderMessage } from '../types';
+import { MarkdownCustomRender, OnAvatarsClick, RenderBelowMessage, RenderMessage } from '../types';
 import { AssistantMessage } from './Assistant';
 import { DefaultBelowMessage, DefaultMessage } from './Default';
 import { ToolMessage } from './Tool';
-import { UserBelowMessage, UserMessage } from './User';
+import { UserBelowMessage, UserMarkdownRender, UserMessage } from './User';
 
 export const renderMessages: Record<string, RenderMessage> = {
   assistant: AssistantMessage,
@@ -22,6 +22,10 @@ export const renderBelowMessages: Record<string, RenderBelowMessage> = {
   user: UserBelowMessage,
 };
 
+export const markdownCustomRenders: Record<string, MarkdownCustomRender> = {
+  user: UserMarkdownRender,
+};
+
 export const useAvatarsClick = (): OnAvatarsClick => {
   const [isInbox] = useSessionStore((s) => [sessionSelectors.isInboxSession(s)]);
   const [toggleSystemRole] = useGlobalStore((s) => [s.toggleSystemRole]);

package/src/features/Conversation/components/ChatItem/index.tsx

@@ -16,7 +16,12 @@ import { ChatMessage } from '@/types/message';
 
 import ErrorMessageExtra, { useErrorContent } from '../../Error';
 import { renderMessagesExtra } from '../../Extras';
-import { renderBelowMessages, renderMessages, useAvatarsClick } from '../../Messages';
+import {
+  markdownCustomRenders,
+  renderBelowMessages,
+  renderMessages,
+  useAvatarsClick,
+} from '../../Messages';
 import ActionsBar from './ActionsBar';
 import HistoryDivider from './HistoryDivider';
 
@@ -104,7 +109,7 @@ const Item = memo<ChatListItemProps>(({ index, id }) => {
 
   const MessageExtra = useCallback(
     ({ data }: { data: ChatMessage }) => {
-      if (!renderMessagesExtra || !item?.role) return;
+      if (!item?.role) return;
       let RenderFunction;
       if (renderMessagesExtra?.[item.role]) RenderFunction = renderMessagesExtra[item.role];
 
@@ -113,6 +118,20 @@ const Item = memo<ChatListItemProps>(({ index, id }) => {
     },
     [item?.role],
   );
+
+  const markdownCustomRender = useCallback(
+    (dom: ReactNode, { text }: { text: string }) => {
+      if (!item?.role) return dom;
+      let RenderFunction;
+
+      if (renderMessagesExtra?.[item.role]) RenderFunction = markdownCustomRenders[item.role];
+      if (!RenderFunction) return dom;
+
+      return <RenderFunction displayMode={type} dom={dom} id={id} text={text} />;
+    },
+    [item?.role, type],
+  );
+
   const error = useErrorContent(item?.error);
 
   const enableHistoryDivider = useAgentStore((s) => {
@@ -145,6 +164,9 @@ const Item = memo<ChatListItemProps>(({ index, id }) => {
           errorMessage={<ErrorMessageExtra data={item} />}
           fontSize={fontSize}
           loading={isProcessing}
+          markdownProps={{
+            customRender: markdownCustomRender,
+          }}
           message={item.content}
           messageExtra={<MessageExtra data={item} />}
           onAvatarClick={onAvatarsClick?.(item.role)}

package/src/features/Conversation/types/index.tsx

@@ -13,6 +13,12 @@ export type RenderRole = LLMRoleType | 'default' | string;
 export type RenderMessage = FC<ChatMessage & { editableContent: ReactNode }>;
 export type RenderBelowMessage = FC<ChatMessage>;
 export type RenderMessageExtra = FC<ChatMessage>;
+export type MarkdownCustomRender = (props: {
+  displayMode: 'chat' | 'docs';
+  dom: ReactNode;
+  id: string;
+  text: string;
+}) => ReactNode;
 
 export type RenderAction = FC<ActionsBarProps & ChatMessage>;
 

package/src/locales/default/chat.ts

@@ -8,6 +8,9 @@ export default {
   agentDefaultMessageWithoutEdit: '你好，我是 **{{name}}**，让我们开始对话吧！',
   agentsAndConversations: '助手与会话',
   backToBottom: '跳转至当前',
+  chatList: {
+    longMessageDetail: '查看详情',
+  },
   clearCurrentMessages: '清空当前会话消息',
   confirmClearCurrentMessages: '即将清空当前会话消息，清空后将无法找回，请确认你的操作',
   confirmRemoveSessionItemAlert: '即将删除该助手，删除后该将无法找回，请确认你的操作',

package/src/locales/default/portal.ts

@@ -14,5 +14,6 @@ export default {
   emptyArtifactList: '当前 Artifacts 列表为空，请在会话中按需使用插件后再查看',
   emptyKnowledgeList: '当前知识列表为空，请在会话中按需开启知识库后再查看',
   files: '文件',
+  messageDetail: '消息详情',
   title: '工作区',
 };

package/src/services/chat.ts

@@ -319,7 +319,9 @@ class ChatService {
       onFinish: options?.onFinish,
       onMessageHandle: options?.onMessageHandle,
       signal,
-      smoothing: providerConfig?.smoothing,
+      // use smoothing when enable client fetch
+      // https://github.com/lobehub/lobe-chat/issues/3800
+      smoothing: providerConfig?.smoothing || enableFetchOnClient,
     });
   };
 

package/src/store/chat/slices/portal/action.ts

@@ -1,13 +1,17 @@
 import { StateCreator } from 'zustand/vanilla';
 
-import { PortalFile } from '@/store/chat/slices/portal/initialState';
 import { ChatStore } from '@/store/chat/store';
 
+import { PortalFile } from './initialState';
+
 export interface ChatPortalAction {
   closeFilePreview: () => void;
+  closeMessageDetail: () => void;
   closeToolUI: () => void;
   openFilePreview: (portal: PortalFile) => void;
+  openMessageDetail: (messageId: string) => void;
   openToolUI: (messageId: string, identifier: string) => void;
+
   togglePortal: (open?: boolean) => void;
 }
 
@@ -20,20 +24,24 @@ export const chatPortalSlice: StateCreator<
   closeFilePreview: () => {
     set({ portalFile: undefined }, false, 'closeFilePreview');
   },
+  closeMessageDetail: () => {
+    set({ portalMessageDetail: undefined }, false, 'openMessageDetail');
+  },
   closeToolUI: () => {
     set({ portalToolMessage: undefined }, false, 'closeToolUI');
   },
   openFilePreview: (portal) => {
-    if (!get().showPortal) {
-      get().togglePortal(true);
-    }
+    get().togglePortal(true);
 
     set({ portalFile: portal }, false, 'openFilePreview');
   },
+  openMessageDetail: (messageId) => {
+    get().togglePortal(true);
+
+    set({ portalMessageDetail: messageId }, false, 'openMessageDetail');
+  },
   openToolUI: (id, identifier) => {
-    if (!get().showPortal) {
-      get().togglePortal(true);
-    }
+    get().togglePortal(true);
 
     set({ portalToolMessage: { id, identifier } }, false, 'openToolUI');
   },

package/src/store/chat/slices/portal/initialState.ts

@@ -6,6 +6,7 @@ export interface PortalFile {
 
 export interface ChatPortalState {
   portalFile?: PortalFile;
+  portalMessageDetail?: string;
   portalToolMessage?: { id: string; identifier: string };
   showPortal: boolean;
 }

package/src/store/chat/slices/portal/selectors.ts

@@ -8,16 +8,20 @@ const isArtifactMessageUIOpen = (id: string) => (s: ChatStoreState) =>
 
 const showArtifactUI = (s: ChatStoreState) => !!s.portalToolMessage;
 const showFilePreview = (s: ChatStoreState) => !!s.portalFile;
+const showMessageDetail = (s: ChatStoreState) => !!s.portalMessageDetail;
 const previewFileId = (s: ChatStoreState) => s.portalFile?.fileId;
+const messageDetailId = (s: ChatStoreState) => s.portalMessageDetail;
 const chunkText = (s: ChatStoreState) => s.portalFile?.chunkText;
 
 export const chatPortalSelectors = {
   artifactMessageId,
   chunkText,
   isArtifactMessageUIOpen,
+  messageDetailId,
   previewFileId,
   showArtifactUI,
   showFilePreview,
+  showMessageDetail,
   showPortal,
   toolUIIdentifier: (s: ChatStoreState) => s.portalToolMessage?.identifier,
 };

package/src/utils/tokenizer/tokenizer.worker.ts

@@ -3,9 +3,7 @@ addEventListener('message', async (event) => {
   try {
     const { encode } = await import('gpt-tokenizer');
 
-    console.time('client tokenizer');
     const tokenCount = encode(str).length;
-    console.timeEnd('client tokenizer');
 
     postMessage({ id, result: tokenCount });
   } catch (error) {