Here's the result:

To add visual paddings to an element without shifting layout, previously I learned from Notion's editor that I could set a box-shadow with only the `<spread-radius>`, e.g. `box-shadow: 0 0 0 3px red`. The problem is that `<spread-radius>` is fixed for all sides.

Added a virtual selection background to indicate the inline equation node that is being edited.

Been working on a sleek, new math equation editor with syntax highlighting in PomeloMark, a more intuitive Markdown editor.

Building a #Markdown editor for editing complicated content with ease.

File renaming is also handled.

When you rename a symbol in source code using VS Code's "Rename Symbol" feature, canvases that reference the symbol are updated automatically.

When you click on a symbol in a canvas, the extension opens the symbol's source code.

It's a VS Code extension designed to integrate seamlessly into your software development workflow.