From 5eb65e7ad89b7300d94c9b78e77a1922a03693fe Mon Sep 17 00:00:00 2001
From: zhaoying <zhaoyingyz@126.com>
Date: Wed, 8 Apr 2026 21:28:36 +0800
Subject: [PATCH] fix(web): prompt input add composition

---
 web/src/views/ApplicationConfig/components/AiPromptModal.tsx | 5 ++++-
 web/src/views/Prompt/index.tsx                               | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/views/ApplicationConfig/components/AiPromptModal.tsx b/web/src/views/ApplicationConfig/components/AiPromptModal.tsx
index 5491ad7a..1666e075 100644
--- a/web/src/views/ApplicationConfig/components/AiPromptModal.tsx
+++ b/web/src/views/ApplicationConfig/components/AiPromptModal.tsx
@@ -185,6 +185,7 @@ const AiPromptModal = forwardRef<AiPromptModalRef, AiPromptModalProps>(({
     handleOpen,
   }));
   const [isFocus, setIsFocus] = useState(false)
+  const [isComposing, setIsComposing] = useState(false)
   const handleFocus = () => {
     setIsFocus(true)
   }
@@ -236,7 +237,9 @@ const AiPromptModal = forwardRef<AiPromptModalRef, AiPromptModalProps>(({
               <Form.Item name="message" className="rb:flex-1 rb:mb-0!">
                 <Input
                   placeholder={t(`${source}.promptChatPlaceholder`)}
-                  onPressEnter={handleSend}
+                  onCompositionStart={() => setIsComposing(true)}
+                  onCompositionEnd={() => setIsComposing(false)}
+                  onKeyDown={(e) => { if (e.key === 'Enter' && !isComposing) handleSend() }}
                   variant="borderless"
                   className="rb:p-0!"
                   onFocus={handleFocus}
diff --git a/web/src/views/Prompt/index.tsx b/web/src/views/Prompt/index.tsx
index 13c09042..0475b40a 100644
--- a/web/src/views/Prompt/index.tsx
+++ b/web/src/views/Prompt/index.tsx
@@ -169,6 +169,7 @@ const Prompt: FC = () => {
     updateSession()
   }
   const [isFocus, setIsFocus] = useState(false)
+  const [isComposing, setIsComposing] = useState(false)
   const handleFocus = () => {
     setIsFocus(true)
   }
@@ -209,7 +210,9 @@ const Prompt: FC = () => {
                 <Form.Item name="message" className="rb:flex-1 rb:mb-0!">
                   <Input
                     placeholder={t(`prompt.promptChatPlaceholder`)}
-                    onPressEnter={handleSend}
+                    onCompositionStart={() => setIsComposing(true)}
+                    onCompositionEnd={() => setIsComposing(false)}
+                    onKeyDown={(e) => { if (e.key === 'Enter' && !isComposing) handleSend() }}
                     variant="borderless"
                     className="rb:p-0!"
                     onFocus={handleFocus}