Create Toolpad applications debugger

[Janpot]

Summary 💡

In order to develop and debug applications effectively, we need insight into what's happening under the hood. This could include insights into:

• page state
  • explore current state available on the page Create Toolpad applications debugger #1851
  • visualize dependencies between state created by bindings
  • history of state (e.g. timeline debugger)
  • binding errors
  • related Show more info on global variables in binding editor #497
  • warn when we had to coerce a binding to the type of the component's property
• network layer
  • log of all requests done by Toolpad Show a visual response every time a query runs #1377
  • insights into success/fail status of requests
  • insight into the cache status of automatic queries
• linter (statically analyze toolpad apps to detect potential problems early)
  • duplicate element names
  • accessibility issues, e.g. https://prnt.sc/e9S0sKzEalWX

[bharatkashyap]

Retool has a new debugger that you can access from the bottom status bar: