diff --git a/src/frontend/.gitignore b/src/frontend/.gitignore index 285b976e3caa..e9059678fb6a 100644 --- a/src/frontend/.gitignore +++ b/src/frontend/.gitignore @@ -11,6 +11,9 @@ # production /build +# ide +.vscode + # misc .DS_Store .env.local diff --git a/src/frontend/src/assets/KendraLabsLogo200x200.png b/src/frontend/src/assets/KendraLabsLogo200x200.png new file mode 100644 index 000000000000..409ea12963f0 Binary files /dev/null and b/src/frontend/src/assets/KendraLabsLogo200x200.png differ diff --git a/src/frontend/src/components/common/crashErrorComponent/index.tsx b/src/frontend/src/components/common/crashErrorComponent/index.tsx index 75ee8cefea6f..9174bf5b4afd 100644 --- a/src/frontend/src/components/common/crashErrorComponent/index.tsx +++ b/src/frontend/src/components/common/crashErrorComponent/index.tsx @@ -44,7 +44,7 @@ export default function CrashErrorComponent({
- + = ({ + title = "Kendra Labs Logo", + className = "absolute h-[18px] w-[18px]", + chainClassName = "absolute h-[18px] w-[18px]", + alt = "Kendra Labs Logo", +}) => { + return ENABLE_NEW_LOGO ? ( + {alt} + ) : ( + + ); +}; + +export default Logo; diff --git a/src/frontend/src/components/core/appHeaderComponent/index.tsx b/src/frontend/src/components/core/appHeaderComponent/index.tsx index d72fa913617a..0ff991d19b58 100644 --- a/src/frontend/src/components/core/appHeaderComponent/index.tsx +++ b/src/frontend/src/components/core/appHeaderComponent/index.tsx @@ -1,16 +1,12 @@ import AlertDropdown from "@/alerts/alertDropDown"; -import DataStaxLogo from "@/assets/DataStaxLogo.svg?react"; -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; import ForwardedIconComponent from "@/components/common/genericIconComponent"; +import Logo from "@/components/common/kendraLabsLogo"; import ShadTooltip from "@/components/common/shadTooltipComponent"; import { Button } from "@/components/ui/button"; import { Separator } from "@/components/ui/separator"; import { CustomOrgSelector } from "@/customization/components/custom-org-selector"; import { CustomProductSelector } from "@/customization/components/custom-product-selector"; -import { - ENABLE_DATASTAX_LANGFLOW, - ENABLE_NEW_LOGO, -} from "@/customization/feature-flags"; +import { ENABLE_DATASTAX_LANGFLOW } from "@/customization/feature-flags"; import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate"; import useTheme from "@/customization/hooks/use-custom-theme"; import useAlertStore from "@/stores/alertStore"; @@ -59,13 +55,7 @@ export default function AppHeader(): JSX.Element { className="mr-1 flex h-8 w-8 items-center" data-testid="icon-ChevronLeft" > - {ENABLE_DATASTAX_LANGFLOW ? ( - - ) : ENABLE_NEW_LOGO ? ( - - ) : ( - ⛓️ - )} + {ENABLE_DATASTAX_LANGFLOW && ( <> @@ -140,7 +130,7 @@ export default function AppHeader(): JSX.Element { {!ENABLE_DATASTAX_LANGFLOW && ( <> diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts index fccce3ccb4d6..ad1a65192333 100644 --- a/src/frontend/src/constants/constants.ts +++ b/src/frontend/src/constants/constants.ts @@ -241,7 +241,7 @@ export const DESCRIPTIONS: string[] = [ "Generate, Innovate, Communicate.", "Conversation Catalyst Engine.", "Language Chainlink Master.", - "Design Dialogues with Langflow.", + "Design Dialogues with Workbench.", "Nurture NLP Nodes Here.", "Conversational Cartography Unlocked.", "Design, Develop, Dialogize.", diff --git a/src/frontend/src/customization/feature-flags.ts b/src/frontend/src/customization/feature-flags.ts index d2665549b7b8..9068c35d9d4c 100644 --- a/src/frontend/src/customization/feature-flags.ts +++ b/src/frontend/src/customization/feature-flags.ts @@ -8,5 +8,5 @@ export const ENABLE_MVPS = false; export const ENABLE_CUSTOM_PARAM = false; export const ENABLE_INTEGRATIONS = false; export const ENABLE_NEW_LOGO = true; -export const ENABLE_DATASTAX_LANGFLOW = false; +export const ENABLE_DATASTAX_LANGFLOW = true; export const ENABLE_HOMEPAGE = true; diff --git a/src/frontend/src/flow_constants.tsx b/src/frontend/src/flow_constants.tsx index 1e2280ab9f1a..16ffeb158dd9 100644 --- a/src/frontend/src/flow_constants.tsx +++ b/src/frontend/src/flow_constants.tsx @@ -20,7 +20,7 @@ export const DESCRIPTIONS: string[] = [ "Generate, Innovate, Communicate.", "Conversation Catalyst Engine.", "Language Chainlink Master.", - "Design Dialogues with Langflow.", + "Design Dialogues with Workbench.", "Nurture NLP Nodes Here.", "Conversational Cartography Unlocked.", "Design, Develop, Dialogize.", @@ -31,7 +31,7 @@ export const DESCRIPTIONS: string[] = [ "Where Language Meets Logic.", "Building Intelligent Interactions.", "Your Passport to Linguistic Landscapes.", - "Create, Curate, Communicate with Langflow.", + "Create, Curate, Communicate with Workbench.", "Flow into the Future of Language.", "Mapping Meaningful Conversations.", "Unravel the Art of Articulation.", @@ -41,7 +41,7 @@ export const DESCRIPTIONS: string[] = [ "The Pinnacle of Prompt Generation.", "Language Models, Mapped and Mastered.", "Powerful Prompts, Perfectly Positioned.", - "Innovation in Interaction with Langflow.", + "Innovation in Interaction with Workbench.", "Your Toolkit for Text Generation.", "Unfolding Linguistic Possibilities.", "Building Powerful Solutions with Language Models.", diff --git a/src/frontend/src/logo.svg b/src/frontend/src/logo.svg deleted file mode 100644 index 9dfc1c058ceb..000000000000 --- a/src/frontend/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/frontend/src/modals/IOModal/components/chatView/chat-view.tsx b/src/frontend/src/modals/IOModal/components/chatView/chat-view.tsx index 49d9be25938b..fee3ea50a394 100644 --- a/src/frontend/src/modals/IOModal/components/chatView/chat-view.tsx +++ b/src/frontend/src/modals/IOModal/components/chatView/chat-view.tsx @@ -1,7 +1,5 @@ -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; -import ChainLogo from "@/assets/logo.svg?react"; +import Logo from "@/components/common/kendraLabsLogo"; import { TextEffectPerChar } from "@/components/ui/textAnimation"; -import { ENABLE_NEW_LOGO } from "@/customization/feature-flags"; import { track } from "@/customization/utils/analytics"; import { useMessagesStore } from "@/stores/messagesStore"; import { useUtilityStore } from "@/stores/utilityStore"; @@ -180,17 +178,10 @@ export default function ChatView({ ) : (
- {ENABLE_NEW_LOGO ? ( - - ) : ( - - )} +

