diff --git a/src/frontend/src/customization/components/custom-loader.tsx b/src/frontend/src/customization/components/custom-loader.tsx
new file mode 100644
index 000000000000..44f35277c800
--- /dev/null
+++ b/src/frontend/src/customization/components/custom-loader.tsx
@@ -0,0 +1,16 @@
+import LoadingComponent from "@/components/common/loadingComponent";
+import { ENABLE_DATASTAX_LANGFLOW } from "../feature-flags";
+
+type CustomLoaderProps = {
+ remSize?: number;
+};
+
+const CustomLoader = ({ remSize = 30 }: CustomLoaderProps) => {
+ return ENABLE_DATASTAX_LANGFLOW ? (
+ <>>
+ ) : (
+
+ );
+};
+
+export default CustomLoader;
diff --git a/src/frontend/src/modals/apiModal/utils/get-curl-code.tsx b/src/frontend/src/modals/apiModal/utils/get-curl-code.tsx
index a6d78963d28a..ca00de7a831f 100644
--- a/src/frontend/src/modals/apiModal/utils/get-curl-code.tsx
+++ b/src/frontend/src/modals/apiModal/utils/get-curl-code.tsx
@@ -45,6 +45,8 @@ export function getCurlRunCode({
* @param {string} options.endpointName - The name of the webhook endpoint.
* @returns {string} The cURL command.
*/
+
+// KEEP THIS FOR LFOSS
export function getCurlWebhookCode({
flowId,
isAuth,
diff --git a/src/frontend/src/pages/AdminPage/index.tsx b/src/frontend/src/pages/AdminPage/index.tsx
index ce29a3a44fd0..e209ce6437dc 100644
--- a/src/frontend/src/pages/AdminPage/index.tsx
+++ b/src/frontend/src/pages/AdminPage/index.tsx
@@ -5,10 +5,10 @@ import {
useGetUsers,
useUpdateUser,
} from "@/controllers/API/queries/auth";
+import CustomLoader from "@/customization/components/custom-loader";
import { cloneDeep } from "lodash";
import { useContext, useEffect, useRef, useState } from "react";
import IconComponent from "../../components/common/genericIconComponent";
-import LoadingComponent from "../../components/common/loadingComponent";
import ShadTooltip from "../../components/common/shadTooltipComponent";
import { Button } from "../../components/ui/button";
import { CheckBoxDiv } from "../../components/ui/checkbox";
@@ -303,7 +303,7 @@ export default function AdminPage() {
{isPending || isIdle ? (
-
+
) : userList.current.length === 0 && !isIdle ? (
<>
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 1a5e3469d669..4441ae49f2df 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -2,7 +2,6 @@ import { DefaultEdge } from "@/CustomEdges";
import NoteNode from "@/CustomNodes/NoteNode";
import ForwardedIconComponent from "@/components/common/genericIconComponent";
-import LoadingComponent from "@/components/common/loadingComponent";
import CanvasControls, {
CustomControlButton,
} from "@/components/core/canvasControlsComponent";
@@ -14,6 +13,7 @@ import {
NOTE_NODE_MIN_WIDTH,
} from "@/constants/constants";
import { useGetBuildsQuery } from "@/controllers/API/queries/_builds";
+import CustomLoader from "@/customization/components/custom-loader";
import { track } from "@/customization/utils/analytics";
import useAutoSaveFlow from "@/hooks/flows/use-autosave-flow";
import useUploadFlow from "@/hooks/flows/use-upload-flow";
@@ -638,7 +638,7 @@ export default function Page({ view }: { view?: boolean }): JSX.Element {
) : (
-
+
)}
diff --git a/src/frontend/src/pages/MainPage/pages/index.tsx b/src/frontend/src/pages/MainPage/pages/index.tsx
index 6ec08188b372..3f145d43433f 100644
--- a/src/frontend/src/pages/MainPage/pages/index.tsx
+++ b/src/frontend/src/pages/MainPage/pages/index.tsx
@@ -1,8 +1,8 @@
-import LoadingComponent from "@/components/common/loadingComponent";
import CardsWrapComponent from "@/components/core/cardsWrapComponent";
import SideBarFoldersButtonsComponent from "@/components/core/folderSidebarComponent/components/sideBarFolderButtons";
import { SidebarProvider } from "@/components/ui/sidebar";
import { useDeleteFolders } from "@/controllers/API/queries/folders";
+import CustomLoader from "@/customization/components/custom-loader";
import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
import useAlertStore from "@/stores/alertStore";
import useFlowsManagerStore from "@/stores/flowsManagerStore";
@@ -90,7 +90,7 @@ export default function CollectionPage(): JSX.Element {
) : (
-
+
)}