Show the search results as a tree or a detailed list

wouldn't it be great if we could not only search and find results, but also replace them to a different value?
It would enable more accurate search and replace function to the user and prevent mistakes.

It can be very distracting. Also, this slows down the search. I believe the best way would be to filter them out by default, and perhaps provide a configuration flag to include node_modules in the results.

Perhaps a magnifying glass laid over the TypeScript logo?

Currently, we simply display a drop down list with all the files and the number of matches:

When you select a file, it opens and the cursor points at the first match. There is no way to see the next matches, and if you want to go to a different file, you have to redo the search. This is not very convenient to use.

The user knows how to search?
Good! But that's not enough... Most of the time we have more than 1 result...

Now it's time to show the number of results found and add next/previous buttons to move from one result to another

A nice productive feature could be adding a side AST explorer option, the explorer will help to build the queries.

Enable to user to show the entire AST as a side bar tree