revert ai assistant view-code container styles and add snapshot

Author: burieberry

packages/host/app/components/ai-assistant/message/index.gts

@@ -348,12 +348,7 @@ export default class AiAssistantMessage extends Component<Signature> {
         padding: var(--ai-assistant-message-padding, var(--boxel-sp));
       }
 
-      .is-from-assistant .content :deep(.message) {
-        padding: var(--ai-assistant-message-padding, var(--boxel-sp));
-      }
-
       .is-from-assistant .content {
-        padding: 0;
         background-color: var(--ai-bot-message-background-color);
         color: var(--boxel-light);
         /* the below font-smoothing options are only recommended for light-colored

packages/host/app/components/matrix/room-message-command.gts

@@ -279,21 +279,37 @@ export default class RoomMessageCommand extends Component<Signature> {
       .command-result-card-preview {
         margin-top: var(--boxel-sp);
       }
+      .preview-code {
+        --spacing: var(--boxel-sp-sm);
+        --fill-container-spacing: calc(
+          -1 * var(--ai-assistant-message-padding)
+        );
+        margin: var(--boxel-sp) var(--fill-container-spacing)
+          var(--fill-container-spacing) var(--fill-container-spacing);
+        padding: var(--spacing) 0;
+        background-color: var(--boxel-dark);
+      }
       .copy-to-clipboard-button {
         --boxel-button-font: 600 var(--boxel-font-xs);
         --boxel-button-padding: 0 var(--boxel-sp-xs);
+        --boxel-button-text-color: var(--boxel-highlight);
         --icon-color: var(--boxel-highlight);
         --icon-stroke-width: 2px;
         margin-left: var(--spacing);
         margin-bottom: var(--spacing);
         display: grid;
         grid-template-columns: auto 1fr;
         gap: var(--spacing);
+        filter: brightness(0.9);
       }
       .copy-to-clipboard-button:hover:not(:disabled) {
-        --boxel-button-text-color: var(--boxel-highlight);
         filter: brightness(1.1);
       }
+      .monaco-container {
+        height: var(--monaco-container-height);
+        min-height: 10rem;
+        max-height: 30vh;
+      }
       .header {
         --boxel-label-color: var(--boxel-450);
         --boxel-label-font: 600 var(--boxel-font-xs);

packages/host/tests/integration/components/ai-assistant-panel-test.gts

@@ -621,6 +621,7 @@ module('Integration | ai-assistant-panel', function (hooks) {
       'it can preview code when a change is proposed',
     );
     assert.dom('[data-test-copy-code]').isEnabled('copy button is available');
+    await percySnapshot(assert);
 
     await click('[data-test-view-code-button]');
     assert.dom('[data-test-code-editor]').doesNotExist();