chore(my-queries): make feature flag ready for saving user data COMPASS-9657

packages/compass-preferences-model/src/preferences-schema.tsx

@@ -112,6 +112,7 @@ export type InternalUserPreferences = {
   id: string;
   cloudFeatureRolloutAccess?: {
     GEN_AI_COMPASS?: boolean;
+    MY_QUERIES_DATA_EXPLORER?: boolean;
   };
   lastKnownVersion: string;
   highestInstalledVersion?: string;
@@ -470,6 +471,7 @@ export const storedUserPreferencesProps: Required<{
     validator: z
       .object({
         GEN_AI_COMPASS: z.boolean().optional(),
+        MY_QUERIES_DATA_EXPLORER: z.boolean().optional(),
       })
       .optional(),
     type: 'object',

packages/compass-query-bar/src/components/query-bar.tsx

@@ -14,7 +14,10 @@ import {
   createAIPlaceholderHTMLPlaceholder,
 } from '@mongodb-js/compass-generative-ai';
 import { connect } from '../stores/context';
-import { useIsAIFeatureEnabled } from 'compass-preferences-model/provider';
+import {
+  useIsAIFeatureEnabled,
+  usePreference,
+} from 'compass-preferences-model/provider';
 import { useTelemetry } from '@mongodb-js/compass-telemetry/provider';
 
 import {
@@ -202,8 +205,13 @@ export const QueryBar: React.FunctionComponent<QueryBarProps> = ({
 
   const favoriteQueryStorageAvailable = !!useFavoriteQueryStorageAccess();
   const recentQueryStorageAvailable = !!useRecentQueryStorageAccess();
+  const cloudFeatureRolloutAccess = usePreference('cloudFeatureRolloutAccess');
+  const isMyQueriesEnabled =
+    cloudFeatureRolloutAccess?.MY_QUERIES_DATA_EXPLORER ?? false;
   const enableSavedAggregationsQueries =
-    favoriteQueryStorageAvailable && recentQueryStorageAvailable;
+    favoriteQueryStorageAvailable &&
+    recentQueryStorageAvailable &&
+    isMyQueriesEnabled;
 
   return (
     <form

packages/compass-sidebar/src/components/multiple-connections/navigation/navigation.tsx

@@ -102,9 +102,12 @@ export function Navigation({
   const { openMyQueriesWorkspace, openDataModelingWorkspace } =
     useOpenWorkspace();
   const isDataModelingEnabled = usePreference('enableDataModeling');
+  const cloudFeatureRolloutAccess = usePreference('cloudFeatureRolloutAccess');
+  const isMyQueriesEnabled =
+    cloudFeatureRolloutAccess?.MY_QUERIES_DATA_EXPLORER ?? false;
   return (
     <div>
-      {hasWorkspacePlugin('My Queries') && (
+      {hasWorkspacePlugin('My Queries') && isMyQueriesEnabled && (
         <NavigationItem
           onClick={openMyQueriesWorkspace}
           glyph="CurlyBraces"

packages/compass-web/sandbox/index.tsx

@@ -137,6 +137,9 @@ const App = () => {
                 isAtlas && !!enableGenAIFeaturesAtlasOrg,
               optInGenAIFeatures: isAtlas && !!optInGenAIFeatures,
               enableDataModeling: true,
+              cloudFeatureRolloutAccess: {
+                MY_QUERIES_DATA_EXPLORER: false, // Disabled by default
+              },
             }}
             onTrack={sandboxTelemetry.track}
             onDebug={sandboxLogger.debug}

packages/compass-web/src/entrypoint.tsx

@@ -62,6 +62,7 @@ import {
   CompassAssistantDrawer,
   CompassAssistantProvider,
 } from '@mongodb-js/compass-assistant';
+import { useMyQueriesFeature } from './hooks/use-my-queries-feature';
 
 export type TrackFunction = (
   event: string,
@@ -280,6 +281,8 @@ const CompassWeb = ({
     onDebug,
   });
   const preferencesAccess = useCompassWebPreferences(initialPreferences);
+  const isMyQueriesEnabled = useMyQueriesFeature();
+  // TODO: This will be used to conditionally provide My Queries storage providers in the implementation PR
   const initialWorkspaceRef = useRef(initialWorkspace);
   const initialWorkspaceTabsRef = useRef(
     initialWorkspaceRef.current ? [initialWorkspaceRef.current] : []

packages/compass-web/src/hooks/use-my-queries-feature.ts

@@ -0,0 +1,13 @@
+import { usePreference } from 'compass-preferences-model/provider';
+
+/**
+ * Hook to check if the My Queries Data Explorer feature is enabled.
+ * This controls access to:
+ * - Saved queries and aggregations
+ * - Recent queries autocomplete
+ * - Favorite queries/aggregations
+ */
+export function useMyQueriesFeature(): boolean {
+  const cloudFeatureRolloutAccess = usePreference('cloudFeatureRolloutAccess');
+  return cloudFeatureRolloutAccess?.MY_QUERIES_DATA_EXPLORER ?? false;
+}

packages/compass-web/src/preferences.tsx

@@ -49,6 +49,7 @@ export function useCompassWebPreferences(
       enablePerformanceAdvisorBanner: true,
       cloudFeatureRolloutAccess: {
         GEN_AI_COMPASS: false,
+        MY_QUERIES_DATA_EXPLORER: false,
       },
       maximumNumberOfActiveConnections: 10,
       trackUsageStatistics: true,