In case anyone is (still) interested in using LiveBooks embedded inside vscode like that, I’ve just made a new extension based on the now available settings for embedding LiveBooks in an iframe, it’s here:

I mainly wanted it so I could open .livemd files directly from within my project.
It can also automatically attach to a running node based on workspace configuration, so you could set it up to always open notebooks attached to your mix project for you workspace.

Keep in mind it’s just an iframe embed. A big issue I’m just noticing now is this:

https://github.com/microsoft/vscode/issues/129178

Which is quite annoying. Might have to rethink whether the extension makes sense like this..
May have to play around with forking livebook and modifying it to forward events from the iframe up to the host.

Edit: I’ve solved this by forking livebook with a small addition of some JavaScript to forward events to the iframe host.

Not ideal and there are still some issues when switching focus but it will do for now for my use case at least.

This exists as GitHub - josecfreittas/vscode-livebook: An extension to add support for `.livemd` files and run a Livebook instance inside your VSCode · GitHub but it was archived. One of the known issues was that Livebook can’t live inside an iframe but I believe Livebook is already using iframes. There may be compatibility issues as iframe within an iframe can be problematic.

I haven’t used that extension very much but it was rather functional when I used it in early 2022. Livebook internals have made some shifts that may make it worth reviving the plugin.

I’d also love more official guidance as I have numerous ideas for embedding but haven’t worked through all the limitations.