From a680b565ea4e66f7fcc20b07220f0df8e2d3b5fc Mon Sep 17 00:00:00 2001
From: heheer <heheer@sealos.io>
Date: Fri, 21 Mar 2025 17:19:06 +0800
Subject: [PATCH] fix input form label overflow (#4266)

---
 .../src/components/core/chat/components/AIResponseBox.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/projects/app/src/components/core/chat/components/AIResponseBox.tsx b/projects/app/src/components/core/chat/components/AIResponseBox.tsx
index 81248a6d6..9131631aa 100644
--- a/projects/app/src/components/core/chat/components/AIResponseBox.tsx
+++ b/projects/app/src/components/core/chat/components/AIResponseBox.tsx
@@ -268,9 +268,11 @@ const RenderUserFormInteractive = React.memo(function RenderFormInput({
       {interactive.params.description && <Markdown source={interactive.params.description} />}
       {interactive.params.inputForm?.map((input) => (
         <Box key={input.label}>
-          <Flex mb={1} alignItems={'center'}>
-            <FormLabel required={input.required}>{input.label}</FormLabel>
-            {input.description && <QuestionTip ml={1} label={input.description} />}
+          <Flex mb={1} alignItems={'center'} w={'full'}>
+            <FormLabel required={input.required} w={'full'} whiteSpace={'pre-wrap'}>
+              {input.label}
+              {input.description && <QuestionTip ml={1} label={input.description} />}
+            </FormLabel>
           </Flex>
           {input.type === FlowNodeInputTypeEnum.input && (
             <MyTextarea