From 929912ff2b167da2083ffa5f1b1843bcd3fc7b1e Mon Sep 17 00:00:00 2001
From: Denis Shulyaka <Shulyaka@gmail.com>
Date: Sun, 28 Jul 2024 15:18:55 +0300
Subject: [PATCH] Enable markdown formatting for voice command dialog

---
 .../voice-command-dialog/ha-voice-command-dialog.ts      | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts b/src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts
index 59e023723a4b..fabc54149309 100644
--- a/src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts
+++ b/src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts
@@ -27,6 +27,7 @@ import "../../components/ha-dialog";
 import "../../components/ha-dialog-header";
 import "../../components/ha-icon-button";
 import "../../components/ha-list-item";
+import "../../components/ha-markdown";
 import "../../components/ha-textfield";
 import type { HaTextField } from "../../components/ha-textfield";
 import {
@@ -215,10 +216,11 @@ export class HaVoiceCommandDialog extends LitElement {
         <div class="messages">
           <div class="messages-container" id="scroll-container">
             ${this._conversation!.map(
-              // New lines matter for messages
-              // prettier-ignore
               (message) => html`
-                <div class=${this._computeMessageClasses(message)}>${message.text}</div>
+                <div class=${this._computeMessageClasses(message)}>
+                  <ha-markdown breaks allowSvg .content=${message.text}>
+                  </ha-markdown>
+                </div>
               `
             )}
           </div>
@@ -750,7 +752,6 @@ export class HaVoiceCommandDialog extends LitElement {
           max-height: 100%;
         }
         .message {
-          white-space: pre-line;
           font-size: 18px;
           clear: both;
           margin: 8px 0;