Windsurf Wave 2: The Agentic IDE

--- type: transcript date: 2025-01-28 youtube_id: 040U7Lcifhg --- # Transcript: Windsurf Wave 2: The Agentic IDE in this video I'm going to be taking a look at wind Surf Wave 2 I did cover wind surf once before on the channel since then they made a number of improvements I'll just quickly go over what the editor looks like touch on some of the key features and try and cover all of these new features that were just released first off if you haven't used the editor before it's very similar to something like vs code but is a for of vs code it does have a slight different sort of look and feel but the main area where I think most people are going to be leveraging wind surf is within this Cascade panel on the right hand inside here let's just create a new project let's SP next create next we'll create it within the root of our directory here what I'm going to do here is I'm just going to make this a little bit smaller so we can take a look at what we're building I'm just going to say update the home component to read developers digest all right here we go it went in and it found our page. TSX now obviously this is a very simple change but just for demonstration sake I'll go through some simple examples just to show you how the editor works I'll go and I'll accept that change we see developers digest get started Etc so on and so forth I'm going to say add in a mobile friendly navigation component and add in a simple footer the great thing with this is if your request requires it to make multiple directories and multiple files it will methodically go through step by step and create everything for you here we saw it just made this new folder with our navigation component as well as our footer component it's moving back to our page where it's going to update the page to include those components and without even clicking save or anything I see the changes reflected here here we have this mobile friendly navigation we have our footer and we have the page edit that we originally had the great thing with codium is you can go through the files you can tab through just like this and you can also move forward or backwards in the different changes and it's great because what I can do here is if I accept all of these within this Cascade panel I can also just revert to the previous step let's say you decided you wanted to go in a different direction and you want to go back one step or you want to go back 20 steps you can just scroll up to wherever you were within your conversation and you can just Implement what you had previously done that's a really nice feature now the other nice thing within here is you can see all of your premium credits your premium flow credits right now I believe if you're a new user it's 15 bucks a month if you did check out wind surf when they came out it's still 10 bucks a month I've been using this for about 4 days I did use it one day quite a bit that's why I'm about halfway through the credits depending on what you're doing you can definitely blow through this like I was really pushing it pretty hard on the weekend just trying to see what it could do now the only issue that I really ran into is when I started to give really long files to it so like over a th000 lines of code where sometimes it wouldn't generate quite right there would be some compilation errors and stuff like that so that's just one thing to consider now the other thing that I noticed if you do revert different steps and you do check out the errors tab is sometimes it will still have components that you actually have't deleted so here for instance the react navigation component it's completely gone and I can't clear this edit it it sort of have this bug I believe I've also seen this with en cursor so this might not even be a windorf specific thing it might be more of a vs code thing where if you're removing files and you're in a nextjs project or something like this that it throws something like that let's go ahead and regenerate what we had just asked for and while that's going on let's go through a few different features as it's regenerating those components you do have access to the ad commands within here you can access the web by simply typing web and what you could do is you could say something like I want to implement the new Fire crawl extract endp Point into my application and integrate it I'll send that through and what's great with this is what it's doing is it's actually scraping the top results for fire crawl it's Gathering those different sources it's creating an outline it's going to analyze the content and then based on the results it's going to choose the most relevant content to what you're asking for and then it's actually going to go and apply it there's quite a few different steps and it is really quite enjoyable of an experience like you definitely feel like you're very involved in the process still it's not something where you can just just go and you can put in a query like go and make me an app that's going to make me a million dollars or anything like that this is definitely not that but what you can do is you can really quickly push this and you're really just sort of limited to your own personal bandwidth on whatever you're building if you just want to keep pushing this and pushing this you can get pretty far so now one thing to know with llms in general this isn't a winds surf thing but sometimes the design sensibilities are not quite topnotch here's a underwhelming sort of design sort of feels but before we move on I want to thank today's sponsor brilliant.org brilliant offers a unique approach to learning that aligns perfectly with problem solving their platform is designed around interactive Hands-On lessons in math science computer science and artificial intelligence what sets brilliant apart is their focus on Active Learning instead of passive video lectures you're not just watching you're engaging with thought-provoking problems and intuitive explanations this method has been scientifically proven to be six times more effective than traditional learning I'm particularly impressed with their new course on large language models which provides an in-depth yet accessible look at the tech behind AI tools and before you ask no it won't replace your sparkling personalities brilliant isn't just for Tech professionals or students it's for anyone wanting to sharpen their analytical skills and gain a deeper understanding of the world whether you're communicating taking a lunch break or winding down in the evening brilliant makes it easy to turn a small pocket of time into an opportunity for growth if you're interested in elevating your learning experience I have a special offer visit brilliant.org developers digest to get a 30-day free trial you'll also get 20% off a learning subscription brilliant is more than just a learning platform it's a tool for developing critical thinking skills that are invaluable in today's world I encourage you to give and see how it can enhance your own Learning Journey let's just take a look at what it generated within here we have the firec extract URL by the looks of it the interesting with this is it chose not to use the SDK we have two different routes here we have a post and a get route we do have some air handling here so if there isn't a URL just throw out that message back to the user and here it's giving the instructions based on the URLs that are sent in go and send in that prompt and enable the web search with the web screaming functionality I have had some mixed results here like this I'm not quite sure that this example is quite up to par with what is actually within the documentation within here it does reference to use the SDK the thing with sometimes how websites are set up is depending on how they're set up like if you're on the second tab here and you're scraping a site it might not be within the context of how that information is retrieved right some sites you might actually have to click certain things to actually be able to reference that content and additionally if you're trying to map or retrieve the relevant information sometimes it can be a little complicated right because if you have a number of different programming languages it might not know the context to retrieve sort of this block of code that I as a user would have otherwise seen But if you're trying to perform some sort of rag functionality on a document like this or a number of different documents it might not go and find the right information that's just something to be mindful of but definitely a nice feature and it's nice that we're sort of able to start to lean in that direction to be able to access some real time information now next and this is sort of a hard one to demonstrate but you have the ability to have automated memories where it will learn the patterns of your usage almost similar to something like chat GPT where there are memories and it will start to remember certain aspects about you it seems like that's a similar or maybe an adjacent idea to something like that where it will begin to sort of understand the way that you like to potentially do things some ideas are on that like maybe in a nextjs application you want to use app router other than the page router and it will hopefully quickly have that quote unquote memory of being able to understand that you can also access the underlying IDE shell as well so for instance if I just go ahead and I close this out and I say start the server and I send that through this is just a simple example but what it will do here is it will go and it will run it within this terminal so rather than just having it bound within this chat panel with this terminal that's going up and down it's sort of within the typical terminal that you'd interact with you can go ahead to cancel this out and whatever you type within this it will reflect on that panel as well it has all of the context of whatever you're doing within the terminal when you access it like this and here is sort of the indication that you're within the terminal that the Cascade has access to you can also add in additional terminals just be mindful of it's very clearly indicated which terminal the Cascade window has access to next another cool feature is if you have a brok piece of code what you can do is you can go and hover over that piece of code and you can actually just click to explain and fix it what it will do it will pass it to the Cascade window on the right hand side there and within there it's going to analyze it it's going to get context it needs and it's going to perform that edit and actually fix it I'll just go ahead and I'll accept that and there we go it fixed that now another great thing and these are the little sort of ergonomic tweaks that P just love so like the attention to detail is just really really great is you can also pass in different errors directly from your problems tab so let's just say you have a bunch of typescript errors or whatever it might be and you just want to ship your application or build your application or whatever you're doing this is sort of what I do before I finish a project is I just like sending all of those errors and just like just tidy up that stuff figure out all those different type correlations that need to be sorted out within the application and iron out all of the little pieces that it needs to actually go and compile the application overall this is a really nice experience if you're a fan of vs code especially if you're a fan of cursor I definitely encourage you to try a wind surf it is quite a nice option there are a number of really nice intentional little designs within the product otherwise that's pretty much it for this one I just wanted to do a really quick one on wind Surf and some of the latest features that came out within Wave 2 otherwise kudos to the team codium I look forward to all of the updates that you're potentially looking at rolling into the product as well if you found this video useful please like comment share and subscribe otherwise until the next one