feat: add new starter projects and replace old ones (#4557)

* update templates

* fix ghost edges bug

* update templates

* [autofix.ci] apply automated fixes

* update naming and category

* remove unit tests for starter projects API in v1

* add starter projects back in

* Add unit test for GET /api/v1/starter-projects/ endpoint in FastAPI

* add rodrigo's updates

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>

src/frontend/src/modals/templatesModal/components/GetStartedComponent/index.tsx

@@ -19,8 +19,8 @@ export default function GetStartedComponent() {
       bgImage: memoryChatbot,
       bgHorizontalImage: memoryChatbotHorizontal,
       icon: "MessagesSquare",
-      category: "Prompting",
-      flow: examples.find((example) => example.name === "Memory Chatbot"),
+      category: "prompting",
+      flow: examples.find((example) => example.name === "Basic Prompting"),
     },
     {
       bgImage: vectorRag,
@@ -34,13 +34,13 @@ export default function GetStartedComponent() {
       bgHorizontalImage: multiAgentHorizontal,
       icon: "Bot",
       category: "Agents",
-      flow: examples.find((example) => example.name === "Dynamic Agent"),
+      flow: examples.find((example) => example.name === "Simple Agent"),
     },
   ];
 
   return (
     <div className="flex flex-1 flex-col gap-4 md:gap-8">
-      <BaseModal.Header description="Start with templates showcasing Langflow's Chatbot, RAG, and Agent use cases.">
+      <BaseModal.Header description="Start with templates showcasing Langflow's Prompting, RAG, and Agent use cases.">
         Get started
       </BaseModal.Header>
       <div className="grid flex-1 grid-cols-1 gap-4 lg:grid-cols-3">

src/frontend/src/modals/templatesModal/index.tsx

@@ -31,6 +31,22 @@ export default function TemplatesModal({
         { title: "All templates", icon: "LayoutPanelTop", id: "all-templates" },
       ],
     },
+    {
+      title: "Use Cases",
+      items: [
+        { title: "Assistants", icon: "BotMessageSquare", id: "assistants" },
+        { title: "Classification", icon: "Tags", id: "classification" },
+        { title: "Coding", icon: "TerminalIcon", id: "coding" },
+        {
+          title: "Content Generation",
+          icon: "Newspaper",
+          id: "content-generation",
+        },
+        { title: "Q&A", icon: "Database", id: "q-a" },
+        // { title: "Summarization", icon: "Bot", id: "summarization" },
+        // { title: "Web Scraping", icon: "CodeXml", id: "web-scraping" },
+      ],
+    },
     {
       title: "Methodology",
       items: [

src/frontend/src/utils/styleUtils.ts

@@ -11,6 +11,7 @@ import { ZepMemoryIcon } from "@/icons/ZepMemory";
 import { AthenaIcon } from "@/icons/athena/index";
 import { freezeAllIcon } from "@/icons/freezeAll";
 import { GlobeOkIcon } from "@/icons/globe-ok";
+import { TwitterLogoIcon } from "@radix-ui/react-icons";
 import {
   AlertCircle,
   AlertTriangle,
@@ -50,6 +51,7 @@ import {
   Clipboard,
   Code,
   Code2,
+  CodeXml,
   Cog,
   Combine,
   Command,
@@ -74,6 +76,7 @@ import {
   File,
   FileClock,
   FileDown,
+  FileQuestion,
   FileSearch,
   FileSearch2,
   FileSliders,
@@ -101,6 +104,7 @@ import {
   Home,
   Image,
   Info,
+  InstagramIcon,
   Key,
   Keyboard,
   Laptop2,
@@ -109,6 +113,8 @@ import {
   LayoutPanelTop,
   Link,
   Link2,
+  List,
+  ListChecks,
   ListFilter,
   ListOrdered,
   Loader2,
@@ -130,6 +136,8 @@ import {
   MoonIcon,
   MoreHorizontal,
   Network,
+  Newspaper,
+  NotebookPen,
   OctagonAlert,
   OptionIcon,
   Package2,
@@ -143,6 +151,7 @@ import {
   Pen,
   Pencil,
   PencilLine,
+  PieChart,
   Pin,
   Plane,
   Play,
@@ -177,6 +186,7 @@ import {
   Sparkles,
   Square,
   SquareArrowOutUpRight,
+  SquareCode,
   SquarePen,
   SquarePlay,
   StickyNote,
@@ -184,10 +194,12 @@ import {
   Sun,
   SunIcon,
   Table,
+  Tags,
   TerminalIcon,
   TerminalSquare,
   TextCursorInput,
   TextSearch,
+  TextSearchIcon,
   ToyBrick,
   Trash2,
   Type,
@@ -207,6 +219,7 @@ import {
   Wrench,
   X,
   XCircle,
+  Youtube,
   Zap,
   ZoomIn,
   ZoomOut,
@@ -733,6 +746,7 @@ export const nodeIconsLucide: iconsType = {
   Hammer,
   GradientSave,
   Shield,
+  NotebookPen,
   Plus,
   Redo,
   Settings2,
@@ -754,6 +768,10 @@ export const nodeIconsLucide: iconsType = {
   Eraser,
   Lock,
   LockOpen,
+  Newspaper,
+  Tags,
+  CodeXml,
+  PieChart,
   LucideSend,
   Sparkles,
   DownloadCloud,
@@ -853,6 +871,14 @@ export const nodeIconsLucide: iconsType = {
   Image,
   CopyPlus,
   Pen,
+  TwitterLogoIcon,
+  InstagramIcon,
+  TextSearchIcon,
+  FileQuestion,
+  Youtube,
+  List,
+  SquareCode,
+  ListChecks,
   PanelRightOpen,
   CornerDownLeft,
   ChevronsDownUp,