From 9aa674a04f05a7668af0cd6b79d955d0a0642287 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Thu, 22 Jan 2026 16:48:29 +0800
Subject: [PATCH] feat: add jumpToEmailConfigModal function to enhance email
 configuration navigation in delivery method component

---
 .../components/delivery-method/method-item.tsx            | 8 +++++++-
 .../components/delivery-method/test-email-sender.tsx      | 6 +++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/nodes/human-input/components/delivery-method/method-item.tsx b/web/app/components/workflow/nodes/human-input/components/delivery-method/method-item.tsx
index 8432d68ee7..1e7656d986 100644
--- a/web/app/components/workflow/nodes/human-input/components/delivery-method/method-item.tsx
+++ b/web/app/components/workflow/nodes/human-input/components/delivery-method/method-item.tsx
@@ -11,7 +11,7 @@ import {
   RiRobot2Fill,
   RiSendPlane2Line,
 } from '@remixicon/react'
-import { useMemo, useState } from 'react'
+import { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
 import Badge from '@/app/components/base/badge/index'
@@ -80,6 +80,11 @@ const DeliveryMethodItem: FC<DeliveryMethodItemProps> = ({
     return t(`${i18nPrefix}.deliveryMethod.emailSender.testSendTip`, { ns: 'workflow' })
   }, [method.type, method.config?.debug_mode, t, email])
 
+  const jumpToEmailConfigModal = useCallback(() => {
+    setShowTestEmailModal(false)
+    setShowEmailModal(true)
+  }, [])
+
   return (
     <>
       <div
@@ -193,6 +198,7 @@ const DeliveryMethodItem: FC<DeliveryMethodItemProps> = ({
           nodesOutputVars={nodesOutputVars}
           availableNodes={availableNodes}
           onClose={() => setShowTestEmailModal(false)}
+          jumpToEmailConfigModal={jumpToEmailConfigModal}
         />
       )}
     </>
diff --git a/web/app/components/workflow/nodes/human-input/components/delivery-method/test-email-sender.tsx b/web/app/components/workflow/nodes/human-input/components/delivery-method/test-email-sender.tsx
index c7b6047915..84c4bd3db1 100644
--- a/web/app/components/workflow/nodes/human-input/components/delivery-method/test-email-sender.tsx
+++ b/web/app/components/workflow/nodes/human-input/components/delivery-method/test-email-sender.tsx
@@ -35,6 +35,7 @@ type EmailConfigureModalProps = {
   deliveryId: string
   isShow: boolean
   onClose: () => void
+  jumpToEmailConfigModal: () => void
   config?: EmailConfig
   formContent?: string
   formInputs?: FormInputItem[]
@@ -69,6 +70,7 @@ const EmailSenderModal = ({
   deliveryId,
   isShow,
   onClose,
+  jumpToEmailConfigModal,
   config,
   formContent,
   formInputs,
@@ -293,7 +295,9 @@ const EmailSenderModal = ({
             <Trans
               i18nKey={`${i18nPrefix}.deliveryMethod.emailSender.tip`}
               ns="workflow"
-              components={{ strong: <span className="system-xs-regular text-text-accent"></span> }}
+              components={{
+                strong: <span onClick={jumpToEmailConfigModal} className="system-xs-regular cursor-pointer text-text-accent"></span>,
+              }}
             />
           </div>
         </>