From 93296a3e2fda06b2bc540dc4d6851306545b46ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E5=AE=87?= <kvtodev@outlook.com>
Date: Mon, 20 Jul 2026 17:25:10 +0800
Subject: [PATCH] fix: Raise the portaled menu above the Agent panel

---
 .../EditorAgentConversation/MessageBubble.test.tsx          | 3 +++
 .../EditorAgentConversation/MessageBubbleRightClickMenu.tsx | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/image-editor/EditorAgentConversation/MessageBubble.test.tsx b/src/components/image-editor/EditorAgentConversation/MessageBubble.test.tsx
index 6c2f23342..af52065ff 100644
--- a/src/components/image-editor/EditorAgentConversation/MessageBubble.test.tsx
+++ b/src/components/image-editor/EditorAgentConversation/MessageBubble.test.tsx
@@ -83,6 +83,9 @@ describe('MessageBubble', () => {
       clientX: 30,
       clientY: 40,
     });
+    expect(
+      screen.getByRole('menu', { name: '消息右键菜单' }).style.zIndex,
+    ).toBe('60');
     fireEvent.click(screen.getByRole('menuitem', { name: '复制文本' }));
 
     await waitFor(() =>
diff --git a/src/components/image-editor/EditorAgentConversation/MessageBubbleRightClickMenu.tsx b/src/components/image-editor/EditorAgentConversation/MessageBubbleRightClickMenu.tsx
index 2c73b2049..9857dc1b5 100644
--- a/src/components/image-editor/EditorAgentConversation/MessageBubbleRightClickMenu.tsx
+++ b/src/components/image-editor/EditorAgentConversation/MessageBubbleRightClickMenu.tsx
@@ -136,7 +136,11 @@ export function MessageBubbleRightClickMenu({
       className="image-canvas-editor__context-menu"
       role="menu"
       aria-label={target.kind === 'text' ? '消息右键菜单' : '消息素材右键菜单'}
-      style={{ left: position?.x ?? x, top: position?.y ?? y }}
+      style={{
+        left: position?.x ?? x,
+        top: position?.y ?? y,
+        zIndex: 60,
+      }}
       onContextMenu={(event) => event.preventDefault()}
     >
       {target.kind === 'text' ? (