fix(web): fix error notify when tagInput component is not required (#… (#24774)

web/app/components/base/tag-input/index.tsx

   customizedConfirmKey?: 'Enter' | 'Tab'
   isInWorkflow?: boolean
   placeholder?: string
+  required?: boolean
 }
 
 const TagInput: FC<TagInputProps> = ({
   customizedConfirmKey = 'Enter',
   isInWorkflow,
   placeholder,
+  required = false,
 }) => {
   const { t } = useTranslation()
   const { notify } = useToastContext()
   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
     }
 
     setTimeout(() => {
       setValue('')
     })
-  }, [items, onChange, notify, t])
+  }, [items, onChange, notify, t, required])
 
   const handleKeyDown = (e: KeyboardEvent) => {
     if (isSpecialMode && e.key === 'Enter')

web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx

             onChange={handleTagChange}
             customizedConfirmKey='Tab'
             isInWorkflow={isInWorkflow}
+            required={parameterRule.required}
           />
         </div>
       )