more consistent formatting and ID scheme that works in indexer

Author: habdelra

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

@@ -33,16 +33,21 @@ export default class FormattedMessage extends Component<FormattedMessageSignatur
     {{/if}}
 
     <style scoped>
-      .message {
-        padding: var(--ai-assistant-message-padding, var(--boxel-sp));
-      }
-
       /* code blocks can be rendered inline and as blocks, 
          this is the styling for when it is rendered as a block */
       .message > :deep(.preview-code.code-block) {
         width: calc(100% + 2 * var(--boxel-sp));
       }
 
+      .message > :deep(*) {
+        margin-top: 0;
+        margin-bottom: 0;
+      }
+
+      .message > :deep(* + *) {
+        margin-top: var(--boxel-sp);
+      }
+
       :deep(.preview-code) {
         --spacing: var(--boxel-sp-sm);
         --fill-container-spacing: calc(

packages/runtime-common/marked-sync.ts

@@ -1,6 +1,6 @@
 import { marked } from 'marked';
 import { sanitizeHtml } from './dompurify-runtime';
-import { v4 as uuidv4 } from 'uuid';
+import { md5 } from 'super-fast-md5';
 
 const CODEBLOCK_KEY_PREFIX = 'codeblock_';
 
@@ -11,8 +11,8 @@ export function markedSync(markdown: string) {
         // If you are relying on codeblocks in your
         // markdown, please use the `CodeBlock` modifier to render the
         // markdown.
-        code(code, language) {
-          let id = `${CODEBLOCK_KEY_PREFIX}${uuidv4()}`;
+        code(code, language = '') {
+          let id = `${CODEBLOCK_KEY_PREFIX}${md5(Date.now() + language + code)}`;
           // we pass the code thru using localstorage instead of in the DOM,
           // that way we don't have to worry about escaping code. note that the
           // DOM wants to render "<template>" strings when we put them in the