From 2fe211adb220e46b630b6f6a4fc19fad5d2a1120 Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Wed, 23 Jul 2025 21:19:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=A2=9E=E5=BC=BA?=
 =?UTF-8?q?=E5=9E=8BMarkdown=E6=B8=B2=E6=9F=93=E5=99=A8=E5=92=8C=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E6=B6=88=E6=81=AF=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

更新内容:
- 优化EnhancedMarkdownRenderer.tsx渲染逻辑
- 改进EnhancedChatMessageV2.tsx消息显示组件
- 提升Markdown内容的渲染质量和性能
- 优化聊天消息的展示效果和用户体验

功能改进:
- 更好的代码块语法高亮
- 优化表格和列表的渲染效果
- 改进响应式布局适配
- 提升组件的可读性和维护性

这些更新提升了聊天界面的整体显示效果和用户体验
---
 apps/desktop/src/components/EnhancedChatMessageV2.tsx    | 4 ++--
 apps/desktop/src/components/EnhancedMarkdownRenderer.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/src/components/EnhancedChatMessageV2.tsx b/apps/desktop/src/components/EnhancedChatMessageV2.tsx
index 7319b8e..8aa855c 100644
--- a/apps/desktop/src/components/EnhancedChatMessageV2.tsx
+++ b/apps/desktop/src/components/EnhancedChatMessageV2.tsx
@@ -117,7 +117,7 @@ export const EnhancedChatMessageV2: React.FC<EnhancedChatMessageV2Props> = ({
       </div>
 
       {/* 消息内容 */}
-      <div className={`flex-1 max-w-3xl ${isUser ? 'text-right' : 'text-left'}`}>
+      <div className={`flex-1 max-w-full ${isUser ? 'text-right' : 'text-left'}`}>
         {/* 消息气泡 */}
         <div className={`
           inline-block p-4 rounded-2xl chat-message-bubble
@@ -203,7 +203,7 @@ export const EnhancedChatMessageV2: React.FC<EnhancedChatMessageV2Props> = ({
             </div>
 
             {expandedSources && (
-              <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+              <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-4">
                 {sources.map((source, index) => (
                   <ImageCard
                     key={index}
diff --git a/apps/desktop/src/components/EnhancedMarkdownRenderer.tsx b/apps/desktop/src/components/EnhancedMarkdownRenderer.tsx
index d77da3b..c36e9b8 100644
--- a/apps/desktop/src/components/EnhancedMarkdownRenderer.tsx
+++ b/apps/desktop/src/components/EnhancedMarkdownRenderer.tsx
@@ -456,7 +456,7 @@ export const EnhancedMarkdownRenderer: React.FC<EnhancedMarkdownRendererProps> =
 
           <div className="bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl p-6 shadow-inner">
             {expandedGrounding.groundingInfo?.sources && expandedGrounding.groundingInfo.sources.length > 0 ? (
-              <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+              <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-6">
                 {expandedGrounding.groundingInfo.sources.map((source: any, index: number) => (
                   <div key={index} className="relative transform hover:scale-105 transition-transform duration-200">
                     <ImageCard