Mermaid + Tidewave Integration Walkthrough

What happens when I click this button? So this is a common question that we have whenever we are exploring a code base or when you're trying to understand how an application works and I can now we can use tide wave for understanding this visually. So this app here is running with tide wave. I'm going to open tid a chat bar here on the side and then I can say for example uh to tie to a show me a diagram of what happens when someone someone clicks this button and then I can say I can point the agent using type of inspector to the button and then I can say click it and trace is uh what happens what happens through the stack and then we can click here and wait for it to like explore the code base and automatically click the button and trying to understand what is happening to gather this information and then use mermaid to build a diagram of it and let's take a look at some of the interesting things that tang wave can do to explore the code base. So one of them that we can see here that instead of using grab all the time we can see that is using this loc tool and this is like using whenever um there's a symbol of the project like a module function tide wave can track that information and send to the agent the exact line of of where this module is defined so the agent can read it quickly. So there's one thing and then now it's going to click the button and watch the logs to trace execution. So it really cool. So we automatically click at the button for me and is reading the logs to get more information about the system. So reading the logs is another tool that comes built in with tide wave. And now it has all the information that it needed to build this diagram for me. And now yes. So I think now I can click here um to see the diagram of this whole system running and trying to understand what is happening. So here is a diagram. We can zoom in. We can take a look at the modules and functions that were uh that were called. Um we can also see the source code. And yeah that's it. Uh this is super exciting and I hope this can help you to understand more of how your system is working so you can like do some bug fixes or build some new features features. That's it.