From be0f493e619188bfdc1bdb12dc2fa1a32143dc36 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Thu, 25 Dec 2025 16:16:24 +0800
Subject: [PATCH] feat: enhance HumanInput node by adding a Timeout action and
 restructuring user action rendering

---
 .../workflow/nodes/human-input/node.tsx       | 36 ++++++++++++-------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/web/app/components/workflow/nodes/human-input/node.tsx b/web/app/components/workflow/nodes/human-input/node.tsx
index 9572eb7906..3ec85159e5 100644
--- a/web/app/components/workflow/nodes/human-input/node.tsx
+++ b/web/app/components/workflow/nodes/human-input/node.tsx
@@ -43,20 +43,30 @@ const Node: FC<NodeProps<HumanInputNodeType>> = (props) => {
           </div>
         </div>
       )}
-      {userActions.length > 0 && (
-        <div className="space-y-0.5 py-1">
-          {userActions.map(userAction => (
-            <div key={userAction.id} className="relative flex flex-row-reverse items-center px-4 py-1">
-              <span className="system-xs-semibold-uppercase truncate text-text-secondary">{userAction.id}</span>
-              <NodeSourceHandle
-                {...props}
-                handleId={userAction.id}
-                handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
-              />
-            </div>
-          ))}
+      <div className="space-y-0.5 py-1">
+        {userActions.length > 0 && (
+          <>
+            {userActions.map(userAction => (
+              <div key={userAction.id} className="relative flex flex-row-reverse items-center px-4 py-1">
+                <span className="system-xs-semibold-uppercase truncate text-text-secondary">{userAction.id}</span>
+                <NodeSourceHandle
+                  {...props}
+                  handleId={userAction.id}
+                  handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
+                />
+              </div>
+            ))}
+          </>
+        )}
+        <div className="relative flex flex-row-reverse items-center px-4 py-1">
+          <div className="system-xs-semibold-uppercase truncate text-text-secondary">Timeout</div>
+          <NodeSourceHandle
+            {...props}
+            handleId="timeout"
+            handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
+          />
         </div>
-      )}
+      </div>
     </>
   )
 }