From a9cfa49a0d1455e7afa9ff5c5a011b920e91f6e0 Mon Sep 17 00:00:00 2001
From: ykeremy <kerem@skyvern.com>
Date: Mon, 9 Sep 2024 19:03:46 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=84=20synced=20local=20'skyvern-fronte?=
 =?UTF-8?q?nd/src/'=20with=20remote=20'skyvern-frontend/src/'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- ELLIPSIS_HIDDEN -->

| :rocket: | This description was created by [Ellipsis](https://www.ellipsis.dev) for commit 0a993fa8ef99f15c6aa4bf39d7cd475539528163  |
|--------|--------|

### Summary:
Add `nodeAdder` node and edge in `FlowRenderer.tsx` when the first node is added to an empty workflow.

**Key points**:
- Modify `addNode` function in `skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx`.
- Add `nodeAdder` node and edge when the first node is added to an empty workflow.
- Ensure `nodeAdder` is present for further node additions.

----
Generated with :heart: by [ellipsis.dev](https://www.ellipsis.dev)

<!-- ELLIPSIS_HIDDEN -->
---
 .../routes/workflows/editor/FlowRenderer.tsx  | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx b/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx
index 35c99e7dd..c7d8efcbc 100644
--- a/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx
@@ -188,6 +188,27 @@ function FlowRenderer({
       ...newNodes,
       ...nodes.slice(previousNodeIndex + 1),
     ];
+
+    if (nodes.length === 0) {
+      newNodesAfter.push({
+        id: `${id}-nodeAdder`,
+        type: "nodeAdder",
+        position: { x: 0, y: 0 },
+        data: {},
+        draggable: false,
+        connectable: false,
+      });
+      newEdges.push({
+        id: `edge-0-${id}`,
+        type: "default",
+        source: id,
+        target: `${id}-nodeAdder`,
+        style: {
+          strokeWidth: 2,
+        },
+      });
+    }
+
     doLayout(newNodesAfter, [...editedEdges, ...newEdges]);
   }