diff --git a/langflow/frontend/public/index.html b/langflow/frontend/public/index.html
index e9ecbe8ec..aa19f07de 100644
--- a/langflow/frontend/public/index.html
+++ b/langflow/frontend/public/index.html
@@ -4,7 +4,7 @@
- Document
+ LangFLow
diff --git a/langflow/frontend/src/contexts/tabsContext.tsx b/langflow/frontend/src/contexts/tabsContext.tsx
index bb85474c2..7b3f60e06 100644
--- a/langflow/frontend/src/contexts/tabsContext.tsx
+++ b/langflow/frontend/src/contexts/tabsContext.tsx
@@ -1,6 +1,7 @@
import { createContext, useEffect, useState, useRef, ReactNode } from "react";
import { FlowType } from "../types/flow";
import { TabsContextType } from "../types/tabs";
+import { normalCaseToSnakeCase } from "../utils";
const TabsContextInitialValue: TabsContextType = {
tabIndex: 0,
@@ -61,7 +62,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
// create a link element and set its properties
const link = document.createElement("a");
link.href = jsonString;
- link.download = `${flows[tabIndex].name}.json`;
+ link.download = `${normalCaseToSnakeCase(flows[tabIndex].name)}.json`;
// simulate a click on the link element to trigger the download
link.click();
@@ -124,7 +125,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
// Create a new flow with a default name if no flow is provided.
let newFlow: FlowType = {
- name: flow ? flow.name : "flow" + id,
+ name: flow ? flow.name : "New Flow " + id,
id: id.toString(),
data,
chat: flow ? flow.chat : [],
diff --git a/langflow/frontend/src/utils.ts b/langflow/frontend/src/utils.ts
index 82e09e979..3f53b446d 100644
--- a/langflow/frontend/src/utils.ts
+++ b/langflow/frontend/src/utils.ts
@@ -286,6 +286,18 @@ export function snakeToNormalCase(str: string) {
.join(" ");
}
+export function normalCaseToSnakeCase(str:string){
+ return str
+ .split(" ")
+ .map((word, index) => {
+ if (index === 0) {
+ return word[0].toUpperCase() + word.slice(1).toLowerCase();
+ }
+ return word.toLowerCase();
+ })
+ .join("_");
+}
+
export function roundNumber(x:number, decimals:number) {
return Math.round(x * Math.pow(10, decimals)) / Math.pow(10, decimals);
}