diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 88c7cb2be..f26069963 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -1,18 +1,12 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { PopUpContext } from "../../../../contexts/popUpContext";
 import {
-  Save,
-  Edit,
-  Upload,
-  Download,
-  Code,
   Plus,
   ChevronDown,
   ChevronLeft,
   Undo,
   Redo,
-  Settings,
   Settings2,
 } from "lucide-react";
 import {
@@ -26,28 +20,20 @@ import {
   DropdownMenuSeparator,
 } from "../../../ui/dropdown-menu";
 
-import RenameLabel from "../../../ui/rename-label";
-import _ from "lodash";
-import ImportModal from "../../../../modals/importModal";
-import ExportModal from "../../../../modals/exportModal";
-import ApiModal from "../../../../modals/ApiModal";
 import { alertContext } from "../../../../contexts/alertContext";
-import { updateFlowInDatabase } from "../../../../controllers/API";
 import { Link } from "react-router-dom";
 import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import FlowSettingsModal from "../../../../modals/flowSettingsModal";
 
-export const MenuBar = ({flows, tabId }) => {
+export const MenuBar = ({ flows, tabId }) => {
   const { updateFlow, setTabId, addFlow } = useContext(TabsContext);
   const { setErrorData } = useContext(alertContext);
   const { openPopUp } = useContext(PopUpContext);
   const { undo, redo } = useContext(undoRedoContext);
 
-  
-
   function handleAddFlow() {
     try {
-      addFlow();
+      addFlow(null, true);
       // saveFlowStyleInDataBase();
     } catch (err) {
       setErrorData(err);
@@ -61,7 +47,6 @@ export const MenuBar = ({flows, tabId }) => {
         <ChevronLeft className="w-5" />
       </Link>
       <div className="flex items-center font-medium text-sm rounded-md py-1 px-1.5 bg-background gap-0.5">
-        
         {/* <RenameLabel
           value={current_flow.name}
           setValue={(value) => {
@@ -83,7 +68,7 @@ export const MenuBar = ({flows, tabId }) => {
             <DropdownMenuLabel>Edit</DropdownMenuLabel>
             <DropdownMenuItem
               onClick={() => {
-                openPopUp(<FlowSettingsModal />)
+                openPopUp(<FlowSettingsModal />);
               }}
             >
               <Settings2 className="w-4 h-4 mr-2" />
diff --git a/src/frontend/vite.config.ts b/src/frontend/vite.config.ts
index 8176a5978..14b330aeb 100644
--- a/src/frontend/vite.config.ts
+++ b/src/frontend/vite.config.ts
@@ -1,19 +1,7 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import svgr from "vite-plugin-svgr";
-const apiRoutes = [
-  "/all",
-  "/predict",
-  "^/validate/*",
-  "^/chat/*",
-  "/version",
-  "/health",
-  "/flows/*",
-  "/flows/",
-  "/flows_styles",
-  "/flows_styles/",
-  "/flows_styles/*",
-];
+const apiRoutes = ["^/api/v1/"];
 
 // Use environment variable to determine the target.
 const target = process.env.VITE_PROXY_TARGET || "http://127.0.0.1:7860";
@@ -24,7 +12,7 @@ const proxyTargets = apiRoutes.reduce((proxyObj, route) => {
     changeOrigin: true,
     secure: false,
     ws: true,
-    rewrite: (path) => `/api/v1${path}`,
+    // rewrite: (path) => `/api/v1${path}`,
   };
   return proxyObj;
 }, {});