This lecture, I want you to briefly talk about an interesting functionality that windsurf has and that
is called windsurf preview.
So you're going to see here that when we're working on our application it's quite handy that we can
get here a browser window that is directly inside windsurf.
And we can see our application and directly interact with it.
So this is not the perfect browser.
It doesn't have a developer tool.
I think it has an interesting feature which can make our life easier.
So let's say for example we want to change here.
This title of the application is currently Kanban Board.
I'm just going to call it my board.
Now we could say change the title Kanban board into my board as a prompt.
That would work, but sometimes it's interesting.
So we're going to see here send element.
So if we click on this and then we go and select the kind of element that we want to change.
So in this case this title is going to say element added to Cascade.
We're going to see it right here in the prompt down below.
And what I can say is change to my board.
So let's see this in action.
So it has understood that we want to change this.
And there we go.
This feature has now been implemented.
And I would say okay, this is exactly what we wanted.
And it just goes a bit faster.
There's also the possibility of sending console errors just in case there are some errors.
Sometimes the application can be broken and you can click on this button here.
And it's going to send the console errors directly to the prompt, making it easier to troubleshoot
such issues.
So it is a nice feature, which I definitely appreciate when trying to quickly iterate over these applications
and just having everything side by side, it looks much more similar to how lovable is doing things.
So having the application itself and having the chat in the same window without really caring about
the code.
But we can also take a look at the code if you need.