From bcac43c812fb0c49075037664fc53334d82daa9b Mon Sep 17 00:00:00 2001
From: zyileven <40888939+zyileven@users.noreply.github.com>
Date: Fri, 29 Aug 2025 15:30:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20fix=20error=20notify=20when=20tagIn?=
 =?UTF-8?q?put=20component=20is=20not=20required=20(#=E2=80=A6=20(#24774)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/app/components/base/tag-input/index.tsx                | 7 +++++--
 .../model-parameter-modal/parameter-item.tsx               | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/tag-input/index.tsx b/web/app/components/base/tag-input/index.tsx
index eeed13c56..30a2db0e6 100644
--- a/web/app/components/base/tag-input/index.tsx
+++ b/web/app/components/base/tag-input/index.tsx
@@ -14,6 +14,7 @@ type TagInputProps = {
   customizedConfirmKey?: 'Enter' | 'Tab'
   isInWorkflow?: boolean
   placeholder?: string
+  required?: boolean
 }
 
 const TagInput: FC<TagInputProps> = ({
@@ -24,6 +25,7 @@ const TagInput: FC<TagInputProps> = ({
   customizedConfirmKey = 'Enter',
   isInWorkflow,
   placeholder,
+  required = false,
 }) => {
   const { t } = useTranslation()
   const { notify } = useToastContext()
@@ -42,7 +44,8 @@ const TagInput: FC<TagInputProps> = ({
   const handleNewTag = useCallback((value: string) => {
     const valueTrimmed = value.trim()
     if (!valueTrimmed) {
-      notify({ type: 'error', message: t('datasetDocuments.segment.keywordEmpty') })
+      if (required)
+        notify({ type: 'error', message: t('datasetDocuments.segment.keywordEmpty') })
       return
     }
 
@@ -60,7 +63,7 @@ const TagInput: FC<TagInputProps> = ({
     setTimeout(() => {
       setValue('')
     })
-  }, [items, onChange, notify, t])
+  }, [items, onChange, notify, t, required])
 
   const handleKeyDown = (e: KeyboardEvent) => {
     if (isSpecialMode && e.key === 'Enter')
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
index 4bb3cbf7d..719817152 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
@@ -236,6 +236,7 @@ const ParameterItem: FC<ParameterItemProps> = ({
             onChange={handleTagChange}
             customizedConfirmKey='Tab'
             isInWorkflow={isInWorkflow}
+            required={parameterRule.required}
           />
         </div>
       )