FEAT: NEW WORKFLOW ENGINE (#3160)

Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Yeuoly <admin@srmxy.cn>
Co-authored-by: JzoNg <jzongcode@gmail.com>
Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: jyong <jyong@dify.ai>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: jyong <718720800@qq.com>

web/app/components/base/image-uploader/image-link-input.tsx

@@ -7,15 +7,20 @@ import { TransferMethod } from '@/types/app'
 
 type ImageLinkInputProps = {
   onUpload: (imageFile: ImageFile) => void
+  disabled?: boolean
 }
 const regex = /^(https?|ftp):\/\//
 const ImageLinkInput: FC<ImageLinkInputProps> = ({
   onUpload,
+  disabled,
 }) => {
   const { t } = useTranslation()
   const [imageLink, setImageLink] = useState('')
 
   const handleClick = () => {
+    if (disabled)
+      return
+
     const imageFile = {
       type: TransferMethod.remote_url,
       _id: `${Date.now()}`,
@@ -39,7 +44,7 @@ const ImageLinkInput: FC<ImageLinkInputProps> = ({
       <Button
         type='primary'
         className='!h-6 text-xs font-medium'
-        disabled={!imageLink}
+        disabled={!imageLink || disabled}
         onClick={handleClick}
       >
         {t('common.operation.ok')}