From 0467cefdaec91a3e2e22545af6a01d64bfe85483 Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Wed, 30 Apr 2025 03:38:46 +0800
Subject: [PATCH] Show continue_on_failure in loop node (#2251)

---
 .../editor/nodes/LoopNode/LoopNode.tsx        | 36 +++++++++++++------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx
index 5f4aa8f6..7b65881c 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx
@@ -139,20 +139,34 @@ function LoopNode({ id, data }: NodeProps<LoopNode>) {
             </div>
             <div className="space-y-2">
               <div className="space-y-2">
-                <div className="flex gap-4">
-                  <div className="flex gap-2">
+                <div className="flex justify-between">
+                  <div className="flex items-center gap-2">
+                    <Checkbox
+                      checked={data.completeIfEmpty}
+                      disabled={!data.editable}
+                      onCheckedChange={(checked) => {
+                        handleChange("completeIfEmpty", checked);
+                      }}
+                    />
                     <Label className="text-xs text-slate-300">
-                      Complete if Empty
+                      Continue if Empty
                     </Label>
-                    <HelpTooltip content="When checked, this block will successfully complete when the loop value is an empty list" />
+                    <HelpTooltip content="When checked, the for loop block will successfully complete and workflow execution will continue if the loop value is empty" />
+                  </div>
+
+                  <div className="flex items-center gap-2">
+                    <Checkbox
+                      checked={data.continueOnFailure}
+                      disabled={!data.editable}
+                      onCheckedChange={(checked) => {
+                        handleChange("continueOnFailure", checked);
+                      }}
+                    />
+                    <Label className="text-xs text-slate-300">
+                      Continue on Failure
+                    </Label>
+                    <HelpTooltip content="When checked, the loop will continue executing even if one of its iterations fails" />
                   </div>
-                  <Checkbox
-                    checked={data.completeIfEmpty}
-                    disabled={!data.editable}
-                    onCheckedChange={(checked) => {
-                      handleChange("completeIfEmpty", checked);
-                    }}
-                  />
                 </div>
               </div>
             </div>