From 8228028fa40b93c07b2ea7c0d5ff75a269fa84b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Sun, 31 Aug 2025 04:30:01 +0800
Subject: [PATCH] =?UTF-8?q?chatbox=E9=A2=84=E8=A7=88=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SmartChatBox/MessageRenderer.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/SmartChatBox/MessageRenderer.tsx b/components/SmartChatBox/MessageRenderer.tsx
index de70028..cd99578 100644
--- a/components/SmartChatBox/MessageRenderer.tsx
+++ b/components/SmartChatBox/MessageRenderer.tsx
@@ -102,7 +102,17 @@ export function MessageRenderer({ msg, sendMessage }: MessageRendererProps) {
               case "image":
                 return (
                   <div key={idx} className="overflow-hidden rounded-xl border border-white/10">
-                    <Image src={b.url} alt={b.alt || "image"} className="max-h-72 object-contain w-full bg-black/10" />
+                    <Image 
+                      src={b.url} 
+                      alt={b.alt || "image"} 
+                      className="max-h-72 object-contain w-full bg-black/10"
+                      preview={{
+                        getContainer: () => document.querySelector('[data-alt="smart-chat-box"]') || document.body,
+                        mask: <div className="absolute inset-0 backdrop-blur-sm bg-black/60" />,
+                        maskClassName: "!bg-black/60",
+                        rootClassName: "!z-[1000]"
+                      }}
+                    />
                   </div>
                 );
               case "video":