diff --git a/graph/client/src/app/console-project-details/project-details.app.tsx b/graph/client/src/app/console-project-details/project-details.app.tsx
index 13c20e92f1939..08eceb1a9ecb7 100644
--- a/graph/client/src/app/console-project-details/project-details.app.tsx
+++ b/graph/client/src/app/console-project-details/project-details.app.tsx
@@ -1,16 +1,16 @@
-import { useCallback } from 'react';
+import { ProjectDetails } from '@nx/graph-internal/ui-project-details';
 import {
   ErrorToastUI,
   ExpandedTargetsProvider,
   getExternalApiService,
 } from '@nx/graph/shared';
-import { useMachine, useSelector } from '@xstate/react';
-import { ProjectDetails } from '@nx/graph-internal/ui-project-details';
+import { useSelector } from '@xstate/react';
+import { useCallback } from 'react';
+import { Interpreter } from 'xstate';
 import {
   ProjectDetailsEvents,
   ProjectDetailsState,
 } from './project-details.machine';
-import { Interpreter } from 'xstate';
 
 export function ProjectDetailsApp({
   service,
@@ -26,6 +26,10 @@ export function ProjectDetailsApp({
     service,
     (state) => state.context.connectedToCloud
   );
+  const disabledTaskSyncGenerators = useSelector(
+    service,
+    (state) => state.context.disabledTaskSyncGenerators
+  );
 
   const handleViewInProjectGraph = useCallback(
     (data: { projectName: string }) => {
@@ -83,6 +87,7 @@ export function ProjectDetailsApp({
             viewInProjectGraphPosition="bottom"
             connectedToCloud={connectedToCloud}
             onNxConnect={handleNxConnect}
+            disabledTaskSyncGenerators={disabledTaskSyncGenerators}
           />
         </ExpandedTargetsProvider>
         <ErrorToastUI errors={errors} />
diff --git a/graph/client/src/app/console-project-details/project-details.machine.ts b/graph/client/src/app/console-project-details/project-details.machine.ts
index c778ac4f56825..8a5ae3acd4eec 100644
--- a/graph/client/src/app/console-project-details/project-details.machine.ts
+++ b/graph/client/src/app/console-project-details/project-details.machine.ts
@@ -12,6 +12,7 @@ export interface ProjectDetailsState {
   sourceMap: null | Record<string, string[]>;
   errors?: GraphError[];
   connectedToCloud?: boolean;
+  disabledTaskSyncGenerators?: string[];
 }
 
 export type ProjectDetailsEvents = {
@@ -20,6 +21,7 @@ export type ProjectDetailsEvents = {
   sourceMap: Record<string, string[]>;
   connectedToCloud: boolean;
   errors?: GraphError[];
+  disabledTaskSyncGenerators?: string[];
 };
 
 const initialContext: ProjectDetailsState = {
@@ -50,6 +52,7 @@ export const projectDetailsMachine = createMachine<
             ctx.sourceMap = event.sourceMap;
             ctx.connectedToCloud = event.connectedToCloud;
             ctx.errors = event.errors;
+            ctx.disabledTaskSyncGenerators = event.disabledTaskSyncGenerators;
           }),
         ],
       },