Add "View Code" button and panel in chat

[burieberry]

• passing down monacoSDK from panel to room-message so as to load it only once
• monaco editor is in readonly mode
• it seems like the only situation where this button and panel would appear is when a json change is suggested by ai-bot, so I set the editor language to json

[github-actions]

Test Results

537 tests  +1   533 ✔️ +1   7m 57s ⏱️ -7s
    1 suites ±0       4 💤 ±0 
    1 files   ±0       0 ❌ ±0 

Results for commit 0d3b968. ± Comparison against base commit 4a7bec2.

This pull request removes 536 and adds 537 tests. Note that renamed tests count towards both.

Chrome 122.0 ‑ Acceptance | Freestyle: smoke check
Chrome 122.0 ‑ Acceptance | basic tests: glimmer-scoped-css smoke test
Chrome 122.0 ‑ Acceptance | basic tests: visiting realm root
Chrome 122.0 ‑ Acceptance | code submode tests: Clicking card in search panel opens card JSON in editor
Chrome 122.0 ‑ Acceptance | code submode tests: can handle error when user puts unidentified domain in card URL bar
Chrome 122.0 ‑ Acceptance | code submode tests: card preview live updates when index changes
Chrome 122.0 ‑ Acceptance | code submode tests: card preview will show in the 3rd column when submode is set to code
Chrome 122.0 ‑ Acceptance | code submode tests: card-catalog does not offer to "create new card" when editing linked fields in code mode
Chrome 122.0 ‑ Acceptance | code submode tests: changes cursor position when selected module declaration is changed
Chrome 122.0 ‑ Acceptance | code submode tests: changes selected module declaration when cursor position is changed
…

Chrome 123.0 ‑ Acceptance | Freestyle: smoke check
Chrome 123.0 ‑ Acceptance | basic tests: glimmer-scoped-css smoke test
Chrome 123.0 ‑ Acceptance | basic tests: visiting realm root
Chrome 123.0 ‑ Acceptance | code submode tests: Clicking card in search panel opens card JSON in editor
Chrome 123.0 ‑ Acceptance | code submode tests: can handle error when user puts unidentified domain in card URL bar
Chrome 123.0 ‑ Acceptance | code submode tests: card preview live updates when index changes
Chrome 123.0 ‑ Acceptance | code submode tests: card preview will show in the 3rd column when submode is set to code
Chrome 123.0 ‑ Acceptance | code submode tests: card-catalog does not offer to "create new card" when editing linked fields in code mode
Chrome 123.0 ‑ Acceptance | code submode tests: changes cursor position when selected module declaration is changed
Chrome 123.0 ‑ Acceptance | code submode tests: changes selected module declaration when cursor position is changed
…

This pull request removes 4 skipped tests and adds 4 skipped tests. Note that renamed tests count towards both.

Chrome 122.0 ‑ Integration | card-editor: can create a specialized a new card to populate a linksTo field
Chrome 122.0 ‑ Integration | operator-mode: can create a specialized a new card to populate a linksTo field
Chrome 122.0 ‑ Integration | operator-mode: can create a specialized a new card to populate a linksToMany field
Chrome 122.0 ‑ Integration | search-index > query: can filter on an array of primitive fields inside a containsMany using 'eq'

Chrome 123.0 ‑ Integration | card-editor: can create a specialized a new card to populate a linksTo field
Chrome 123.0 ‑ Integration | operator-mode: can create a specialized a new card to populate a linksTo field
Chrome 123.0 ‑ Integration | operator-mode: can create a specialized a new card to populate a linksToMany field
Chrome 123.0 ‑ Integration | search-index > query: can filter on an array of primitive fields inside a containsMany using 'eq'

♻️ This comment has been updated with latest results.

[backspace]

I don’t understand the exact triggers but I found when I initially pressed the button the container had the code out of view:

But then when I hid it and showed it again it was in view! It seems to me one shouldn’t have to scroll after choosing to show the code.

[backspace]

I tried this locally and it works well, I’ll leave it up to you whether the scrolling situation I commented with is worth addressing.

[backspace]

I didn’t know about this, nice 🤩

[burieberry]

I'll check the scroll. Yes I just found out about this property and liked it. However it may have caused the panel's right side alignment issue on percy, so I might revert this.