From 51af9639f71d86822b2821c9cc4ded1423789233 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Date: Wed, 17 Jul 2024 11:27:00 -0300
Subject: [PATCH] feat: Add newFlowModal examples for Sequential Agent,
 Hierarchical Agent, and Complex Agent (#2756)

This commit adds new examples to the newFlowModal component for Sequential Agent, Hierarchical Agent, and Complex Agent. Each example is rendered as an UndrawCardComponent with the corresponding flow data. This enhancement provides users with more options when creating new flows.
---
 src/frontend/src/modals/newFlowModal/index.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/frontend/src/modals/newFlowModal/index.tsx b/src/frontend/src/modals/newFlowModal/index.tsx
index 6209ddc36..f9132e308 100644
--- a/src/frontend/src/modals/newFlowModal/index.tsx
+++ b/src/frontend/src/modals/newFlowModal/index.tsx
@@ -58,6 +58,24 @@ export default function NewFlowModal({
                 flow={examples.find((e) => e.name == "Vector Store RAG")!}
               />
             )}
+            {examples.find((e) => e.name == "Sequential Agent") && (
+              <UndrawCardComponent
+                key={5}
+                flow={examples.find((e) => e.name == "Sequential Agent")!}
+              />
+            )}
+            {examples.find((e) => e.name == "Hierarchical Agent") && (
+              <UndrawCardComponent
+                key={6}
+                flow={examples.find((e) => e.name == "Hierarchical Agent")!}
+              />
+            )}
+            {examples.find((e) => e.name == "Complex Agent") && (
+              <UndrawCardComponent
+                key={7}
+                flow={examples.find((e) => e.name == "Complex Agent")!}
+              />
+            )}
           </div>
         </div>
       </BaseModal.Content>