As we prepare the app for supporting the ability to edit shapers for their data, we are going to want to provide an inline Z editor to aid them. Ideally we want syntax highlighting, autocomplete, and other inspection features to make this process as easy as possible.

There are a few existing tools that can assist here. As far as the editor itself, the monaco project seems like it would be a fine fit. It is maintained by Microsoft, powers VSCode, and appears to provide an api for registering new/custom languages.

We can also use tree-sitter to generate the parser that the editor will use for syntax highlighting and autocomplete. Since we are currently in the middle of changing up the Z grammar, and the corresponding tree-sitter work would be coupled to the Z grammar, then it may be best to wait on using this tool until the language has stabilized a bit more.