From 8131fc385b0d6c9ca48cd0637da4f5d104d29e7f Mon Sep 17 00:00:00 2001
From: lelcruz <72669737+lelcruz@users.noreply.github.com>
Date: Thu, 8 Aug 2024 03:54:37 -0500
Subject: [PATCH] fix(builder): Added option to pan view to center agents on
 build screen (#7742)

Co-authored-by: Leslie Cruz <lelcruz@users.noreply.github.com>
Co-authored-by: Bently <tomnoon9@gmail.com>
---
 rnd/autogpt_builder/src/components/Flow.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/rnd/autogpt_builder/src/components/Flow.tsx b/rnd/autogpt_builder/src/components/Flow.tsx
index 25c0bb0a0..30b55564d 100644
--- a/rnd/autogpt_builder/src/components/Flow.tsx
+++ b/rnd/autogpt_builder/src/components/Flow.tsx
@@ -17,6 +17,7 @@ import ReactFlow, {
   Connection,
   EdgeTypes,
   MarkerType,
+  Controls,
 } from "reactflow";
 import "reactflow/dist/style.css";
 import CustomNode, { CustomNodeData } from "./CustomNode";
@@ -880,6 +881,7 @@ const FlowEditor: React.FC<{
         onNodeDragStart={onNodesChangeStart}
         onNodeDragStop={onNodesChangeEnd}
       >
+        <Controls />
         <ControlPanel className="absolute z-10" controls={editorControls}>
           <BlocksControl blocks={availableNodes} addBlock={addNode} />
           <SaveControl