not auto-centering clicked nodes / increase popper visibility

packages/sdk/packages/node-renderer/src/components/module/graph/NodeHover.tsx

@@ -60,7 +60,7 @@ export const ModuleGraphNodeHover: React.FC<ModuleHoverProps> = ({ node }) => {
       />
       {node ? (
         <>
-          <ModuleHoverPopper address={address} element={currentEl} name={name} placement={'top'} open />
+          <ModuleHoverPopper address={address} element={currentEl} name={name} placement={'top'} open sx={{ zIndex: 2 }} />
         </>
       ) : null}
     </>

packages/sdk/packages/node-renderer/src/hooks/cytoscape/useNewElements.tsx

@@ -1,22 +1,12 @@
 import { useModuleFromNode } from '@xyo-network/react-node'
 import { NodeSingular } from 'cytoscape'
-import { useEffect } from 'react'
 
-import { useCytoscapeInstance } from '../../contexts'
 import { useCytoscapeElements } from './useCytoscapeElements'
 
 export const useNewElements = (selectedElement?: NodeSingular) => {
-  const { cy } = useCytoscapeInstance(true)
   const { address: selectedAddress } = selectedElement?.data() ?? {}
   const [module] = useModuleFromNode(selectedAddress)
   const newElements = useCytoscapeElements(module)
 
-  useEffect(() => {
-    if (selectedAddress) {
-      const element = cy?.$(`node[id="${selectedAddress}"]`)
-      if (element?.length) cy?.center(element)
-    }
-  }, [cy, selectedAddress])
-
   return newElements
 }