feat: use new code editor component in QueryLive

[msmithstubbs]

Replace the LiveMonacoEditor component in QueryLive with our own component wrapper.

Key differences:

• A simpler functional component instead of a live component
• The editor does not push events to LiveView. Instead, it syncs content with a hidden field that uses regular phx-* bindings to interact with the server.
• Expanded JavaScript unit testing of the hook. With no need for a live view process, these tests focus on the DOM interaction.
• Monaco JavaScript dependencies vendored directly into the repository
• Update Monaco editor to latest version 0.55.1

CleanShot.2026-05-29.at.15.01.51.mp4

Monaco editor is independent of LiveView

The key difference in this architecture is that the Monaco editor doesn't send update events to the live view process.

The Monaco editor updates a hidden textarea field and triggers a form-change event to the live view, matching the standard form-backed LiveView setup. The LiveView can update the form, and the Monaco editor will receive changes from the form field itself.

This simplifies the implementation and makes it much easier to test: we can test the Monaco DOM interactions with JS unit tests, and form interactions in LiveViewTest.

PR Stack

This is part of a sequence of PRs that are intended to be merged in order:

• test: add Monaco editor e2e regression coverage #3505
• feat: use new code editor component in QueryLive #3525
• Isolated changes, can be merged in any order after the above
  • feat: use new code editor component in EndpointsLive #3528
  • feat: use new code editor component in AlertsLive #3529
  • feat: use new code editor component in SearchLV #3527
• refactor: remove live_monaco_editor, rename MonacoEditorComponentNew #3530

or search 🔍 is:pr O11Y-1543 sort:created-asc

Part of O11Y-1684 and O11Y-1543

[msmithstubbs]

Kept endpoints and alerts in assigns to match the current implementation but could just fetch them from Cache if it is fast enough.