Render

```mermaid flowchart LR s((Start)) --> Withdraw[Withdraw] --> 2:NeedToConvert(Need to convert?) -- yes --> CurrencyConvert[Convert Currency] --> 1:(Is TFN Known?) -- yes --> NotifyAto --> Deposit --> e((End)) 1:(Is TFN Known?) -- no --> TakeNonResidentTax --> Deposit 2:NeedToConvert -- no --> 1:(Is TFN Known?) ```

This static, no extra dependencies web page shows how to visualize workflow definition produced with Temporalio.Graps by leveraging Mermaid rendering engine.

The solution is ultimately minimalistic and if it is taken as a concept for the production codebase it needs to be heavily "productionased".
But it does demonstrate the fundamentals of creating an interactive workflow diagram with a clear indication of the workflow overall progress and the execution details of every step.

Click on the 'next' button to simulate detection of the workflow progress. In production you will need to call the button event handler when the workflow progresses to the next step.
Click node (step) to show the step details.