chore: enchange pic uploading tip (#2388)

Co-authored-by: Joel <iamjoel007@gmail.com>

web/app/components/base/chat/chat/chat-input.tsx

@@ -62,6 +62,14 @@ const ChatInput: FC<ChatInputProps> = ({
 
   const handleSend = () => {
     if (onSend) {
+      if (files.find(item => item.type === TransferMethod.local_file && !item.fileId)) {
+        notify({ type: 'info', message: t('appDebug.errorMessage.waitForImgUpload') })
+        return
+      }
+      if (!query || !query.trim()) {
+        notify({ type: 'info', message: t('appAnnotation.errorMessage.queryRequired') })
+        return
+      }
       onSend(query, files.filter(file => file.progress !== -1).map(fileItem => ({
         type: 'image',
         transfer_method: fileItem.type,
@@ -69,9 +77,6 @@ const ChatInput: FC<ChatInputProps> = ({
         upload_file_id: fileItem.fileId,
       })))
       setQuery('')
-    }
-    if (!files.find(item => item.type === TransferMethod.local_file && !item.fileId)) {
-      if (files.length)
       onClear()
     }
   }

web/app/components/base/chat/chat/hooks.ts

@@ -189,8 +189,7 @@ export const useChat = (
     }: SendCallback,
   ) => {
     setSuggestQuestions([])
-    if (!data.query || !data.query.trim())
-      return
+
     if (isResponsingRef.current) {
       notify({ type: 'info', message: t('appDebug.errorMessage.waitForResponse') })
       return false

web/app/components/share/text-generation/result/index.tsx

@@ -96,8 +96,13 @@ const Result: FC<IResultProps> = ({
       return true
 
     const prompt_variables = promptConfig?.prompt_variables
-    if (!prompt_variables || prompt_variables?.length === 0)
+    if (!prompt_variables || prompt_variables?.length === 0) {
+      if (completionFiles.find(item => item.transfer_method === TransferMethod.local_file && !item.upload_file_id)) {
+        notify({ type: 'info', message: t('appDebug.errorMessage.waitForImgUpload') })
+        return false
+      }
       return true
+    }
 
     let hasEmptyInput = ''
     const requiredVars = prompt_variables?.filter(({ key, name, required }) => {