New chat diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/components/chat-logo-icon.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/components/chat-logo-icon.tsx index 19c264d85602..2d94c33d9f0b 100644 --- a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/components/chat-logo-icon.tsx +++ b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/components/chat-logo-icon.tsx @@ -1,22 +1,13 @@ -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; -import ChainLogo from "@/assets/logo.svg?react"; -import { ENABLE_NEW_LOGO } from "@/customization/feature-flags"; +import Logo from "@/components/common/kendraLabsLogo"; export default function LogoIcon() { return (
- {ENABLE_NEW_LOGO ? ( - - ) : ( - - )} +
); diff --git a/src/frontend/src/modals/shareModal/index.tsx b/src/frontend/src/modals/shareModal/index.tsx index 49b5f476403d..ea000973480a 100644 --- a/src/frontend/src/modals/shareModal/index.tsx +++ b/src/frontend/src/modals/shareModal/index.tsx @@ -211,7 +211,7 @@ export default function ShareModal({ Share - + Get started
diff --git a/src/frontend/src/pages/AdminPage/LoginPage/index.tsx b/src/frontend/src/pages/AdminPage/LoginPage/index.tsx index 7fba6f15edc5..8e852d27a439 100644 --- a/src/frontend/src/pages/AdminPage/LoginPage/index.tsx +++ b/src/frontend/src/pages/AdminPage/LoginPage/index.tsx @@ -1,6 +1,6 @@ -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; import { useLoginUser } from "@/controllers/API/queries/auth"; -import { ENABLE_NEW_LOGO } from "@/customization/feature-flags"; + +import Logo from "@/components/common/kendraLabsLogo"; import { useContext, useState } from "react"; import { Button } from "../../../components/ui/button"; import { Input } from "../../../components/ui/input"; @@ -51,14 +51,11 @@ export default function LoginAdminPage() { return (
- {ENABLE_NEW_LOGO ? ( - - ) : ( - ⛓️ - )} + + Admin { diff --git a/src/frontend/src/pages/DeleteAccountPage/index.tsx b/src/frontend/src/pages/DeleteAccountPage/index.tsx index 56edc5949255..a9b4aa6cf0f3 100644 --- a/src/frontend/src/pages/DeleteAccountPage/index.tsx +++ b/src/frontend/src/pages/DeleteAccountPage/index.tsx @@ -1,5 +1,4 @@ -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; -import { ENABLE_NEW_LOGO } from "@/customization/feature-flags"; +import Logo from "@/components/common/kendraLabsLogo"; import { useState } from "react"; import { Button } from "../../components/ui/button"; import { Input } from "../../components/ui/input"; @@ -19,14 +18,10 @@ export default function DeleteAccountPage() { return (
- {ENABLE_NEW_LOGO ? ( - - ) : ( - ⛓️ - )} + Delete your account diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx index fe491cd756a6..0f926a3a8a7d 100644 --- a/src/frontend/src/pages/FlowPage/index.tsx +++ b/src/frontend/src/pages/FlowPage/index.tsx @@ -169,7 +169,7 @@ export default function FlowPage({ view }: { view?: boolean }): JSX.Element { href="https://medium.com/logspace/langflow-datastax-better-together-1b7462cebc4d" className="langflow-page-icon" > -
Langflow 🤝 DataStax
+
Workbench 🤝 DataStax
⛓️ v{version}
diff --git a/src/frontend/src/pages/LoginPage/index.tsx b/src/frontend/src/pages/LoginPage/index.tsx index cbb0b4ebf229..2bce00273ae8 100644 --- a/src/frontend/src/pages/LoginPage/index.tsx +++ b/src/frontend/src/pages/LoginPage/index.tsx @@ -1,7 +1,6 @@ -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; +import Logo from "@/components/common/kendraLabsLogo"; import { useLoginUser } from "@/controllers/API/queries/auth"; import { CustomLink } from "@/customization/components/custom-link"; -import { ENABLE_NEW_LOGO } from "@/customization/feature-flags"; import * as Form from "@radix-ui/react-form"; import { useContext, useState } from "react"; import InputComponent from "../../components/core/parameterRenderComponent/components/inputComponent"; @@ -67,14 +66,11 @@ export default function LoginPage(): JSX.Element { >
- {ENABLE_NEW_LOGO ? ( - - ) : ( - ⛓️ - )} + + Sign in to Workbench diff --git a/src/frontend/src/pages/MainPage/pages/emptyPage/index.tsx b/src/frontend/src/pages/MainPage/pages/emptyPage/index.tsx index 7ed74d3d4b88..a2ebd7f05fc8 100644 --- a/src/frontend/src/pages/MainPage/pages/emptyPage/index.tsx +++ b/src/frontend/src/pages/MainPage/pages/emptyPage/index.tsx @@ -1,7 +1,6 @@ -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; import ForwardedIconComponent from "@/components/common/genericIconComponent"; +import Logo from "@/components/common/kendraLabsLogo"; import { Button } from "@/components/ui/button"; -import { ENABLE_NEW_LOGO } from "@/customization/feature-flags"; import { useFolderStore } from "@/stores/foldersStore"; type EmptyPageProps = { @@ -15,11 +14,7 @@ export const EmptyPage = ({ setOpenModal }: EmptyPageProps) => {
- {ENABLE_NEW_LOGO ? ( - - ) : ( - ⛓️ - )} +

{ />

- Manage settings related to Langflow and your account. + Manage settings related to Workbench and your account.

diff --git a/src/frontend/src/pages/SettingsPage/pages/StoreApiKeyPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/StoreApiKeyPage/index.tsx index 4d164d384ee8..3ee25f7a4703 100644 --- a/src/frontend/src/pages/SettingsPage/pages/StoreApiKeyPage/index.tsx +++ b/src/frontend/src/pages/SettingsPage/pages/StoreApiKeyPage/index.tsx @@ -62,14 +62,14 @@ const StoreApiKeyPage = () => {

- Langflow Store + Workbench Store

- Manage access to the Langflow Store. + Manage access to the Workbench Store.

diff --git a/src/frontend/src/pages/SignUpPage/index.tsx b/src/frontend/src/pages/SignUpPage/index.tsx index 5b82f77f1eec..1d47033fecd2 100644 --- a/src/frontend/src/pages/SignUpPage/index.tsx +++ b/src/frontend/src/pages/SignUpPage/index.tsx @@ -1,8 +1,7 @@ -import LangflowLogo from "@/assets/LangflowLogo.svg?react"; +import Logo from "@/components/common/kendraLabsLogo"; import InputComponent from "@/components/core/parameterRenderComponent/components/inputComponent"; import { useAddUser } from "@/controllers/API/queries/auth"; import { CustomLink } from "@/customization/components/custom-link"; -import { ENABLE_NEW_LOGO } from "@/customization/feature-flags"; import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate"; import { track } from "@/customization/utils/analytics"; import * as Form from "@radix-ui/react-form"; @@ -91,16 +90,12 @@ export default function SignUp(): JSX.Element { >
- {ENABLE_NEW_LOGO ? ( - - ) : ( - ⛓️ - )} + - Sign up for Langflow + Sign up for Workbench
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css index 9106edfaf4b3..652e5bc236d7 100644 --- a/src/frontend/src/style/applies.css +++ b/src/frontend/src/style/applies.css @@ -1325,147 +1325,3 @@ transform: rotate(360deg); } } - -.gradient-bg { - width: 100%; - height: 100%; - position: absolute; - overflow: hidden; - background: url(data:image/png;base64,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), - var(--color-bg1); - top: 0; - left: 0; - background-blend-mode: overlay; - - svg { - display: none; - } - - .gradients-container { - filter: url(#lf-balls) blur(40px); - width: 100%; - height: 100%; - } - - .g1 { - position: absolute; - background: radial-gradient( - circle at center, - rgba(var(--color1), 0.8) 0, - rgba(var(--color1), 0) 50% - ) - no-repeat; - mix-blend-mode: var(--blending); - width: var(--circle-size); - height: var(--circle-size); - top: 10%; - right: 20%; - transform-origin: 50% 100%; - animation: moveInCircle 10s linear infinite; - opacity: 1; - } - - .g2 { - position: absolute; - background: radial-gradient( - circle at center, - rgba(var(--color2), 0.8) 0, - rgba(var(--color2), 0) 50% - ) - no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: 10%; - left: 10%; - - transform-origin: 50% 100%; - animation: moveInCircle 12s linear infinite; - - opacity: 1; - } - - .g3 { - position: absolute; - background: radial-gradient( - circle at center, - rgba(var(--color3), 0.8) 0, - rgba(var(--color3), 0) 50% - ) - no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: 10%; - right: 30%; - - transform-origin: 50% 100%; - animation: moveInCircle 11s linear infinite; - - opacity: 1; - } - - .g4 { - position: absolute; - background: radial-gradient( - circle at center, - rgba(var(--color1), 0.8) 0, - rgba(var(--color1), 0) 50% - ) - no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: 5%; - right: 50%; - - transform-origin: 50% 20%; - animation: moveInCircle 12s reverse linear infinite; - - opacity: 0.7; - } - - .g5 { - position: absolute; - background: radial-gradient( - circle at center, - rgba(var(--color2), 0.8) 0, - rgba(var(--color2), 0) 50% - ) - no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: 10%; - left: 30%; - - transform-origin: 50% 20%; - animation: moveInCircle 11s reverse linear infinite; - opacity: 1; - } - - .g6 { - position: absolute; - background: radial-gradient( - circle at center, - rgba(var(--color3), 0.8) 0, - rgba(var(--color3), 0) 50% - ) - no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: 10%; - right: 10%; - - transform-origin: 50% 20%; - animation: moveInCircle 10s reverse linear infinite; - - opacity: 1; - } -}