From cd91e8c07c94774f2fb8ca1665e6905205ca0061 Mon Sep 17 00:00:00 2001
From: ildar170975 <71872483+ildar170975@users.noreply.github.com>
Date: Mon, 14 Apr 2025 10:28:28 +0300
Subject: [PATCH] Use codemirror in dialog-import-blueprint (#25034)

* use codemirror

* hass not needed for codemirror

* fix uom for css var
---
 .../config/blueprint/dialog-import-blueprint.ts       | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/panels/config/blueprint/dialog-import-blueprint.ts b/src/panels/config/blueprint/dialog-import-blueprint.ts
index dcf38ce41c..bbf300c7be 100644
--- a/src/panels/config/blueprint/dialog-import-blueprint.ts
+++ b/src/panels/config/blueprint/dialog-import-blueprint.ts
@@ -10,6 +10,7 @@ import "../../../components/ha-alert";
 import "../../../components/ha-textfield";
 import "../../../components/ha-dialog";
 import "../../../components/ha-dialog-header";
+import "../../../components/ha-code-editor";
 import type { HaTextField } from "../../../components/ha-textfield";
 import type { BlueprintImportResult } from "../../../data/blueprint";
 import { importBlueprint, saveBlueprint } from "../../../data/blueprint";
@@ -109,7 +110,12 @@ class DialogImportBlueprint extends LitElement {
                     "ui.panel.config.blueprint.add.raw_blueprint"
                   )}
                 >
-                  <pre>${this._result.raw_data}</pre>
+                  <ha-code-editor
+                    mode="yaml"
+                    .value=${this._result.raw_data}
+                    read-only
+                    dir="ltr"
+                  ></ha-code-editor>
                 </ha-expansion-panel>
                 ${this._result?.exists
                   ? html`
@@ -274,6 +280,9 @@ class DialogImportBlueprint extends LitElement {
         --mdc-dialog-min-width: 90vw;
         --mdc-dialog-max-width: 90vw;
       }
+      ha-expansion-panel {
+        --expansion-panel-content-padding: 0px;
+      }
     `,
   ];
 }