feat: remove BYOD feature flag, make AI Workspace callouts visible to all users (#7682)

Co-authored-by: Claude <[email protected]>

Author: ehoops-cz

frontend/src/common/featureFlags/features.ts

@@ -2,5 +2,4 @@ export enum FEATURES {
   GENE_SETS = "gs",
   CURATOR = "curator",
   FILTER = "filter",
-  BYOD = "byod",
 }

frontend/src/components/BYODConnectors/BYODCallout/index.tsx

@@ -1,16 +1,11 @@
 import React from "react";
 import { StyledButton } from "../style";
 import { useBYODModal } from "src/contexts/BYODModalContext";
-import { useFeatureFlag } from "src/common/hooks/useFeatureFlag";
-import { FEATURES } from "src/common/featureFlags/features";
 import SparkleIcon from "src/common/images/sparkle-icon.svg";
 import { CalloutTextWrapper, CalloutTitle, StyledCallout } from "./style";
 
 const BYODCallout: React.FC = () => {
   const { openModal } = useBYODModal();
-  const isBYODEnabled = useFeatureFlag(FEATURES.BYOD);
-
-  if (!isBYODEnabled) return null;
 
   return (
     <StyledCallout intent="info" icon={<SparkleIcon />}>

frontend/src/components/BYODConnectors/BYODToast/index.tsx

@@ -5,8 +5,6 @@ import { StyledButton } from "../style";
 import { TOAST_BUTTON_TEXT } from "../constants";
 import { dismissToast, isToastDismissed } from "./utils";
 import { useBYODModal } from "src/contexts/BYODModalContext";
-import { useFeatureFlag } from "src/common/hooks/useFeatureFlag";
-import { FEATURES } from "src/common/featureFlags/features";
 import SparkleIcon from "src/common/images/sparkle-icon.svg";
 
 const BYOD_TOAST_ID = "byod-ai-workspace";
@@ -16,7 +14,6 @@ const TOAST_MESSAGE =
 export default function BYODToast(): JSX.Element | null {
   const [isVisible, setIsVisible] = useState(false);
   const { openModal } = useBYODModal();
-  const isBYODEnabled = useFeatureFlag(FEATURES.BYOD);
 
   useEffect(() => {
     setIsVisible(!isToastDismissed(BYOD_TOAST_ID));
@@ -31,7 +28,7 @@ export default function BYODToast(): JSX.Element | null {
     openModal();
   };
 
-  if (!isBYODEnabled || !isVisible) return null;
+  if (!isVisible) return null;
 
   return (
     <StyledToast>

frontend/src/components/Header/index.tsx

@@ -3,8 +3,6 @@ import { FC } from "react";
 import { HomepageLink } from "../common/HomepageLink";
 import AuthButtons from "./components/AuthButtons";
 import Nav from "src/components/Header/components/Nav";
-import { useFeatureFlag } from "src/common/hooks/useFeatureFlag";
-import { FEATURES } from "src/common/featureFlags/features";
 import { useBYODModal } from "src/contexts/BYODModalContext";
 import { useConnect } from "./connect";
 import {
@@ -29,7 +27,6 @@ const Header: FC = () => {
   } = useConnect();
 
   const { openModal } = useBYODModal();
-  const isBYODEnabled = useFeatureFlag(FEATURES.BYOD);
 
   const handleBYODClick = () => {
     openModal();
@@ -43,15 +40,9 @@ const Header: FC = () => {
           <Nav pathname={pathname} />
         </Left>
         <Right>
-          {isBYODEnabled && (
-            <Button
-              sdsType="primary"
-              sdsStyle="square"
-              onClick={handleBYODClick}
-            >
-              Explore Your Data
-            </Button>
-          )}
+          <Button sdsType="primary" sdsStyle="square" onClick={handleBYODClick}>
+            Explore Your Data
+          </Button>
 
           <StyledInputDropdown
             disabled={false}

frontend/src/components/MobileFriendlyHeader/index.tsx

@@ -5,8 +5,6 @@ import { track } from "src/common/analytics";
 import { EVENTS } from "src/common/analytics/events";
 import { ROUTES } from "src/common/constants/routes";
 import AuthButtons from "src/components/Header/components/AuthButtons";
-import { useFeatureFlag } from "src/common/hooks/useFeatureFlag";
-import { FEATURES } from "src/common/featureFlags/features";
 import { useBYODModal } from "src/contexts/BYODModalContext";
 import { HomepageLink } from "../common/HomepageLink";
 import {
@@ -55,7 +53,6 @@ const LandingHeader: FC<Props> = ({
   const mobileNavTray = useRef<HTMLDivElement>(null);
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const { openModal } = useBYODModal();
-  const isBYODEnabled = useFeatureFlag(FEATURES.BYOD);
 
   const handleBYODClick = () => {
     openModal();
@@ -156,15 +153,13 @@ const LandingHeader: FC<Props> = ({
                 <Nav pathname={pathname} />
               </Left>
               <Right>
-                {isBYODEnabled && (
-                  <Button
-                    sdsType="primary"
-                    sdsStyle="square"
-                    onClick={handleBYODClick}
-                  >
-                    Explore Your Data
-                  </Button>
-                )}
+                <Button
+                  sdsType="primary"
+                  sdsStyle="square"
+                  onClick={handleBYODClick}
+                >
+                  Explore Your Data
+                </Button>
 
                 <LinkWrapper isActive={isRouteActive(pathname, ROUTES.DOCS)}>
                   <a