From 218f2dd7dbbde1ccb4ed684084ad7f6390ecece5 Mon Sep 17 00:00:00 2001
From: Jonathan Dobson <jon.m.dobson@gmail.com>
Date: Thu, 14 Aug 2025 15:25:49 -0400
Subject: [PATCH] allow deletion of blocks within the debugger (#3196)

---
 .../src/routes/workflows/editor/FlowRenderer.tsx          | 8 +++++++-
 .../workflows/editor/nodes/components/NodeHeader.tsx      | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx b/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx
index 8018624a..16f1892f 100644
--- a/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx
@@ -576,7 +576,13 @@ function FlowRenderer({
       </Dialog>
       <BlockActionContext.Provider
         value={{
-          deleteNodeCallback: deleteNode,
+          /**
+           * NOTE: defer deletion to next tick to allow React Flow's internal
+           * event handlers to complete; removes a console warning from the
+           * React Flow library
+           */
+          deleteNodeCallback: (id: string) =>
+            setTimeout(() => deleteNode(id), 0),
           toggleScriptForNodeCallback: toggleScript,
         }}
       >
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/components/NodeHeader.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/components/NodeHeader.tsx
index 73b74ba8..9d278213 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/components/NodeHeader.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/components/NodeHeader.tsx
@@ -408,7 +408,7 @@ function NodeHeader({
               )}
             </button>
           )}
-          {disabled || debugStore.isDebugMode ? null : (
+          {disabled ? null : (
             <div>
               <div
                 className={cn("rounded p-1 hover:bg-muted", {