Hide content mode and component under feature flag

Author: istarkov

apps/builder/app/builder/features/components/components.tsx

@@ -3,6 +3,7 @@ import { useStore } from "@nanostores/react";
 import { CrossIcon } from "@webstudio-is/icons";
 import {
   type WsComponentMeta,
+  blockComponent,
   collectionComponent,
   componentCategories,
 } from "@webstudio-is/react-sdk";
@@ -123,6 +124,13 @@ const filterAndGroupComponents = ({
         return false;
       }
 
+      if (
+        component === blockComponent &&
+        isFeatureEnabled("contentEditableMode") === false
+      ) {
+        return false;
+      }
+
       return true;
     });
 

apps/builder/app/builder/features/topbar/builder-mode.tsx

@@ -32,6 +32,7 @@ import {
   type BuilderMode,
 } from "~/shared/nano-states";
 import { useState } from "react";
+import { isFeatureEnabled } from "@webstudio-is/feature-flags";
 
 const StyledMenuItem = styled(DropdownMenuRadioItem, {
   "&:where([data-state='checked'])": {
@@ -57,7 +58,7 @@ export const BuilderModeDropDown = () => {
       description: "Modify the page content",
       title: "Content",
       shortcut: ["cmd", "shift", "c"],
-      enabled: isContentModeAllowed,
+      enabled: isContentModeAllowed && isFeatureEnabled("contentEditableMode"),
     },
     preview: {
       icon: <PlayIcon />,