diff --git a/build-scripts/gulp/app.js b/build-scripts/gulp/app.js
index e21802d8d5..3b4343a495 100644
--- a/build-scripts/gulp/app.js
+++ b/build-scripts/gulp/app.js
@@ -30,8 +30,8 @@ gulp.task(
     env.useWDS()
       ? "wds-watch-app"
       : env.useRollup()
-      ? "rollup-watch-app"
-      : "webpack-watch-app"
+        ? "rollup-watch-app"
+        : "webpack-watch-app"
   )
 );
 
diff --git a/build-scripts/webpack.cjs b/build-scripts/webpack.cjs
index 17f65387a3..dfcaa54256 100644
--- a/build-scripts/webpack.cjs
+++ b/build-scripts/webpack.cjs
@@ -51,8 +51,8 @@ const createWebpackConfig = ({
     devtool: isTestBuild
       ? false
       : isProdBuild
-      ? "nosources-source-map"
-      : "eval-cheap-module-source-map",
+        ? "nosources-source-map"
+        : "eval-cheap-module-source-map",
     entry,
     node: false,
     module: {
diff --git a/cast/src/launcher/layout/hc-cast.ts b/cast/src/launcher/layout/hc-cast.ts
index bdb15a3c9d..bc61a5cfd7 100644
--- a/cast/src/launcher/layout/hc-cast.ts
+++ b/cast/src/launcher/layout/hc-cast.ts
@@ -73,44 +73,44 @@ class HcCast extends LitElement {
         ${error
           ? html` <div class="card-content">${error}</div> `
           : !this.castManager.status
-          ? html`
-              <p class="center-item">
-                <mwc-button raised @click=${this._handleLaunch}>
-                  <ha-svg-icon .path=${mdiCast}></ha-svg-icon>
-                  Start Casting
-                </mwc-button>
-              </p>
-            `
-          : html`
-              <div class="section-header">PICK A VIEW</div>
-              <paper-listbox
-                attr-for-selected="data-path"
-                .selected=${this.castManager.status.lovelacePath || ""}
-              >
-                ${(
-                  this.lovelaceViews ?? [
-                    generateDefaultViewConfig({}, {}, {}, {}, () => ""),
-                  ]
-                ).map(
-                  (view, idx) => html`
-                    <paper-icon-item
-                      @click=${this._handlePickView}
-                      data-path=${view.path || idx}
-                    >
-                      ${view.icon
-                        ? html`
-                            <ha-icon
-                              .icon=${view.icon}
-                              slot="item-icon"
-                            ></ha-icon>
-                          `
-                        : ""}
-                      ${view.title || view.path}
-                    </paper-icon-item>
-                  `
-                )}
-              </paper-listbox>
-            `}
+            ? html`
+                <p class="center-item">
+                  <mwc-button raised @click=${this._handleLaunch}>
+                    <ha-svg-icon .path=${mdiCast}></ha-svg-icon>
+                    Start Casting
+                  </mwc-button>
+                </p>
+              `
+            : html`
+                <div class="section-header">PICK A VIEW</div>
+                <paper-listbox
+                  attr-for-selected="data-path"
+                  .selected=${this.castManager.status.lovelacePath || ""}
+                >
+                  ${(
+                    this.lovelaceViews ?? [
+                      generateDefaultViewConfig({}, {}, {}, {}, () => ""),
+                    ]
+                  ).map(
+                    (view, idx) => html`
+                      <paper-icon-item
+                        @click=${this._handlePickView}
+                        data-path=${view.path || idx}
+                      >
+                        ${view.icon
+                          ? html`
+                              <ha-icon
+                                .icon=${view.icon}
+                                slot="item-icon"
+                              ></ha-icon>
+                            `
+                          : ""}
+                        ${view.title || view.path}
+                      </paper-icon-item>
+                    `
+                  )}
+                </paper-listbox>
+              `}
         <div class="card-actions">
           ${this.castManager.status
             ? html`
diff --git a/cast/src/launcher/layout/hc-connect.ts b/cast/src/launcher/layout/hc-connect.ts
index 0173f99c3f..fa209cf9d6 100644
--- a/cast/src/launcher/layout/hc-connect.ts
+++ b/cast/src/launcher/layout/hc-connect.ts
@@ -33,13 +33,13 @@ const translateErr = (err) =>
   err === ERR_CANNOT_CONNECT
     ? "Unable to connect"
     : err === ERR_HASS_HOST_REQUIRED
-    ? "Please enter a Home Assistant URL."
-    : err === ERR_INVALID_HTTPS_TO_HTTP
-    ? html`
-        Cannot connect to Home Assistant instances over "http://".
-        ${seeFAQ("https")}
-      `
-    : `Unknown error (${err}).`;
+      ? "Please enter a Home Assistant URL."
+      : err === ERR_INVALID_HTTPS_TO_HTTP
+        ? html`
+            Cannot connect to Home Assistant instances over "http://".
+            ${seeFAQ("https")}
+          `
+        : `Unknown error (${err}).`;
 
 const INTRO = html`
   <p>
diff --git a/demo/src/stubs/recorder.ts b/demo/src/stubs/recorder.ts
index 7cc9439ab0..14b3c348ed 100644
--- a/demo/src/stubs/recorder.ts
+++ b/demo/src/stubs/recorder.ts
@@ -43,8 +43,8 @@ const generateMeanStatistics = (
       period === "day"
         ? addDays(currentDate, 1)
         : period === "month"
-        ? addMonths(currentDate, 1)
-        : addHours(currentDate, 1);
+          ? addMonths(currentDate, 1)
+          : addHours(currentDate, 1);
   }
   return statistics;
 };
@@ -80,8 +80,8 @@ const generateSumStatistics = (
       period === "day"
         ? addDays(currentDate, 1)
         : period === "month"
-        ? addMonths(currentDate, 1)
-        : addHours(currentDate, 1);
+          ? addMonths(currentDate, 1)
+          : addHours(currentDate, 1);
   }
   return statistics;
 };
diff --git a/hassio/src/addon-store/hassio-addon-repository.ts b/hassio/src/addon-store/hassio-addon-repository.ts
index 728668ebd9..38cd480298 100644
--- a/hassio/src/addon-store/hassio-addon-repository.ts
+++ b/hassio/src/addon-store/hassio-addon-repository.ts
@@ -86,15 +86,15 @@ export class HassioAddonRepositoryEl extends LitElement {
                           )
                         : this.supervisor.localize("addon.state.installed")
                       : addon.available
-                      ? this.supervisor.localize("addon.state.not_installed")
-                      : this.supervisor.localize("addon.state.not_available")}
+                        ? this.supervisor.localize("addon.state.not_installed")
+                        : this.supervisor.localize("addon.state.not_available")}
                     .iconClass=${addon.installed
                       ? addon.update_available
                         ? "update"
                         : "installed"
                       : !addon.available
-                      ? "not_available"
-                      : ""}
+                        ? "not_available"
+                        : ""}
                     .iconImage=${atLeastVersion(
                       this.hass.config.version,
                       0,
@@ -108,8 +108,8 @@ export class HassioAddonRepositoryEl extends LitElement {
                         ? "update"
                         : "installed"
                       : !addon.available
-                      ? "unavailable"
-                      : ""}
+                        ? "unavailable"
+                        : ""}
                   ></hassio-card-content>
                 </div>
               </ha-card>
diff --git a/hassio/src/addon-view/config/hassio-addon-config.ts b/hassio/src/addon-view/config/hassio-addon-config.ts
index 59c0e3fc63..f73b13f374 100644
--- a/hassio/src/addon-view/config/hassio-addon-config.ts
+++ b/hassio/src/addon-view/config/hassio-addon-config.ts
@@ -104,50 +104,50 @@ class HassioAddonConfig extends LitElement {
               selector: { select: { options: entry.options } },
             }
           : entry.type === "string"
-          ? entry.multiple
-            ? {
-                name: entry.name,
-                required: entry.required,
-                selector: {
-                  select: { options: [], multiple: true, custom_value: true },
-                },
-              }
-            : {
-                name: entry.name,
-                required: entry.required,
-                selector: {
-                  text: {
-                    type:
-                      entry.format || MASKED_FIELDS.includes(entry.name)
-                        ? "password"
-                        : "text",
+            ? entry.multiple
+              ? {
+                  name: entry.name,
+                  required: entry.required,
+                  selector: {
+                    select: { options: [], multiple: true, custom_value: true },
                   },
-                },
-              }
-          : entry.type === "boolean"
-          ? {
-              name: entry.name,
-              required: entry.required,
-              selector: { boolean: {} },
-            }
-          : entry.type === "schema"
-          ? {
-              name: entry.name,
-              required: entry.required,
-              selector: { object: {} },
-            }
-          : entry.type === "float" || entry.type === "integer"
-          ? {
-              name: entry.name,
-              required: entry.required,
-              selector: {
-                number: {
-                  mode: "box",
-                  step: entry.type === "float" ? "any" : undefined,
-                },
-              },
-            }
-          : entry
+                }
+              : {
+                  name: entry.name,
+                  required: entry.required,
+                  selector: {
+                    text: {
+                      type:
+                        entry.format || MASKED_FIELDS.includes(entry.name)
+                          ? "password"
+                          : "text",
+                    },
+                  },
+                }
+            : entry.type === "boolean"
+              ? {
+                  name: entry.name,
+                  required: entry.required,
+                  selector: { boolean: {} },
+                }
+              : entry.type === "schema"
+                ? {
+                    name: entry.name,
+                    required: entry.required,
+                    selector: { object: {} },
+                  }
+                : entry.type === "float" || entry.type === "integer"
+                  ? {
+                      name: entry.name,
+                      required: entry.required,
+                      selector: {
+                        number: {
+                          mode: "box",
+                          step: entry.type === "float" ? "any" : undefined,
+                        },
+                      },
+                    }
+                  : entry
       )
   );
 
diff --git a/hassio/src/components/supervisor-formfield-label.ts b/hassio/src/components/supervisor-formfield-label.ts
index 70daf3dcc8..c6986c714b 100644
--- a/hassio/src/components/supervisor-formfield-label.ts
+++ b/hassio/src/components/supervisor-formfield-label.ts
@@ -17,8 +17,11 @@ class SupervisorFormfieldLabel extends LitElement {
       ${this.imageUrl
         ? html`<img loading="lazy" alt="" src=${this.imageUrl} class="icon" />`
         : this.iconPath
-        ? html`<ha-svg-icon .path=${this.iconPath} class="icon"></ha-svg-icon>`
-        : ""}
+          ? html`<ha-svg-icon
+              .path=${this.iconPath}
+              class="icon"
+            ></ha-svg-icon>`
+          : ""}
       <span class="label">${this.label}</span>
       ${this.version
         ? html`<span class="version">(${this.version})</span>`
diff --git a/hassio/src/dashboard/hassio-addons.ts b/hassio/src/dashboard/hassio-addons.ts
index 6c9ce1d5f2..7b3c9d166f 100644
--- a/hassio/src/dashboard/hassio-addons.ts
+++ b/hassio/src/dashboard/hassio-addons.ts
@@ -68,17 +68,19 @@ class HassioAddons extends LitElement {
                         .iconTitle=${addon.state !== "started"
                           ? this.supervisor.localize("dashboard.addon_stopped")
                           : addon.update_available!
-                          ? this.supervisor.localize(
-                              "dashboard.addon_new_version"
-                            )
-                          : this.supervisor.localize("dashboard.addon_running")}
+                            ? this.supervisor.localize(
+                                "dashboard.addon_new_version"
+                              )
+                            : this.supervisor.localize(
+                                "dashboard.addon_running"
+                              )}
                         .iconClass=${addon.update_available
                           ? addon.state === "started"
                             ? "update"
                             : "update stopped"
                           : addon.state === "started"
-                          ? "running"
-                          : "stopped"}
+                            ? "running"
+                            : "stopped"}
                         .iconImage=${atLeastVersion(
                           this.hass.config.version,
                           0,
diff --git a/hassio/src/dialogs/datadisk/dialog-hassio-datadisk.ts b/hassio/src/dialogs/datadisk/dialog-hassio-datadisk.ts
index 3724d16533..bcc262c7ec 100644
--- a/hassio/src/dialogs/datadisk/dialog-hassio-datadisk.ts
+++ b/hassio/src/dialogs/datadisk/dialog-hassio-datadisk.ts
@@ -105,12 +105,12 @@ class HassioDatadiskDialog extends LitElement {
                     </ha-select>
                   `
                 : this.devices === undefined
-                ? this.dialogParams.supervisor.localize(
-                    "dialog.datadisk_move.loading_devices"
-                  )
-                : this.dialogParams.supervisor.localize(
-                    "dialog.datadisk_move.no_devices"
-                  )}
+                  ? this.dialogParams.supervisor.localize(
+                      "dialog.datadisk_move.loading_devices"
+                    )
+                  : this.dialogParams.supervisor.localize(
+                      "dialog.datadisk_move.no_devices"
+                    )}
 
               <mwc-button
                 slot="secondaryAction"
diff --git a/hassio/src/hassio-router.ts b/hassio/src/hassio-router.ts
index 93c0d8d28b..b100fccdbf 100644
--- a/hassio/src/hassio-router.ts
+++ b/hassio/src/hassio-router.ts
@@ -67,8 +67,8 @@ class HassioRouter extends HassRouterPage {
     const route = hassioPanel
       ? this.route
       : ingressPanel && this.panel.config?.ingress
-      ? this._ingressRoute(this.panel.config?.ingress)
-      : this.routeTail;
+        ? this._ingressRoute(this.panel.config?.ingress)
+        : this.routeTail;
 
     el.hass = this.hass;
     el.narrow = this.narrow;
diff --git a/hassio/src/system/hassio-supervisor-info.ts b/hassio/src/system/hassio-supervisor-info.ts
index d083bfb613..661757e0c1 100644
--- a/hassio/src/system/hassio-supervisor-info.ts
+++ b/hassio/src/system/hassio-supervisor-info.ts
@@ -109,19 +109,19 @@ class HassioSupervisorInfo extends LitElement {
                     </ha-progress-button>
                   `
                 : this.supervisor.supervisor.channel === "stable"
-                ? html`
-                    <ha-progress-button
-                      @click=${this._toggleBeta}
-                      .title=${this.supervisor.localize(
-                        "system.supervisor.join_beta_description"
-                      )}
-                    >
-                      ${this.supervisor.localize(
-                        "system.supervisor.join_beta_action"
-                      )}
-                    </ha-progress-button>
-                  `
-                : ""}
+                  ? html`
+                      <ha-progress-button
+                        @click=${this._toggleBeta}
+                        .title=${this.supervisor.localize(
+                          "system.supervisor.join_beta_description"
+                        )}
+                      >
+                        ${this.supervisor.localize(
+                          "system.supervisor.join_beta_action"
+                        )}
+                      </ha-progress-button>
+                    `
+                  : ""}
             </ha-settings-row>
 
             ${this.supervisor.supervisor.supported
diff --git a/hassio/src/update-available/update-available-card.ts b/hassio/src/update-available/update-available-card.ts
index c9fcb74d5e..7691368d43 100644
--- a/hassio/src/update-available/update-available-card.ts
+++ b/hassio/src/update-available/update-available-card.ts
@@ -70,8 +70,8 @@ const changelogUrl = (
     return version.includes("dev")
       ? "https://github.com/home-assistant/core/commits/dev"
       : version.includes("b")
-      ? "https://next.home-assistant.io/latest-release-notes/"
-      : "https://www.home-assistant.io/latest-release-notes/";
+        ? "https://next.home-assistant.io/latest-release-notes/"
+        : "https://www.home-assistant.io/latest-release-notes/";
   }
   if (entry === "os") {
     return version.includes("dev")
@@ -141,44 +141,47 @@ class UpdateAvailableCard extends LitElement {
                 })}
               </p>`
             : !this._updating
-            ? html`
-                ${this._changelogContent
-                  ? html`
-                      <ha-faded>
-                        <ha-markdown .content=${this._changelogContent}>
-                        </ha-markdown>
-                      </ha-faded>
-                    `
-                  : ""}
-                <div class="versions">
-                  <p>
-                    ${this.supervisor.localize("update_available.description", {
+              ? html`
+                  ${this._changelogContent
+                    ? html`
+                        <ha-faded>
+                          <ha-markdown .content=${this._changelogContent}>
+                          </ha-markdown>
+                        </ha-faded>
+                      `
+                    : ""}
+                  <div class="versions">
+                    <p>
+                      ${this.supervisor.localize(
+                        "update_available.description",
+                        {
+                          name: this._name,
+                          version: this._version,
+                          newest_version: this._version_latest,
+                        }
+                      )}
+                    </p>
+                  </div>
+                  ${["core", "addon"].includes(this._updateType)
+                    ? html`
+                        <ha-formfield
+                          .label=${this.supervisor.localize(
+                            "update_available.create_backup"
+                          )}
+                        >
+                          <ha-checkbox checked></ha-checkbox>
+                        </ha-formfield>
+                      `
+                    : ""}
+                `
+              : html`<ha-circular-progress alt="Updating" size="large" active>
+                  </ha-circular-progress>
+                  <p class="progress-text">
+                    ${this.supervisor.localize("update_available.updating", {
                       name: this._name,
-                      version: this._version,
-                      newest_version: this._version_latest,
+                      version: this._version_latest,
                     })}
-                  </p>
-                </div>
-                ${["core", "addon"].includes(this._updateType)
-                  ? html`
-                      <ha-formfield
-                        .label=${this.supervisor.localize(
-                          "update_available.create_backup"
-                        )}
-                      >
-                        <ha-checkbox checked></ha-checkbox>
-                      </ha-formfield>
-                    `
-                  : ""}
-              `
-            : html`<ha-circular-progress alt="Updating" size="large" active>
-                </ha-circular-progress>
-                <p class="progress-text">
-                  ${this.supervisor.localize("update_available.updating", {
-                    name: this._name,
-                    version: this._version_latest,
-                  })}
-                </p>`}
+                  </p>`}
         </div>
         ${this._version !== this._version_latest && !this._updating
           ? html`
diff --git a/package.json b/package.json
index f2fd19e2ad..be5366ddeb 100644
--- a/package.json
+++ b/package.json
@@ -229,7 +229,7 @@
     "object-hash": "3.0.0",
     "open": "9.1.0",
     "pinst": "3.0.0",
-    "prettier": "3.0.3",
+    "prettier": "3.1.0",
     "rollup": "2.79.1",
     "rollup-plugin-string": "3.0.0",
     "rollup-plugin-terser": "7.0.2",
diff --git a/src/auth/ha-auth-form-string.ts b/src/auth/ha-auth-form-string.ts
index aead80ac3e..a586f8cf4e 100644
--- a/src/auth/ha-auth-form-string.ts
+++ b/src/auth/ha-auth-form-string.ts
@@ -41,8 +41,8 @@ export class HaAuthFormString extends HaFormString {
         !this.isPassword
           ? this.stringType
           : this.unmaskedPassword
-          ? "text"
-          : "password"
+            ? "text"
+            : "password"
       }
         .label=${this.label}
         .value=${this.data || ""}
diff --git a/src/common/config/can_show_page.ts b/src/common/config/can_show_page.ts
index 6cf9999340..0e4fdd0ecd 100644
--- a/src/common/config/can_show_page.ts
+++ b/src/common/config/can_show_page.ts
@@ -10,10 +10,10 @@ const isLoadedIntegration = (hass: HomeAssistant, page: PageNavigation) =>
   page.component
     ? isComponentLoaded(hass, page.component)
     : page.components
-    ? page.components.some((integration) =>
-        isComponentLoaded(hass, integration)
-      )
-    : true;
+      ? page.components.some((integration) =>
+          isComponentLoaded(hass, integration)
+        )
+      : true;
 const isCore = (page: PageNavigation) => page.core;
 const isAdvancedPage = (page: PageNavigation) => page.advancedOnly;
 const userWantsAdvanced = (hass: HomeAssistant) => hass.userData?.showAdvanced;
diff --git a/src/common/dom/get_main_window.ts b/src/common/dom/get_main_window.ts
index f97d2f7b76..a2a5cca7b1 100644
--- a/src/common/dom/get_main_window.ts
+++ b/src/common/dom/get_main_window.ts
@@ -4,5 +4,5 @@ export const mainWindow =
   window.name === MAIN_WINDOW_NAME
     ? window
     : parent.name === MAIN_WINDOW_NAME
-    ? parent
-    : top!;
+      ? parent
+      : top!;
diff --git a/src/common/entity/compute_state_display.ts b/src/common/entity/compute_state_display.ts
index 9d116117b5..2216a65ec3 100644
--- a/src/common/entity/compute_state_display.ts
+++ b/src/common/entity/compute_state_display.ts
@@ -225,8 +225,8 @@ export const computeStateDisplayFromEntityAttributes = (
           : localize("ui.card.update.installing")
         : attributes.latest_version
       : attributes.skipped_version === attributes.latest_version
-      ? attributes.latest_version ?? localize("state.default.unavailable")
-      : localize("ui.card.update.up_to_date");
+        ? attributes.latest_version ?? localize("state.default.unavailable")
+        : localize("ui.card.update.up_to_date");
   }
 
   return (
diff --git a/src/common/entity/domain_icon.ts b/src/common/entity/domain_icon.ts
index 1ea45fa095..565358e9e4 100644
--- a/src/common/entity/domain_icon.ts
+++ b/src/common/entity/domain_icon.ts
@@ -100,8 +100,8 @@ export const domainIconWithoutDefault = (
       return compareState === "unavailable"
         ? mdiRobotConfused
         : compareState === "off"
-        ? mdiRobotOff
-        : mdiRobot;
+          ? mdiRobotOff
+          : mdiRobot;
 
     case "binary_sensor":
       return binarySensorIcon(compareState, stateObj);
diff --git a/src/components/buttons/ha-progress-button.ts b/src/components/buttons/ha-progress-button.ts
index 7b700895d7..1da70518fc 100644
--- a/src/components/buttons/ha-progress-button.ts
+++ b/src/components/buttons/ha-progress-button.ts
@@ -40,15 +40,15 @@ export class HaProgressButton extends LitElement {
               ${this._result === "success"
                 ? html`<ha-svg-icon .path=${mdiCheckBold}></ha-svg-icon>`
                 : this._result === "error"
-                ? html`<ha-svg-icon .path=${mdiAlertOctagram}></ha-svg-icon>`
-                : this.progress
-                ? html`
-                    <ha-circular-progress
-                      size="small"
-                      active
-                    ></ha-circular-progress>
-                  `
-                : ""}
+                  ? html`<ha-svg-icon .path=${mdiAlertOctagram}></ha-svg-icon>`
+                  : this.progress
+                    ? html`
+                        <ha-circular-progress
+                          size="small"
+                          active
+                        ></ha-circular-progress>
+                      `
+                    : ""}
             </div>
           `}
     `;
diff --git a/src/components/chart/state-history-chart-timeline.ts b/src/components/chart/state-history-chart-timeline.ts
index 0330fcb1f8..d1c535e23c 100644
--- a/src/components/chart/state-history-chart-timeline.ts
+++ b/src/components/chart/state-history-chart-timeline.ts
@@ -161,8 +161,8 @@ export class StateHistoryChartTimeline extends LitElement {
             const yWidth = this.showNames
               ? y.width ?? 0
               : computeRTL(this.hass)
-              ? 0
-              : y.left ?? 0;
+                ? 0
+                : y.left ?? 0;
             if (
               this._yWidth !== Math.floor(yWidth) &&
               y.ticks.length === this.data.length
diff --git a/src/components/chart/statistics-chart.ts b/src/components/chart/statistics-chart.ts
index 164637fc41..1914849be4 100644
--- a/src/components/chart/statistics-chart.ts
+++ b/src/components/chart/statistics-chart.ts
@@ -400,8 +400,8 @@ export class StatisticsChart extends LitElement {
               ? type === "min" && hasMean
                 ? "+1"
                 : type === "max"
-                ? "-1"
-                : false
+                  ? "-1"
+                  : false
               : false,
             borderColor:
               band && hasMean ? color + (this.hideLegend ? "00" : "7F") : color,
diff --git a/src/components/chart/timeline-chart/textbar-element.ts b/src/components/chart/timeline-chart/textbar-element.ts
index 9b766b0bb4..a9a26b1b40 100644
--- a/src/components/chart/timeline-chart/textbar-element.ts
+++ b/src/components/chart/timeline-chart/textbar-element.ts
@@ -40,8 +40,8 @@ export class TextBarElement extends BarElement {
       (options?.backgroundColor === "transparent"
         ? "transparent"
         : luminosity(hex2rgb(options.backgroundColor)) > 0.5
-        ? "#000"
-        : "#fff");
+          ? "#000"
+          : "#fff");
 
     // ctx.font = "12px arial";
     ctx.fillStyle = textColor;
diff --git a/src/components/entity/ha-state-label-badge.ts b/src/components/entity/ha-state-label-badge.ts
index b340893f06..f735452b6e 100644
--- a/src/components/entity/ha-state-label-badge.ts
+++ b/src/components/entity/ha-state-label-badge.ts
@@ -112,9 +112,9 @@ export class HaStateLabelBadge extends LitElement {
     const image = this.icon
       ? ""
       : this.image
-      ? this.image
-      : entityState.attributes.entity_picture_local ||
-        entityState.attributes.entity_picture;
+        ? this.image
+        : entityState.attributes.entity_picture_local ||
+          entityState.attributes.entity_picture;
     const value =
       !image && !showIcon
         ? this._computeValue(domain, entityState, entry)
@@ -186,12 +186,12 @@ export class HaStateLabelBadge extends LitElement {
           entityState.state === UNAVAILABLE
           ? "—"
           : isNumericState(entityState)
-          ? formatNumber(
-              entityState.state,
-              this.hass!.locale,
-              getNumberFormatOptions(entityState, entry)
-            )
-          : this.hass!.formatEntityState(entityState);
+            ? formatNumber(
+                entityState.state,
+                this.hass!.locale,
+                getNumberFormatOptions(entityState, entry)
+              )
+            : this.hass!.formatEntityState(entityState);
     }
   }
 
diff --git a/src/components/ha-camera-stream.ts b/src/components/ha-camera-stream.ts
index 82c3b56d47..d17ca1f2c4 100644
--- a/src/components/ha-camera-stream.ts
+++ b/src/components/ha-camera-stream.ts
@@ -85,8 +85,8 @@ export class HaCameraStream extends LitElement {
         .src=${__DEMO__
           ? this.stateObj.attributes.entity_picture!
           : this._connected
-          ? computeMJPEGStreamUrl(this.stateObj)
-          : ""}
+            ? computeMJPEGStreamUrl(this.stateObj)
+            : ""}
         .alt=${`Preview of the ${computeStateName(this.stateObj)} camera.`}
       />`;
     }
diff --git a/src/components/ha-control-circular-slider.ts b/src/components/ha-control-circular-slider.ts
index af9a7cf469..fb2ef373d5 100644
--- a/src/components/ha-control-circular-slider.ts
+++ b/src/components/ha-control-circular-slider.ts
@@ -436,8 +436,8 @@ export class HaControlCircularSlider extends LitElement {
       mode === "end"
         ? target <= current
         : mode === "start"
-        ? current <= target
-        : false;
+          ? current <= target
+          : false;
 
     const showTarget = value != null;
 
@@ -453,8 +453,8 @@ export class HaControlCircularSlider extends LitElement {
       mode === "full"
         ? this._strokeDashArc(this.min, this.max)
         : mode === "end"
-        ? this._strokeDashArc(target, limit)
-        : this._strokeDashArc(limit, target);
+          ? this._strokeDashArc(target, limit)
+          : this._strokeDashArc(limit, target);
 
     const targetCircle = showTarget
       ? this._strokeCircleDashArc(target)
diff --git a/src/components/ha-control-select-menu.ts b/src/components/ha-control-select-menu.ts
index 04422d890e..78ffa238db 100644
--- a/src/components/ha-control-select-menu.ts
+++ b/src/components/ha-control-select-menu.ts
@@ -129,8 +129,8 @@ export class HaControlSelectMenu extends SelectBase {
         ${icon && "path" in icon
           ? html`<ha-svg-icon .path=${icon.path}></ha-svg-icon>`
           : icon && "icon" in icon
-          ? html`<ha-icon .path=${icon.icon}></ha-icon>`
-          : html`<slot name="icon"></slot>`}
+            ? html`<ha-icon .path=${icon.icon}></ha-icon>`
+            : html`<slot name="icon"></slot>`}
       </div>
     `;
   }
diff --git a/src/components/ha-control-select.ts b/src/components/ha-control-select.ts
index 04ff1f9f2c..91c740d0e5 100644
--- a/src/components/ha-control-select.ts
+++ b/src/components/ha-control-select.ts
@@ -184,8 +184,8 @@ export class HaControlSelect extends LitElement {
           ${option.path
             ? html`<ha-svg-icon .path=${option.path}></ha-svg-icon>`
             : option.icon
-            ? html`<ha-icon .icon=${option.icon}></ha-icon> `
-            : nothing}
+              ? html`<ha-icon .icon=${option.icon}></ha-icon> `
+              : nothing}
           ${option.label && !this.hideLabel
             ? html`<span>${option.label}</span>`
             : nothing}
diff --git a/src/components/ha-control-switch.ts b/src/components/ha-control-switch.ts
index 759ee93f9d..ef2968b69a 100644
--- a/src/components/ha-control-switch.ts
+++ b/src/components/ha-control-switch.ts
@@ -147,8 +147,8 @@ export class HaControlSwitch extends LitElement {
               ? html`<ha-svg-icon .path=${this.pathOn}></ha-svg-icon>`
               : html`<slot name="icon-on"></slot>`
             : this.pathOff
-            ? html`<ha-svg-icon .path=${this.pathOff}></ha-svg-icon>`
-            : html`<slot name="icon-off"></slot>`}
+              ? html`<ha-svg-icon .path=${this.pathOff}></ha-svg-icon>`
+              : html`<slot name="icon-off"></slot>`}
         </div>
       </div>
     `;
diff --git a/src/components/ha-file-upload.ts b/src/components/ha-file-upload.ts
index cc0e97a29c..2b741a1c19 100644
--- a/src/components/ha-file-upload.ts
+++ b/src/components/ha-file-upload.ts
@@ -112,40 +112,40 @@ export class HaFileUpload extends LitElement {
                   >
                   <span class="supports">${this.supports}</span>`
               : typeof this.value === "string"
-              ? html`<div class="row">
-                  <div class="value" @click=${this._openFilePicker}>
-                    <ha-svg-icon
-                      .path=${this.icon || mdiFileUpload}
-                    ></ha-svg-icon>
-                    ${this.value}
-                  </div>
-                  <ha-icon-button
-                    @click=${this._clearValue}
-                    .label=${this.hass?.localize("ui.common.delete") ||
-                    "Delete"}
-                    .path=${mdiDelete}
-                  ></ha-icon-button>
-                </div>`
-              : (this.value instanceof FileList
-                  ? Array.from(this.value)
-                  : ensureArray(this.value)
-                ).map(
-                  (file) =>
-                    html`<div class="row">
-                      <div class="value" @click=${this._openFilePicker}>
-                        <ha-svg-icon
-                          .path=${this.icon || mdiFileUpload}
-                        ></ha-svg-icon>
-                        ${file.name} - ${bytesToString(file.size)}
-                      </div>
-                      <ha-icon-button
-                        @click=${this._clearValue}
-                        .label=${this.hass?.localize("ui.common.delete") ||
-                        "Delete"}
-                        .path=${mdiDelete}
-                      ></ha-icon-button>
-                    </div>`
-                )}
+                ? html`<div class="row">
+                    <div class="value" @click=${this._openFilePicker}>
+                      <ha-svg-icon
+                        .path=${this.icon || mdiFileUpload}
+                      ></ha-svg-icon>
+                      ${this.value}
+                    </div>
+                    <ha-icon-button
+                      @click=${this._clearValue}
+                      .label=${this.hass?.localize("ui.common.delete") ||
+                      "Delete"}
+                      .path=${mdiDelete}
+                    ></ha-icon-button>
+                  </div>`
+                : (this.value instanceof FileList
+                    ? Array.from(this.value)
+                    : ensureArray(this.value)
+                  ).map(
+                    (file) =>
+                      html`<div class="row">
+                        <div class="value" @click=${this._openFilePicker}>
+                          <ha-svg-icon
+                            .path=${this.icon || mdiFileUpload}
+                          ></ha-svg-icon>
+                          ${file.name} - ${bytesToString(file.size)}
+                        </div>
+                        <ha-icon-button
+                          @click=${this._clearValue}
+                          .label=${this.hass?.localize("ui.common.delete") ||
+                          "Delete"}
+                          .path=${mdiDelete}
+                        ></ha-icon-button>
+                      </div>`
+                  )}
             <input
               id="input"
               type="file"
diff --git a/src/components/ha-form/ha-form-expandable.ts b/src/components/ha-form/ha-form-expandable.ts
index 2c4892efdd..79ed2162dd 100644
--- a/src/components/ha-form/ha-form-expandable.ts
+++ b/src/components/ha-form/ha-form-expandable.ts
@@ -37,8 +37,10 @@ export class HaFormExpendable extends LitElement implements HaFormElement {
           ${this.schema.icon
             ? html` <ha-icon .icon=${this.schema.icon}></ha-icon> `
             : this.schema.iconPath
-            ? html` <ha-svg-icon .path=${this.schema.iconPath}></ha-svg-icon> `
-            : nothing}
+              ? html`
+                  <ha-svg-icon .path=${this.schema.iconPath}></ha-svg-icon>
+                `
+              : nothing}
           ${this.schema.title}
         </div>
         <div class="content">
diff --git a/src/components/ha-form/ha-form-string.ts b/src/components/ha-form/ha-form-string.ts
index c26fe6de26..ca9b7b9858 100644
--- a/src/components/ha-form/ha-form-string.ts
+++ b/src/components/ha-form/ha-form-string.ts
@@ -53,8 +53,8 @@ export class HaFormString extends LitElement implements HaFormElement {
         .type=${!this.isPassword
           ? this.stringType
           : this.unmaskedPassword
-          ? "text"
-          : "password"}
+            ? "text"
+            : "password"}
         .label=${this.label}
         .value=${this.data || ""}
         .helper=${this.helper}
diff --git a/src/components/ha-form/ha-form.ts b/src/components/ha-form/ha-form.ts
index 68f34f7bd2..9fcc82aff6 100644
--- a/src/components/ha-form/ha-form.ts
+++ b/src/components/ha-form/ha-form.ts
@@ -115,12 +115,12 @@ export class HaForm extends LitElement implements HaFormElement {
                   </ha-alert>
                 `
               : warning
-              ? html`
-                  <ha-alert own-margin alert-type="warning">
-                    ${this._computeWarning(warning, item)}
-                  </ha-alert>
-                `
-              : ""}
+                ? html`
+                    <ha-alert own-margin alert-type="warning">
+                      ${this._computeWarning(warning, item)}
+                    </ha-alert>
+                  `
+                : ""}
             ${"selector" in item
               ? html`<ha-selector
                   .schema=${item}
@@ -204,8 +204,8 @@ export class HaForm extends LitElement implements HaFormElement {
     return this.computeLabel
       ? this.computeLabel(schema, data)
       : schema
-      ? schema.name
-      : "";
+        ? schema.name
+        : "";
   }
 
   private _computeHelper(schema: HaFormSchema) {
diff --git a/src/components/ha-gauge.ts b/src/components/ha-gauge.ts
index e6faa19773..53b573dc47 100644
--- a/src/components/ha-gauge.ts
+++ b/src/components/ha-gauge.ts
@@ -141,8 +141,8 @@ export class Gauge extends LitElement {
             this._segment_label
               ? ""
               : this.label === "%"
-              ? blankBeforePercent(this.locale) + "%"
-              : ` ${this.label}`
+                ? blankBeforePercent(this.locale) + "%"
+                : ` ${this.label}`
           }
         </text>
       </svg>`;
diff --git a/src/components/ha-icon-overflow-menu.ts b/src/components/ha-icon-overflow-menu.ts
index 8797dcb4c7..e8d48ea67e 100644
--- a/src/components/ha-icon-overflow-menu.ts
+++ b/src/components/ha-icon-overflow-menu.ts
@@ -71,23 +71,23 @@ export class HaIconOverflowMenu extends LitElement {
               item.narrowOnly
                 ? ""
                 : item.divider
-                ? html`<div role="separator"></div>`
-                : html`<div>
-                    ${item.tooltip
-                      ? html`<simple-tooltip
-                          animation-delay="0"
-                          position="left"
-                        >
-                          ${item.tooltip}
-                        </simple-tooltip>`
-                      : ""}
-                    <ha-icon-button
-                      @click=${item.action}
-                      .label=${item.label}
-                      .path=${item.path}
-                      ?disabled=${item.disabled}
-                    ></ha-icon-button>
-                  </div> `
+                  ? html`<div role="separator"></div>`
+                  : html`<div>
+                      ${item.tooltip
+                        ? html`<simple-tooltip
+                            animation-delay="0"
+                            position="left"
+                          >
+                            ${item.tooltip}
+                          </simple-tooltip>`
+                        : ""}
+                      <ha-icon-button
+                        @click=${item.action}
+                        .label=${item.label}
+                        .path=${item.path}
+                        ?disabled=${item.disabled}
+                      ></ha-icon-button>
+                    </div> `
             )}
           `}
     `;
diff --git a/src/components/ha-icon-picker.ts b/src/components/ha-icon-picker.ts
index b91016bb7a..786618cc40 100644
--- a/src/components/ha-icon-picker.ts
+++ b/src/components/ha-icon-picker.ts
@@ -120,11 +120,11 @@ export class HaIconPicker extends LitElement {
               </ha-icon>
             `
           : this.fallbackPath
-          ? html`<ha-svg-icon
-              .path=${this.fallbackPath}
-              slot="icon"
-            ></ha-svg-icon>`
-          : ""}
+            ? html`<ha-svg-icon
+                .path=${this.fallbackPath}
+                slot="icon"
+              ></ha-svg-icon>`
+            : ""}
       </ha-combo-box>
     `;
   }
diff --git a/src/components/ha-mount-picker.ts b/src/components/ha-mount-picker.ts
index 6a35dea416..786f4952be 100644
--- a/src/components/ha-mount-picker.ts
+++ b/src/components/ha-mount-picker.ts
@@ -96,8 +96,8 @@ class HaMountPicker extends LitElement {
                 .path=${mount.usage === SupervisorMountUsage.MEDIA
                   ? mdiPlayBox
                   : mount.usage === SupervisorMountUsage.SHARE
-                  ? mdiFolder
-                  : mdiBackupRestore}
+                    ? mdiFolder
+                    : mdiBackupRestore}
               ></ha-svg-icon>
             </ha-list-item>`
         )}
diff --git a/src/components/ha-selector/ha-selector-media.ts b/src/components/ha-selector/ha-selector-media.ts
index bd45f5dec1..e9149a6b1c 100644
--- a/src/components/ha-selector/ha-selector-media.ts
+++ b/src/components/ha-selector/ha-selector-media.ts
@@ -145,13 +145,13 @@ export class HaMediaSelector extends LitElement {
                         .path=${!this.value?.media_content_id
                           ? mdiPlus
                           : this.value?.metadata?.media_class
-                          ? MediaClassBrowserSettings[
-                              this.value.metadata.media_class === "directory"
-                                ? this.value.metadata.children_media_class ||
-                                  this.value.metadata.media_class
-                                : this.value.metadata.media_class
-                            ].icon
-                          : mdiPlayBox}
+                            ? MediaClassBrowserSettings[
+                                this.value.metadata.media_class === "directory"
+                                  ? this.value.metadata.children_media_class ||
+                                    this.value.metadata.media_class
+                                  : this.value.metadata.media_class
+                              ].icon
+                            : mdiPlayBox}
                       ></ha-svg-icon>
                     </div>
                   `}
diff --git a/src/components/ha-service-control.ts b/src/components/ha-service-control.ts
index 5abd368056..a099b02d36 100644
--- a/src/components/ha-service-control.ts
+++ b/src/components/ha-service-control.ts
@@ -414,17 +414,17 @@ export class HaServiceControl extends LitElement {
             ></ha-selector
           ></ha-settings-row>`
         : entityId
-        ? html`<ha-entity-picker
-            .hass=${this.hass}
-            .disabled=${this.disabled}
-            .value=${this._value?.data?.entity_id}
-            .label=${this.hass.localize(
-              `component.${domain}.services.${serviceName}.fields.entity_id.description`
-            ) || entityId.description}
-            @value-changed=${this._entityPicked}
-            allow-custom-entity
-          ></ha-entity-picker>`
-        : ""}
+          ? html`<ha-entity-picker
+              .hass=${this.hass}
+              .disabled=${this.disabled}
+              .value=${this._value?.data?.entity_id}
+              .label=${this.hass.localize(
+                `component.${domain}.services.${serviceName}.fields.entity_id.description`
+              ) || entityId.description}
+              @value-changed=${this._entityPicked}
+              allow-custom-entity
+            ></ha-entity-picker>`
+          : ""}
       ${shouldRenderServiceDataYaml
         ? html`<ha-yaml-editor
             .hass=${this.hass}
diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index 454461b5ce..50b5e1cba9 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -425,8 +425,8 @@ class HaSidebar extends SubscribeMixin(LitElement) {
         panel.url_path === this.hass.defaultPanel && !panel.icon
           ? PANEL_ICONS.lovelace
           : panel.url_path in PANEL_ICONS
-          ? PANEL_ICONS[panel.url_path]
-          : undefined
+            ? PANEL_ICONS[panel.url_path]
+            : undefined
       )
     );
   }
@@ -499,11 +499,14 @@ class HaSidebar extends SubscribeMixin(LitElement) {
                   .path=${PANEL_ICONS.lovelace}
                 ></ha-svg-icon>`
               : panel.url_path in PANEL_ICONS
-              ? html`<ha-svg-icon
-                  slot="item-icon"
-                  .path=${PANEL_ICONS[panel.url_path]}
-                ></ha-svg-icon>`
-              : html`<ha-icon slot="item-icon" .icon=${panel.icon}></ha-icon>`}
+                ? html`<ha-svg-icon
+                    slot="item-icon"
+                    .path=${PANEL_ICONS[panel.url_path]}
+                  ></ha-svg-icon>`
+                : html`<ha-icon
+                    slot="item-icon"
+                    .icon=${panel.icon}
+                  ></ha-icon>`}
             <span class="item-text"
               >${panel.url_path === this.hass.defaultPanel
                 ? this.hass.localize("panel.states")
diff --git a/src/components/ha-target-picker.ts b/src/components/ha-target-picker.ts
index 08261c5793..549fa02320 100644
--- a/src/components/ha-target-picker.ts
+++ b/src/components/ha-target-picker.ts
@@ -303,40 +303,40 @@ export class HaTargetPicker extends LitElement {
             ></ha-area-picker>
           `
         : this._addMode === "device_id"
-        ? html`
-            <ha-device-picker
-              .hass=${this.hass}
-              id="input"
-              .type=${"device_id"}
-              .label=${this.hass.localize(
-                "ui.components.target-picker.add_device_id"
-              )}
-              .deviceFilter=${this.deviceFilter}
-              .entityFilter=${this.entityFilter}
-              .includeDeviceClasses=${this.includeDeviceClasses}
-              .includeDomains=${this.includeDomains}
-              .excludeDevices=${ensureArray(this.value?.device_id)}
-              @value-changed=${this._targetPicked}
-              @click=${this._preventDefault}
-            ></ha-device-picker>
-          `
-        : html`
-            <ha-entity-picker
-              .hass=${this.hass}
-              id="input"
-              .type=${"entity_id"}
-              .label=${this.hass.localize(
-                "ui.components.target-picker.add_entity_id"
-              )}
-              .entityFilter=${this.entityFilter}
-              .includeDeviceClasses=${this.includeDeviceClasses}
-              .includeDomains=${this.includeDomains}
-              .excludeEntities=${ensureArray(this.value?.entity_id)}
-              @value-changed=${this._targetPicked}
-              @click=${this._preventDefault}
-              allow-custom-entity
-            ></ha-entity-picker>
-          `}</mwc-menu-surface
+          ? html`
+              <ha-device-picker
+                .hass=${this.hass}
+                id="input"
+                .type=${"device_id"}
+                .label=${this.hass.localize(
+                  "ui.components.target-picker.add_device_id"
+                )}
+                .deviceFilter=${this.deviceFilter}
+                .entityFilter=${this.entityFilter}
+                .includeDeviceClasses=${this.includeDeviceClasses}
+                .includeDomains=${this.includeDomains}
+                .excludeDevices=${ensureArray(this.value?.device_id)}
+                @value-changed=${this._targetPicked}
+                @click=${this._preventDefault}
+              ></ha-device-picker>
+            `
+          : html`
+              <ha-entity-picker
+                .hass=${this.hass}
+                id="input"
+                .type=${"entity_id"}
+                .label=${this.hass.localize(
+                  "ui.components.target-picker.add_entity_id"
+                )}
+                .entityFilter=${this.entityFilter}
+                .includeDeviceClasses=${this.includeDeviceClasses}
+                .includeDomains=${this.includeDomains}
+                .excludeEntities=${ensureArray(this.value?.entity_id)}
+                @value-changed=${this._targetPicked}
+                @click=${this._preventDefault}
+                allow-custom-entity
+              ></ha-entity-picker>
+            `}</mwc-menu-surface
     >`;
   }
 
diff --git a/src/components/media-player/dialog-media-manage.ts b/src/components/media-player/dialog-media-manage.ts
index 1481586382..6707cf03c0 100644
--- a/src/components/media-player/dialog-media-manage.ts
+++ b/src/components/media-player/dialog-media-manage.ts
@@ -151,54 +151,54 @@ class DialogMediaManage extends LitElement {
               </div>
             `
           : !children.length
-          ? html`<div class="no-items">
-              <p>
-                ${this.hass.localize(
-                  "ui.components.media-browser.file_management.no_items"
-                )}
-              </p>
-              ${this._currentItem?.children?.length
-                ? html`<span class="folders"
-                    >${this.hass.localize(
-                      "ui.components.media-browser.file_management.folders_not_supported"
-                    )}</span
-                  >`
-                : ""}
-            </div>`
-          : html`
-              <mwc-list multi @selected=${this._handleSelected}>
-                ${repeat(
-                  children,
-                  (item) => item.media_content_id,
-                  (item) => {
-                    const icon = html`
-                      <ha-svg-icon
-                        slot="graphic"
-                        .path=${MediaClassBrowserSettings[
-                          item.media_class === "directory"
-                            ? item.children_media_class || item.media_class
-                            : item.media_class
-                        ].icon}
-                      ></ha-svg-icon>
-                    `;
-                    return html`
-                      <ha-check-list-item
-                        ${animate({
-                          id: item.media_content_id,
-                          skipInitial: true,
-                        })}
-                        graphic="icon"
-                        .disabled=${this._uploading || this._deleting}
-                        .selected=${this._selected.has(fileIndex++)}
-                        .item=${item}
-                      >
-                        ${icon} ${item.title}
-                      </ha-check-list-item>
-                    `;
-                  }
-                )}
-              </mwc-list>
-            `}
+            ? html`<div class="no-items">
+                <p>
+                  ${this.hass.localize(
+                    "ui.components.media-browser.file_management.no_items"
+                  )}
+                </p>
+                ${this._currentItem?.children?.length
+                  ? html`<span class="folders"
+                      >${this.hass.localize(
+                        "ui.components.media-browser.file_management.folders_not_supported"
+                      )}</span
+                    >`
+                  : ""}
+              </div>`
+            : html`
+                <mwc-list multi @selected=${this._handleSelected}>
+                  ${repeat(
+                    children,
+                    (item) => item.media_content_id,
+                    (item) => {
+                      const icon = html`
+                        <ha-svg-icon
+                          slot="graphic"
+                          .path=${MediaClassBrowserSettings[
+                            item.media_class === "directory"
+                              ? item.children_media_class || item.media_class
+                              : item.media_class
+                          ].icon}
+                        ></ha-svg-icon>
+                      `;
+                      return html`
+                        <ha-check-list-item
+                          ${animate({
+                            id: item.media_content_id,
+                            skipInitial: true,
+                          })}
+                          graphic="icon"
+                          .disabled=${this._uploading || this._deleting}
+                          .selected=${this._selected.has(fileIndex++)}
+                          .item=${item}
+                        >
+                          ${icon} ${item.title}
+                        </ha-check-list-item>
+                      `;
+                    }
+                  )}
+                </mwc-list>
+              `}
         ${isComponentLoaded(this.hass, "hassio")
           ? html`<ha-tip .hass=${this.hass}>
               ${this.hass.localize(
diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 525befc13d..fabad8b828 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -445,107 +445,109 @@ export class HaMediaPlayerBrowse extends LitElement {
                     </div>
                   `
                 : isTTSMediaSource(currentItem.media_content_id)
-                ? html`
-                    <ha-browse-media-tts
-                      .item=${currentItem}
-                      .hass=${this.hass}
-                      .action=${this.action}
-                      @tts-picked=${this._ttsPicked}
-                    ></ha-browse-media-tts>
-                  `
-                : !children.length && !currentItem.not_shown
-                ? html`
-                    <div class="container no-items">
-                      ${currentItem.media_content_id ===
-                      "media-source://media_source/local/."
-                        ? html`
-                            <div class="highlight-add-button">
-                              <span>
-                                <ha-svg-icon
-                                  .path=${mdiArrowUpRight}
-                                ></ha-svg-icon>
-                              </span>
-                              <span>
-                                ${this.hass.localize(
-                                  "ui.components.media-browser.file_management.highlight_button"
-                                )}
-                              </span>
-                            </div>
-                          `
-                        : this.hass.localize(
-                            "ui.components.media-browser.no_items"
-                          )}
-                    </div>
-                  `
-                : childrenMediaClass.layout === "grid"
-                ? html`
-                    <lit-virtualizer
-                      scroller
-                      .layout=${grid({
-                        itemSize: {
-                          width: "175px",
-                          height:
-                            childrenMediaClass.thumbnail_ratio === "portrait"
-                              ? "312px"
-                              : "225px",
-                        },
-                        gap: "16px",
-                        flex: { preserve: "aspect-ratio" },
-                        justify: "space-evenly",
-                        direction: "vertical",
-                      })}
-                      .items=${children}
-                      .renderItem=${this._renderGridItem}
-                      class="children ${classMap({
-                        portrait:
-                          childrenMediaClass.thumbnail_ratio === "portrait",
-                        not_shown: !!currentItem.not_shown,
-                      })}"
-                    ></lit-virtualizer>
-                    ${currentItem.not_shown
-                      ? html`
-                          <div class="grid not-shown">
-                            <div class="title">
-                              ${this.hass.localize(
-                                "ui.components.media-browser.not_shown",
-                                { count: currentItem.not_shown }
+                  ? html`
+                      <ha-browse-media-tts
+                        .item=${currentItem}
+                        .hass=${this.hass}
+                        .action=${this.action}
+                        @tts-picked=${this._ttsPicked}
+                      ></ha-browse-media-tts>
+                    `
+                  : !children.length && !currentItem.not_shown
+                    ? html`
+                        <div class="container no-items">
+                          ${currentItem.media_content_id ===
+                          "media-source://media_source/local/."
+                            ? html`
+                                <div class="highlight-add-button">
+                                  <span>
+                                    <ha-svg-icon
+                                      .path=${mdiArrowUpRight}
+                                    ></ha-svg-icon>
+                                  </span>
+                                  <span>
+                                    ${this.hass.localize(
+                                      "ui.components.media-browser.file_management.highlight_button"
+                                    )}
+                                  </span>
+                                </div>
+                              `
+                            : this.hass.localize(
+                                "ui.components.media-browser.no_items"
                               )}
-                            </div>
-                          </div>
+                        </div>
+                      `
+                    : childrenMediaClass.layout === "grid"
+                      ? html`
+                          <lit-virtualizer
+                            scroller
+                            .layout=${grid({
+                              itemSize: {
+                                width: "175px",
+                                height:
+                                  childrenMediaClass.thumbnail_ratio ===
+                                  "portrait"
+                                    ? "312px"
+                                    : "225px",
+                              },
+                              gap: "16px",
+                              flex: { preserve: "aspect-ratio" },
+                              justify: "space-evenly",
+                              direction: "vertical",
+                            })}
+                            .items=${children}
+                            .renderItem=${this._renderGridItem}
+                            class="children ${classMap({
+                              portrait:
+                                childrenMediaClass.thumbnail_ratio ===
+                                "portrait",
+                              not_shown: !!currentItem.not_shown,
+                            })}"
+                          ></lit-virtualizer>
+                          ${currentItem.not_shown
+                            ? html`
+                                <div class="grid not-shown">
+                                  <div class="title">
+                                    ${this.hass.localize(
+                                      "ui.components.media-browser.not_shown",
+                                      { count: currentItem.not_shown }
+                                    )}
+                                  </div>
+                                </div>
+                              `
+                            : ""}
+                        `
+                      : html`
+                          <mwc-list>
+                            <lit-virtualizer
+                              scroller
+                              .items=${children}
+                              style=${styleMap({
+                                height: `${children.length * 72 + 26}px`,
+                              })}
+                              .renderItem=${this._renderListItem}
+                            ></lit-virtualizer>
+                            ${currentItem.not_shown
+                              ? html`
+                                  <mwc-list-item
+                                    noninteractive
+                                    class="not-shown"
+                                    .graphic=${mediaClass.show_list_images
+                                      ? "medium"
+                                      : "avatar"}
+                                    dir=${computeRTLDirection(this.hass)}
+                                  >
+                                    <span class="title">
+                                      ${this.hass.localize(
+                                        "ui.components.media-browser.not_shown",
+                                        { count: currentItem.not_shown }
+                                      )}
+                                    </span>
+                                  </mwc-list-item>
+                                `
+                              : ""}
+                          </mwc-list>
                         `
-                      : ""}
-                  `
-                : html`
-                    <mwc-list>
-                      <lit-virtualizer
-                        scroller
-                        .items=${children}
-                        style=${styleMap({
-                          height: `${children.length * 72 + 26}px`,
-                        })}
-                        .renderItem=${this._renderListItem}
-                      ></lit-virtualizer>
-                      ${currentItem.not_shown
-                        ? html`
-                            <mwc-list-item
-                              noninteractive
-                              class="not-shown"
-                              .graphic=${mediaClass.show_list_images
-                                ? "medium"
-                                : "avatar"}
-                              dir=${computeRTLDirection(this.hass)}
-                            >
-                              <span class="title">
-                                ${this.hass.localize(
-                                  "ui.components.media-browser.not_shown",
-                                  { count: currentItem.not_shown }
-                                )}
-                              </span>
-                            </mwc-list-item>
-                          `
-                        : ""}
-                    </mwc-list>
-                  `
             }
           </div>
         </div>
diff --git a/src/components/trace/ha-trace-path-details.ts b/src/components/trace/ha-trace-path-details.ts
index fe963622f7..46f4a7a23e 100644
--- a/src/components/trace/ha-trace-path-details.ts
+++ b/src/components/trace/ha-trace-path-details.ts
@@ -62,8 +62,8 @@ export class HaTracePathDetails extends LitElement {
       ${this._view === "config"
         ? this._renderSelectedConfig()
         : this._view === "changed_variables"
-        ? this._renderChangedVars()
-        : this._renderLogbook()}
+          ? this._renderChangedVars()
+          : this._renderLogbook()}
     `;
   }
 
@@ -134,8 +134,8 @@ export class HaTracePathDetails extends LitElement {
               ? html`Result:
                   <pre>${dump(result)}</pre>`
               : error
-              ? html`<div class="error">Error: ${error}</div>`
-              : ""}
+                ? html`<div class="error">Error: ${error}</div>`
+                : ""}
             ${Object.keys(rest).length === 0
               ? ""
               : html`<pre>${dump(rest)}</pre>`}
diff --git a/src/data/automation_i18n.ts b/src/data/automation_i18n.ts
index 3e6656d5d8..cfc22189fb 100644
--- a/src/data/automation_i18n.ts
+++ b/src/data/automation_i18n.ts
@@ -389,8 +389,8 @@ const tryDescribeTrigger = (
       typeof at !== "string"
         ? at
         : at.includes(".")
-        ? `entity ${hass.states[at] ? computeStateName(hass.states[at]) : at}`
-        : localizeTimeString(at, hass.locale, hass.config)
+          ? `entity ${hass.states[at] ? computeStateName(hass.states[at]) : at}`
+          : localizeTimeString(at, hass.locale, hass.config)
     );
 
     return hass.localize(`${triggerTranslationBaseKey}.time.description.full`, {
@@ -411,10 +411,10 @@ const tryDescribeTrigger = (
       const seconds = seconds_all
         ? 0
         : typeof trigger.seconds === "number"
-        ? trigger.seconds
-        : seconds_interval
-        ? parseInt(trigger.seconds.substring(1))
-        : parseInt(trigger.seconds);
+          ? trigger.seconds
+          : seconds_interval
+            ? parseInt(trigger.seconds.substring(1))
+            : parseInt(trigger.seconds);
 
       if (
         isNaN(seconds) ||
@@ -440,10 +440,10 @@ const tryDescribeTrigger = (
       const minutes = minutes_all
         ? 0
         : typeof trigger.minutes === "number"
-        ? trigger.minutes
-        : minutes_interval
-        ? parseInt(trigger.minutes.substring(1))
-        : parseInt(trigger.minutes);
+          ? trigger.minutes
+          : minutes_interval
+            ? parseInt(trigger.minutes.substring(1))
+            : parseInt(trigger.minutes);
 
       if (
         isNaN(minutes) ||
@@ -477,10 +477,10 @@ const tryDescribeTrigger = (
       const hours = hours_all
         ? 0
         : typeof trigger.hours === "number"
-        ? trigger.hours
-        : hours_interval
-        ? parseInt(trigger.hours.substring(1))
-        : parseInt(trigger.hours);
+          ? trigger.hours
+          : hours_interval
+            ? parseInt(trigger.hours.substring(1))
+            : parseInt(trigger.hours);
 
       if (
         isNaN(hours) ||
@@ -919,23 +919,23 @@ const tryDescribeCondition = (
         typeof condition.before !== "string"
           ? condition.before
           : condition.before.includes(".")
-          ? `entity ${
-              hass.states[condition.before]
-                ? computeStateName(hass.states[condition.before])
-                : condition.before
-            }`
-          : localizeTimeString(condition.before, hass.locale, hass.config);
+            ? `entity ${
+                hass.states[condition.before]
+                  ? computeStateName(hass.states[condition.before])
+                  : condition.before
+              }`
+            : localizeTimeString(condition.before, hass.locale, hass.config);
 
       const after =
         typeof condition.after !== "string"
           ? condition.after
           : condition.after.includes(".")
-          ? `entity ${
-              hass.states[condition.after]
-                ? computeStateName(hass.states[condition.after])
-                : condition.after
-            }`
-          : localizeTimeString(condition.after, hass.locale, hass.config);
+            ? `entity ${
+                hass.states[condition.after]
+                  ? computeStateName(hass.states[condition.after])
+                  : condition.after
+              }`
+            : localizeTimeString(condition.after, hass.locale, hass.config);
 
       let localizedDays: string[] = [];
       if (validWeekdays) {
diff --git a/src/data/energy.ts b/src/data/energy.ts
index fbc89045a9..1da926bf0f 100644
--- a/src/data/energy.ts
+++ b/src/data/energy.ts
@@ -767,8 +767,8 @@ export const getEnergyGasUnit = (
   return unitClass === "energy"
     ? "kWh"
     : hass.config.unit_system.length === "km"
-    ? "m³"
-    : "ft³";
+      ? "m³"
+      : "ft³";
 };
 
 export const getEnergyWaterUnit = (hass: HomeAssistant): string | undefined =>
diff --git a/src/data/fan.ts b/src/data/fan.ts
index 11da23529c..5bcf32e758 100644
--- a/src/data/fan.ts
+++ b/src/data/fan.ts
@@ -89,8 +89,8 @@ export function computeFanSpeedIcon(
   return speed === "on"
     ? mdiFan
     : speed === "off"
-    ? mdiFanOff
-    : [mdiFanSpeed1, mdiFanSpeed2, mdiFanSpeed3][index - 1];
+      ? mdiFanOff
+      : [mdiFanSpeed1, mdiFanSpeed2, mdiFanSpeed3][index - 1];
 }
 export const FAN_SPEED_COUNT_MAX_FOR_BUTTONS = 4;
 
diff --git a/src/data/history.ts b/src/data/history.ts
index 89b15ef75a..708c8d97c8 100644
--- a/src/data/history.ts
+++ b/src/data/history.ts
@@ -377,8 +377,8 @@ const processLineChartEntities = (
       entityId in hassEntities
         ? hassEntities[entityId].attributes
         : "friendly_name" in first.a
-        ? first.a
-        : undefined;
+          ? first.a
+          : undefined;
 
     data.push({
       domain,
diff --git a/src/data/light.ts b/src/data/light.ts
index ed42fdeb5f..8c3cfb9a49 100644
--- a/src/data/light.ts
+++ b/src/data/light.ts
@@ -68,8 +68,8 @@ export const getLightCurrentModeRgbColor = (
   entity.attributes.color_mode === LightColorMode.RGBWW
     ? entity.attributes.rgbww_color
     : entity.attributes.color_mode === LightColorMode.RGBW
-    ? entity.attributes.rgbw_color
-    : entity.attributes.rgb_color;
+      ? entity.attributes.rgbw_color
+      : entity.attributes.rgb_color;
 
 interface LightEntityAttributes extends HassEntityAttributeBase {
   min_color_temp_kelvin?: number;
diff --git a/src/data/media-player.ts b/src/data/media-player.ts
index 0e3ca09160..65f34dba53 100644
--- a/src/data/media-player.ts
+++ b/src/data/media-player.ts
@@ -331,16 +331,16 @@ export const computeMediaControls = (
         state === "on"
           ? mdiPlayPause
           : state !== "playing"
-          ? mdiPlay
-          : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
-          ? mdiPause
-          : mdiStop,
+            ? mdiPlay
+            : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
+              ? mdiPause
+              : mdiStop,
       action:
         state !== "playing"
           ? "media_play"
           : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
-          ? "media_pause"
-          : "media_stop",
+            ? "media_pause"
+            : "media_stop",
     });
   }
 
@@ -394,8 +394,8 @@ export const computeMediaControls = (
         stateAttr.repeat === "all"
           ? mdiRepeat
           : stateAttr.repeat === "one"
-          ? mdiRepeatOnce
-          : mdiRepeatOff,
+            ? mdiRepeatOnce
+            : mdiRepeatOff,
       action: "repeat_set",
     });
   }
@@ -459,18 +459,18 @@ export const handleMediaControlClick = (
           shuffle: !stateObj!.attributes.shuffle,
         }
       : action === "repeat_set"
-      ? {
-          entity_id: stateObj!.entity_id,
-          repeat:
-            stateObj!.attributes.repeat === "all"
-              ? "one"
-              : stateObj!.attributes.repeat === "off"
-              ? "all"
-              : "off",
-        }
-      : {
-          entity_id: stateObj!.entity_id,
-        }
+        ? {
+            entity_id: stateObj!.entity_id,
+            repeat:
+              stateObj!.attributes.repeat === "all"
+                ? "one"
+                : stateObj!.attributes.repeat === "off"
+                  ? "all"
+                  : "off",
+          }
+        : {
+            entity_id: stateObj!.entity_id,
+          }
   );
 
 export const mediaPlayerPlayMedia = (
diff --git a/src/data/weather.ts b/src/data/weather.ts
index b23bfdd85d..abded90d6d 100644
--- a/src/data/weather.ts
+++ b/src/data/weather.ts
@@ -383,13 +383,13 @@ const getWeatherStateSVG = (
           />
         `
       : state === "partlycloudy"
-      ? svg`
+        ? svg`
           <path
             class="sun"
             d="m14.981 4.2112c0 1.9244-1.56 3.4844-3.484 3.4844-1.9244 0-3.4844-1.56-3.4844-3.4844s1.56-3.484 3.4844-3.484c1.924 0 3.484 1.5596 3.484 3.484"
           />
         `
-      : ""
+        : ""
   }
   ${
     cloudyStates.has(state)
@@ -524,8 +524,8 @@ export const weatherIcon = (state?: string, nightTime?: boolean): string =>
   !state
     ? undefined
     : nightTime && state === "partlycloudy"
-    ? mdiWeatherNightPartlyCloudy
-    : weatherIcons[state];
+      ? mdiWeatherNightPartlyCloudy
+      : weatherIcons[state];
 
 const EIGHT_HOURS = 28800000;
 const DAY_IN_MILLISECONDS = 86400000;
diff --git a/src/dialogs/config-flow/dialog-data-entry-flow.ts b/src/dialogs/config-flow/dialog-data-entry-flow.ts
index f3ed4504aa..a4d48a4592 100644
--- a/src/dialogs/config-flow/dialog-data-entry-flow.ts
+++ b/src/dialogs/config-flow/dialog-data-entry-flow.ts
@@ -227,107 +227,108 @@ class DataEntryFlowDialog extends LitElement {
                 ></step-flow-loading>
               `
             : this._step === undefined
-            ? // When we are going to next step, we render 1 round of empty
-              // to reset the element.
-              ""
-            : html`
-                <div class="dialog-actions">
-                  ${([
-                    "form",
-                    "menu",
-                    "external",
-                    "progress",
-                    "data_entry_flow_progressed",
-                  ].includes(this._step?.type as any) &&
-                    this._params.manifest?.is_built_in) ||
-                  this._params.manifest?.documentation
-                    ? html`
-                        <a
-                          href=${this._params.manifest.is_built_in
-                            ? documentationUrl(
-                                this.hass,
-                                `/integrations/${this._params.manifest.domain}`
-                              )
-                            : this._params?.manifest?.documentation}
-                          target="_blank"
-                          rel="noreferrer noopener"
-                        >
-                          <ha-icon-button
-                            .label=${this.hass.localize("ui.common.help")}
-                            .path=${mdiHelpCircle}
+              ? // When we are going to next step, we render 1 round of empty
+                // to reset the element.
+                ""
+              : html`
+                  <div class="dialog-actions">
+                    ${([
+                      "form",
+                      "menu",
+                      "external",
+                      "progress",
+                      "data_entry_flow_progressed",
+                    ].includes(this._step?.type as any) &&
+                      this._params.manifest?.is_built_in) ||
+                    this._params.manifest?.documentation
+                      ? html`
+                          <a
+                            href=${this._params.manifest.is_built_in
+                              ? documentationUrl(
+                                  this.hass,
+                                  `/integrations/${this._params.manifest.domain}`
+                                )
+                              : this._params?.manifest?.documentation}
+                            target="_blank"
+                            rel="noreferrer noopener"
                           >
-                          </ha-icon-button
-                        ></a>
+                            <ha-icon-button
+                              .label=${this.hass.localize("ui.common.help")}
+                              .path=${mdiHelpCircle}
+                            >
+                            </ha-icon-button
+                          ></a>
+                        `
+                      : ""}
+                    <ha-icon-button
+                      .label=${this.hass.localize(
+                        "ui.panel.config.integrations.config_flow.dismiss"
+                      )}
+                      .path=${mdiClose}
+                      dialogAction="close"
+                    ></ha-icon-button>
+                  </div>
+                  ${this._step.type === "form"
+                    ? html`
+                        <step-flow-form
+                          .flowConfig=${this._params.flowConfig}
+                          .step=${this._step}
+                          .hass=${this.hass}
+                        ></step-flow-form>
                       `
-                    : ""}
-                  <ha-icon-button
-                    .label=${this.hass.localize(
-                      "ui.panel.config.integrations.config_flow.dismiss"
-                    )}
-                    .path=${mdiClose}
-                    dialogAction="close"
-                  ></ha-icon-button>
-                </div>
-                ${this._step.type === "form"
-                  ? html`
-                      <step-flow-form
-                        .flowConfig=${this._params.flowConfig}
-                        .step=${this._step}
-                        .hass=${this.hass}
-                      ></step-flow-form>
-                    `
-                  : this._step.type === "external"
-                  ? html`
-                      <step-flow-external
-                        .flowConfig=${this._params.flowConfig}
-                        .step=${this._step}
-                        .hass=${this.hass}
-                      ></step-flow-external>
-                    `
-                  : this._step.type === "abort"
-                  ? html`
-                      <step-flow-abort
-                        .params=${this._params}
-                        .step=${this._step}
-                        .hass=${this.hass}
-                        .domain=${this._step.handler}
-                      ></step-flow-abort>
-                    `
-                  : this._step.type === "progress"
-                  ? html`
-                      <step-flow-progress
-                        .flowConfig=${this._params.flowConfig}
-                        .step=${this._step}
-                        .hass=${this.hass}
-                      ></step-flow-progress>
-                    `
-                  : this._step.type === "menu"
-                  ? html`
-                      <step-flow-menu
-                        .flowConfig=${this._params.flowConfig}
-                        .step=${this._step}
-                        .hass=${this.hass}
-                      ></step-flow-menu>
-                    `
-                  : this._devices === undefined || this._areas === undefined
-                  ? // When it's a create entry result, we will fetch device & area registry
-                    html`
-                      <step-flow-loading
-                        .flowConfig=${this._params.flowConfig}
-                        .hass=${this.hass}
-                        loadingReason="loading_devices_areas"
-                      ></step-flow-loading>
-                    `
-                  : html`
-                      <step-flow-create-entry
-                        .flowConfig=${this._params.flowConfig}
-                        .step=${this._step}
-                        .hass=${this.hass}
-                        .devices=${this._devices}
-                        .areas=${this._areas}
-                      ></step-flow-create-entry>
-                    `}
-              `}
+                    : this._step.type === "external"
+                      ? html`
+                          <step-flow-external
+                            .flowConfig=${this._params.flowConfig}
+                            .step=${this._step}
+                            .hass=${this.hass}
+                          ></step-flow-external>
+                        `
+                      : this._step.type === "abort"
+                        ? html`
+                            <step-flow-abort
+                              .params=${this._params}
+                              .step=${this._step}
+                              .hass=${this.hass}
+                              .domain=${this._step.handler}
+                            ></step-flow-abort>
+                          `
+                        : this._step.type === "progress"
+                          ? html`
+                              <step-flow-progress
+                                .flowConfig=${this._params.flowConfig}
+                                .step=${this._step}
+                                .hass=${this.hass}
+                              ></step-flow-progress>
+                            `
+                          : this._step.type === "menu"
+                            ? html`
+                                <step-flow-menu
+                                  .flowConfig=${this._params.flowConfig}
+                                  .step=${this._step}
+                                  .hass=${this.hass}
+                                ></step-flow-menu>
+                              `
+                            : this._devices === undefined ||
+                                this._areas === undefined
+                              ? // When it's a create entry result, we will fetch device & area registry
+                                html`
+                                  <step-flow-loading
+                                    .flowConfig=${this._params.flowConfig}
+                                    .hass=${this.hass}
+                                    loadingReason="loading_devices_areas"
+                                  ></step-flow-loading>
+                                `
+                              : html`
+                                  <step-flow-create-entry
+                                    .flowConfig=${this._params.flowConfig}
+                                    .step=${this._step}
+                                    .hass=${this.hass}
+                                    .devices=${this._devices}
+                                    .areas=${this._areas}
+                                  ></step-flow-create-entry>
+                                `}
+                `}
         </div>
       </ha-dialog>
     `;
diff --git a/src/dialogs/config-flow/previews/flow-preview-template.ts b/src/dialogs/config-flow/previews/flow-preview-template.ts
index fd337671e3..19e7c6c998 100644
--- a/src/dialogs/config-flow/previews/flow-preview-template.ts
+++ b/src/dialogs/config-flow/previews/flow-preview-template.ts
@@ -66,56 +66,56 @@ class FlowPreviewTemplate extends LitElement {
       ${!this._listeners
         ? nothing
         : this._listeners.all
-        ? html`
-            <p class="all_listeners">
-              ${this.hass.localize(
-                "ui.dialogs.helper_settings.template.all_listeners"
-              )}
-            </p>
-          `
-        : this._listeners.domains.length || this._listeners.entities.length
-        ? html`
-            <p>
-              ${this.hass.localize(
-                "ui.dialogs.helper_settings.template.listeners"
-              )}
-            </p>
-            <ul>
-              ${this._listeners.domains
-                .sort()
-                .map(
-                  (domain) => html`
-                    <li>
-                      <b
-                        >${this.hass.localize(
-                          "ui.dialogs.helper_settings.template.domain"
-                        )}</b
-                      >: ${domain}
-                    </li>
-                  `
+          ? html`
+              <p class="all_listeners">
+                ${this.hass.localize(
+                  "ui.dialogs.helper_settings.template.all_listeners"
                 )}
-              ${this._listeners.entities
-                .sort()
-                .map(
-                  (entity_id) => html`
-                    <li>
-                      <b
-                        >${this.hass.localize(
-                          "ui.dialogs.helper_settings.template.entity"
-                        )}</b
-                      >: ${entity_id}
-                    </li>
-                  `
-                )}
-            </ul>
-          `
-        : !this._listeners.time
-        ? html`<p class="all_listeners">
-            ${this.hass.localize(
-              "ui.dialogs.helper_settings.template.no_listeners"
-            )}
-          </p>`
-        : nothing} `;
+              </p>
+            `
+          : this._listeners.domains.length || this._listeners.entities.length
+            ? html`
+                <p>
+                  ${this.hass.localize(
+                    "ui.dialogs.helper_settings.template.listeners"
+                  )}
+                </p>
+                <ul>
+                  ${this._listeners.domains
+                    .sort()
+                    .map(
+                      (domain) => html`
+                        <li>
+                          <b
+                            >${this.hass.localize(
+                              "ui.dialogs.helper_settings.template.domain"
+                            )}</b
+                          >: ${domain}
+                        </li>
+                      `
+                    )}
+                  ${this._listeners.entities
+                    .sort()
+                    .map(
+                      (entity_id) => html`
+                        <li>
+                          <b
+                            >${this.hass.localize(
+                              "ui.dialogs.helper_settings.template.entity"
+                            )}</b
+                          >: ${entity_id}
+                        </li>
+                      `
+                    )}
+                </ul>
+              `
+            : !this._listeners.time
+              ? html`<p class="all_listeners">
+                  ${this.hass.localize(
+                    "ui.dialogs.helper_settings.template.no_listeners"
+                  )}
+                </p>`
+              : nothing} `;
   }
 
   private _setPreview = (preview: TemplatePreview) => {
diff --git a/src/dialogs/enter-code/dialog-enter-code.ts b/src/dialogs/enter-code/dialog-enter-code.ts
index 574c58443b..fc4dc82c2e 100644
--- a/src/dialogs/enter-code/dialog-enter-code.ts
+++ b/src/dialogs/enter-code/dialog-enter-code.ts
@@ -137,36 +137,36 @@ export class DialogEnterCode
               value === ""
                 ? html`<span></span>`
                 : value === "clear"
-                ? html`
-                    <ha-control-button
-                      @click=${this._clear}
-                      class="clear"
-                      .disabled=${!this._showClearButton}
-                      .label=${this.hass!.localize("ui.common.clear")}
-                    >
-                      <ha-svg-icon path=${mdiClose}></ha-svg-icon>
-                    </ha-control-button>
-                  `
-                : value === "submit"
-                ? html`
-                    <ha-control-button
-                      @click=${this._submit}
-                      class="submit"
-                      .label=${this._dialogParams!.submitText ??
-                      this.hass!.localize("ui.common.submit")}
-                    >
-                      <ha-svg-icon path=${mdiCheck}></ha-svg-icon>
-                    </ha-control-button>
-                  `
-                : html`
-                    <ha-control-button
-                      .value=${value}
-                      @click=${this._numberClick}
-                      .label=${value}
-                    >
-                      ${value}
-                    </ha-control-button>
-                  `
+                  ? html`
+                      <ha-control-button
+                        @click=${this._clear}
+                        class="clear"
+                        .disabled=${!this._showClearButton}
+                        .label=${this.hass!.localize("ui.common.clear")}
+                      >
+                        <ha-svg-icon path=${mdiClose}></ha-svg-icon>
+                      </ha-control-button>
+                    `
+                  : value === "submit"
+                    ? html`
+                        <ha-control-button
+                          @click=${this._submit}
+                          class="submit"
+                          .label=${this._dialogParams!.submitText ??
+                          this.hass!.localize("ui.common.submit")}
+                        >
+                          <ha-svg-icon path=${mdiCheck}></ha-svg-icon>
+                        </ha-control-button>
+                      `
+                    : html`
+                        <ha-control-button
+                          .value=${value}
+                          @click=${this._numberClick}
+                          .label=${value}
+                        >
+                          ${value}
+                        </ha-control-button>
+                      `
             )}
           </div>
         </div>
diff --git a/src/dialogs/more-info/components/climate/ha-more-info-climate-temperature.ts b/src/dialogs/more-info/components/climate/ha-more-info-climate-temperature.ts
index 05adb8e556..333a301ad5 100644
--- a/src/dialogs/more-info/components/climate/ha-more-info-climate-temperature.ts
+++ b/src/dialogs/more-info/components/climate/ha-more-info-climate-temperature.ts
@@ -189,8 +189,8 @@ export class HaMoreInfoClimateTemperature extends LitElement {
               { action: actionLabel }
             )
           : action && action !== "off" && action !== "idle"
-          ? actionLabel
-          : this.hass.localize("ui.dialogs.more_info_control.climate.target")}
+            ? actionLabel
+            : this.hass.localize("ui.dialogs.more_info_control.climate.target")}
       </p>
     `;
   }
diff --git a/src/dialogs/more-info/components/humidifier/ha-more-info-humidifier-humidity.ts b/src/dialogs/more-info/components/humidifier/ha-more-info-humidifier-humidity.ts
index d93f506f10..612720228a 100644
--- a/src/dialogs/more-info/components/humidifier/ha-more-info-humidifier-humidity.ts
+++ b/src/dialogs/more-info/components/humidifier/ha-more-info-humidifier-humidity.ts
@@ -104,10 +104,10 @@ export class HaMoreInfoHumidifierHumidity extends LitElement {
               { action: actionLabel }
             )
           : action && action !== "off" && action !== "idle"
-          ? actionLabel
-          : this.hass.localize(
-              "ui.dialogs.more_info_control.humidifier.target"
-            )}
+            ? actionLabel
+            : this.hass.localize(
+                "ui.dialogs.more_info_control.humidifier.target"
+              )}
       </p>
     `;
   }
diff --git a/src/dialogs/more-info/controls/more-info-cover.ts b/src/dialogs/more-info/controls/more-info-cover.ts
index 3c2881017e..a26f6be6eb 100644
--- a/src/dialogs/more-info/controls/more-info-cover.ts
+++ b/src/dialogs/more-info/controls/more-info-cover.ts
@@ -139,13 +139,13 @@ class MoreInfoCover extends LitElement {
                         ></ha-more-info-cover-toggle>
                       `
                     : supportsOpenClose || supportsTilt
-                    ? html`
-                        <ha-more-info-cover-buttons
-                          .stateObj=${this.stateObj}
-                          .hass=${this.hass}
-                        ></ha-more-info-cover-buttons>
-                      `
-                    : nothing}
+                      ? html`
+                          <ha-more-info-cover-buttons
+                            .stateObj=${this.stateObj}
+                            .hass=${this.hass}
+                          ></ha-more-info-cover-buttons>
+                        `
+                      : nothing}
                 `
               : nothing
           }
diff --git a/src/dialogs/more-info/controls/more-info-input_datetime.ts b/src/dialogs/more-info/controls/more-info-input_datetime.ts
index 68926174d8..a44917e79a 100644
--- a/src/dialogs/more-info/controls/more-info-input_datetime.ts
+++ b/src/dialogs/more-info/controls/more-info-input_datetime.ts
@@ -39,8 +39,8 @@ class MoreInfoInputDatetime extends LitElement {
               .value=${this.stateObj.state === UNKNOWN
                 ? ""
                 : this.stateObj.attributes.has_date
-                ? this.stateObj.state.split(" ")[1]
-                : this.stateObj.state}
+                  ? this.stateObj.state.split(" ")[1]
+                  : this.stateObj.state}
               .locale=${this.hass.locale}
               .disabled=${isUnavailableState(this.stateObj.state)}
               @value-changed=${this._timeChanged}
diff --git a/src/dialogs/more-info/controls/more-info-update.ts b/src/dialogs/more-info/controls/more-info-update.ts
index 195fe6f7d5..bf9b563a81 100644
--- a/src/dialogs/more-info/controls/more-info-update.ts
+++ b/src/dialogs/more-info/controls/more-info-update.ts
@@ -108,11 +108,11 @@ class MoreInfoUpdate extends LitElement {
                 <ha-markdown .content=${this._releaseNotes}></ha-markdown>
               </ha-faded> `
         : this.stateObj.attributes.release_summary
-        ? html`<hr />
-            <ha-markdown
-              .content=${this.stateObj.attributes.release_summary}
-            ></ha-markdown>`
-        : ""}
+          ? html`<hr />
+              <ha-markdown
+                .content=${this.stateObj.attributes.release_summary}
+              ></ha-markdown>`
+          : ""}
       ${supportsFeature(this.stateObj, UPDATE_SUPPORT_BACKUP)
         ? html`<hr />
             <ha-formfield
@@ -131,26 +131,26 @@ class MoreInfoUpdate extends LitElement {
         ${this.stateObj.attributes.auto_update
           ? ""
           : this.stateObj.state === BINARY_STATE_OFF &&
-            this.stateObj.attributes.skipped_version
-          ? html`
-              <mwc-button @click=${this._handleClearSkipped}>
-                ${this.hass.localize(
-                  "ui.dialogs.more_info_control.update.clear_skipped"
-                )}
-              </mwc-button>
-            `
-          : html`
-              <mwc-button
-                @click=${this._handleSkip}
-                .disabled=${skippedVersion ||
-                this.stateObj.state === BINARY_STATE_OFF ||
-                updateIsInstalling(this.stateObj)}
-              >
-                ${this.hass.localize(
-                  "ui.dialogs.more_info_control.update.skip"
-                )}
-              </mwc-button>
-            `}
+              this.stateObj.attributes.skipped_version
+            ? html`
+                <mwc-button @click=${this._handleClearSkipped}>
+                  ${this.hass.localize(
+                    "ui.dialogs.more_info_control.update.clear_skipped"
+                  )}
+                </mwc-button>
+              `
+            : html`
+                <mwc-button
+                  @click=${this._handleSkip}
+                  .disabled=${skippedVersion ||
+                  this.stateObj.state === BINARY_STATE_OFF ||
+                  updateIsInstalling(this.stateObj)}
+                >
+                  ${this.hass.localize(
+                    "ui.dialogs.more_info_control.update.skip"
+                  )}
+                </mwc-button>
+              `}
         ${supportsFeature(this.stateObj, UPDATE_SUPPORT_INSTALL)
           ? html`
               <mwc-button
diff --git a/src/dialogs/more-info/controls/more-info-weather.ts b/src/dialogs/more-info/controls/more-info-weather.ts
index 7e1bd84c2b..2854d90110 100644
--- a/src/dialogs/more-info/controls/more-info-weather.ts
+++ b/src/dialogs/more-info/controls/more-info-weather.ts
@@ -269,20 +269,20 @@ class MoreInfoWeather extends LitElement {
                               : this.hass!.localize("ui.card.weather.night")})
                           `
                         : hourly
-                        ? html`
-                            ${formatTimeWeekday(
-                              new Date(item.datetime),
-                              this.hass!.locale,
-                              this.hass!.config
-                            )}
-                          `
-                        : html`
-                            ${formatDateWeekdayDay(
-                              new Date(item.datetime),
-                              this.hass!.locale,
-                              this.hass!.config
-                            )}
-                          `}
+                          ? html`
+                              ${formatTimeWeekday(
+                                new Date(item.datetime),
+                                this.hass!.locale,
+                                this.hass!.config
+                              )}
+                            `
+                          : html`
+                              ${formatDateWeekdayDay(
+                                new Date(item.datetime),
+                                this.hass!.locale,
+                                this.hass!.config
+                              )}
+                            `}
                     </div>
                     <div class="templow">
                       ${this._showValue(item.templow)
@@ -292,8 +292,8 @@ class MoreInfoWeather extends LitElement {
                             item.templow
                           )
                         : hourly
-                        ? ""
-                        : "—"}
+                          ? ""
+                          : "—"}
                     </div>
                     <div class="temp">
                       ${this._showValue(item.temperature)
diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index 8a9e45369a..ecc3411f08 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -429,41 +429,41 @@ export class MoreInfoDialog extends LitElement {
                   </div>
                 `
               : this._currView === "info"
-              ? html`
-                  <ha-more-info-info
-                    dialogInitialFocus
-                    .hass=${this.hass}
-                    .entityId=${this._entityId}
-                    .entry=${this._entry}
-                    .editMode=${this._infoEditMode}
-                  ></ha-more-info-info>
-                `
-              : this._currView === "history"
-              ? html`
-                  <ha-more-info-history-and-logbook
-                    .hass=${this.hass}
-                    .entityId=${this._entityId}
-                  ></ha-more-info-history-and-logbook>
-                `
-              : this._currView === "settings"
-              ? html`
-                  <ha-more-info-settings
-                    .hass=${this.hass}
-                    .entityId=${this._entityId}
-                    .entry=${this._entry}
-                  ></ha-more-info-settings>
-                `
-              : this._currView === "related"
-              ? html`
-                  <ha-related-items
-                    .hass=${this.hass}
-                    .itemId=${entityId}
-                    .itemType=${SearchableDomains.has(domain)
-                      ? domain
-                      : "entity"}
-                  ></ha-related-items>
-                `
-              : nothing
+                ? html`
+                    <ha-more-info-info
+                      dialogInitialFocus
+                      .hass=${this.hass}
+                      .entityId=${this._entityId}
+                      .entry=${this._entry}
+                      .editMode=${this._infoEditMode}
+                    ></ha-more-info-info>
+                  `
+                : this._currView === "history"
+                  ? html`
+                      <ha-more-info-history-and-logbook
+                        .hass=${this.hass}
+                        .entityId=${this._entityId}
+                      ></ha-more-info-history-and-logbook>
+                    `
+                  : this._currView === "settings"
+                    ? html`
+                        <ha-more-info-settings
+                          .hass=${this.hass}
+                          .entityId=${this._entityId}
+                          .entry=${this._entry}
+                        ></ha-more-info-settings>
+                      `
+                    : this._currView === "related"
+                      ? html`
+                          <ha-related-items
+                            .hass=${this.hass}
+                            .itemId=${entityId}
+                            .itemType=${SearchableDomains.has(domain)
+                              ? domain
+                              : "entity"}
+                          ></ha-related-items>
+                        `
+                      : nothing
           )}
         </div>
       </ha-dialog>
diff --git a/src/dialogs/more-info/ha-more-info-history.ts b/src/dialogs/more-info/ha-more-info-history.ts
index 9953d319a0..2adeb515c4 100644
--- a/src/dialogs/more-info/ha-more-info-history.ts
+++ b/src/dialogs/more-info/ha-more-info-history.ts
@@ -84,24 +84,24 @@ export class MoreInfoHistory extends LitElement {
           ${this._error
             ? html`<div class="errors">${this._error}</div>`
             : this._statistics
-            ? html`<statistics-chart
-                .hass=${this.hass}
-                .isLoadingData=${!this._statistics}
-                .statisticsData=${this._statistics}
-                .metadata=${this._metadata}
-                .statTypes=${statTypes}
-                .names=${this._statNames}
-                hideLegend
-                .showNames=${false}
-              ></statistics-chart>`
-            : html`<state-history-charts
-                up-to-now
-                .hass=${this.hass}
-                .historyData=${this._stateHistory}
-                .isLoadingData=${!this._stateHistory}
-                .showNames=${false}
-                .clickForMoreInfo=${false}
-              ></state-history-charts>`}`
+              ? html`<statistics-chart
+                  .hass=${this.hass}
+                  .isLoadingData=${!this._statistics}
+                  .statisticsData=${this._statistics}
+                  .metadata=${this._metadata}
+                  .statTypes=${statTypes}
+                  .names=${this._statNames}
+                  hideLegend
+                  .showNames=${false}
+                ></statistics-chart>`
+              : html`<state-history-charts
+                  up-to-now
+                  .hass=${this.hass}
+                  .historyData=${this._stateHistory}
+                  .isLoadingData=${!this._stateHistory}
+                  .showNames=${false}
+                  .clickForMoreInfo=${false}
+                ></state-history-charts>`}`
       : ""}`;
   }
 
diff --git a/src/dialogs/quick-bar/ha-quick-bar.ts b/src/dialogs/quick-bar/ha-quick-bar.ts
index 27c8336de9..b849d4fe02 100644
--- a/src/dialogs/quick-bar/ha-quick-bar.ts
+++ b/src/dialogs/quick-bar/ha-quick-bar.ts
@@ -217,35 +217,36 @@ export class QuickBar extends LitElement {
               active
             ></ha-circular-progress>`
           : items.length === 0
-          ? html`
-              <div class="nothing-found">
-                ${this.hass.localize("ui.dialogs.quick-bar.nothing_found")}
-              </div>
-            `
-          : html`
-              <mwc-list>
-                ${this._opened
-                  ? html`<lit-virtualizer
-                      scroller
-                      @keydown=${this._handleListItemKeyDown}
-                      @rangechange=${this._handleRangeChanged}
-                      @click=${this._handleItemClick}
-                      class="ha-scrollbar"
-                      style=${styleMap({
-                        height: this._narrow
-                          ? "calc(100vh - 56px)"
-                          : `${Math.min(
-                              items.length * (this._commandMode ? 56 : 72) + 26,
-                              500
-                            )}px`,
-                      })}
-                      .items=${items}
-                      .renderItem=${this._renderItem}
-                    >
-                    </lit-virtualizer>`
-                  : ""}
-              </mwc-list>
-            `}
+            ? html`
+                <div class="nothing-found">
+                  ${this.hass.localize("ui.dialogs.quick-bar.nothing_found")}
+                </div>
+              `
+            : html`
+                <mwc-list>
+                  ${this._opened
+                    ? html`<lit-virtualizer
+                        scroller
+                        @keydown=${this._handleListItemKeyDown}
+                        @rangechange=${this._handleRangeChanged}
+                        @click=${this._handleItemClick}
+                        class="ha-scrollbar"
+                        style=${styleMap({
+                          height: this._narrow
+                            ? "calc(100vh - 56px)"
+                            : `${Math.min(
+                                items.length * (this._commandMode ? 56 : 72) +
+                                  26,
+                                500
+                              )}px`,
+                        })}
+                        .items=${items}
+                        .renderItem=${this._renderItem}
+                      >
+                      </lit-virtualizer>`
+                    : ""}
+                </mwc-list>
+              `}
         ${this._hint
           ? html`<ha-tip .hass=${this.hass}>${this._hint}</ha-tip>`
           : ""}
diff --git a/src/fake_data/entity.ts b/src/fake_data/entity.ts
index f6e6912dfd..b001b4b7fc 100644
--- a/src/fake_data/entity.ts
+++ b/src/fake_data/entity.ts
@@ -349,8 +349,8 @@ class ClimateEntity extends Entity {
         lowTarget >= current
           ? "heating"
           : highTarget <= current
-          ? "cooling"
-          : "idle";
+            ? "cooling"
+            : "idle";
     }
     return state;
   }
diff --git a/src/layouts/hass-subpage.ts b/src/layouts/hass-subpage.ts
index 75decf778a..c0763b5790 100644
--- a/src/layouts/hass-subpage.ts
+++ b/src/layouts/hass-subpage.ts
@@ -57,19 +57,19 @@ class HassSubpage extends LitElement {
               ></ha-menu-button>
             `
           : this.backPath
-          ? html`
-              <a href=${this.backPath}>
+            ? html`
+                <a href=${this.backPath}>
+                  <ha-icon-button-arrow-prev
+                    .hass=${this.hass}
+                  ></ha-icon-button-arrow-prev>
+                </a>
+              `
+            : html`
                 <ha-icon-button-arrow-prev
                   .hass=${this.hass}
+                  @click=${this._backTapped}
                 ></ha-icon-button-arrow-prev>
-              </a>
-            `
-          : html`
-              <ha-icon-button-arrow-prev
-                .hass=${this.hass}
-                @click=${this._backTapped}
-              ></ha-icon-button-arrow-prev>
-            `}
+              `}
 
         <div class="main-title"><slot name="header">${this.header}</slot></div>
         <slot name="toolbar-icon"></slot>
diff --git a/src/layouts/hass-tabs-subpage.ts b/src/layouts/hass-tabs-subpage.ts
index e8c470df3b..ac650afdd4 100644
--- a/src/layouts/hass-tabs-subpage.ts
+++ b/src/layouts/hass-tabs-subpage.ts
@@ -156,19 +156,19 @@ class HassTabsSubpage extends LitElement {
               ></ha-menu-button>
             `
           : this.backPath
-          ? html`
-              <a href=${this.backPath}>
+            ? html`
+                <a href=${this.backPath}>
+                  <ha-icon-button-arrow-prev
+                    .hass=${this.hass}
+                  ></ha-icon-button-arrow-prev>
+                </a>
+              `
+            : html`
                 <ha-icon-button-arrow-prev
                   .hass=${this.hass}
+                  @click=${this._backTapped}
                 ></ha-icon-button-arrow-prev>
-              </a>
-            `
-          : html`
-              <ha-icon-button-arrow-prev
-                .hass=${this.hass}
-                @click=${this._backTapped}
-              ></ha-icon-button-arrow-prev>
-            `}
+              `}
         ${this.narrow || !showTabs
           ? html`<div class="main-title">
               <slot name="header">${!showTabs ? tabs[0] : ""}</slot>
diff --git a/src/layouts/home-assistant-main.ts b/src/layouts/home-assistant-main.ts
index dcaa2b460f..956c4c8eed 100644
--- a/src/layouts/home-assistant-main.ts
+++ b/src/layouts/home-assistant-main.ts
@@ -127,10 +127,10 @@ export class HomeAssistantMain extends LitElement {
           dock: ev.detail?.open
             ? "docked"
             : ev.detail?.open === false
-            ? "auto"
-            : this.hass.dockedSidebar === "auto"
-            ? "docked"
-            : "auto",
+              ? "auto"
+              : this.hass.dockedSidebar === "auto"
+                ? "docked"
+                : "auto",
         });
       }
     });
diff --git a/src/panels/config/automation/ha-automation-editor.ts b/src/panels/config/automation/ha-automation-editor.ts
index 2a4ba09139..e63bc8f211 100644
--- a/src/panels/config/automation/ha-automation-editor.ts
+++ b/src/panels/config/automation/ha-automation-editor.ts
@@ -342,50 +342,56 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
                         ></manual-automation-editor>
                       `
                   : this._mode === "yaml"
-                  ? html`
-                      ${this._readOnly
-                        ? html`<ha-alert alert-type="warning">
-                            ${this.hass.localize(
-                              "ui.panel.config.automation.editor.read_only"
-                            )}
-                            <mwc-button slot="action" @click=${this._duplicate}>
+                    ? html`
+                        ${this._readOnly
+                          ? html`<ha-alert alert-type="warning">
                               ${this.hass.localize(
-                                "ui.panel.config.automation.editor.migrate"
+                                "ui.panel.config.automation.editor.read_only"
                               )}
-                            </mwc-button>
-                          </ha-alert>`
-                        : ""}
-                      ${stateObj?.state === "off"
-                        ? html`
-                            <ha-alert alert-type="info">
-                              ${this.hass.localize(
-                                "ui.panel.config.automation.editor.disabled"
-                              )}
-                              <mwc-button slot="action" @click=${this._toggle}>
+                              <mwc-button
+                                slot="action"
+                                @click=${this._duplicate}
+                              >
                                 ${this.hass.localize(
-                                  "ui.panel.config.automation.editor.enable"
+                                  "ui.panel.config.automation.editor.migrate"
                                 )}
                               </mwc-button>
-                            </ha-alert>
-                          `
-                        : ""}
-                      <ha-yaml-editor
-                        .hass=${this.hass}
-                        .defaultValue=${this._preprocessYaml()}
-                        .readOnly=${this._readOnly}
-                        @value-changed=${this._yamlChanged}
-                      ></ha-yaml-editor>
-                      <ha-card outlined>
-                        <div class="card-actions">
-                          <mwc-button @click=${this._copyYaml}>
-                            ${this.hass.localize(
-                              "ui.panel.config.automation.editor.copy_to_clipboard"
-                            )}
-                          </mwc-button>
-                        </div>
-                      </ha-card>
-                    `
-                  : ``}
+                            </ha-alert>`
+                          : ""}
+                        ${stateObj?.state === "off"
+                          ? html`
+                              <ha-alert alert-type="info">
+                                ${this.hass.localize(
+                                  "ui.panel.config.automation.editor.disabled"
+                                )}
+                                <mwc-button
+                                  slot="action"
+                                  @click=${this._toggle}
+                                >
+                                  ${this.hass.localize(
+                                    "ui.panel.config.automation.editor.enable"
+                                  )}
+                                </mwc-button>
+                              </ha-alert>
+                            `
+                          : ""}
+                        <ha-yaml-editor
+                          .hass=${this.hass}
+                          .defaultValue=${this._preprocessYaml()}
+                          .readOnly=${this._readOnly}
+                          @value-changed=${this._yamlChanged}
+                        ></ha-yaml-editor>
+                        <ha-card outlined>
+                          <div class="card-actions">
+                            <mwc-button @click=${this._copyYaml}>
+                              ${this.hass.localize(
+                                "ui.panel.config.automation.editor.copy_to_clipboard"
+                              )}
+                            </mwc-button>
+                          </div>
+                        </ha-card>
+                      `
+                    : ``}
               </div>
             `
           : ""}
diff --git a/src/panels/config/automation/ha-automation-trace.ts b/src/panels/config/automation/ha-automation-trace.ts
index fbf52c6974..af20da030a 100644
--- a/src/panels/config/automation/ha-automation-trace.ts
+++ b/src/panels/config/automation/ha-automation-trace.ts
@@ -215,104 +215,104 @@ export class HaAutomationTrace extends LitElement {
         ${this._traces === undefined
           ? html`<div class="container">Loading…</div>`
           : this._traces.length === 0
-          ? html`<div class="container">No traces found</div>`
-          : this._trace === undefined
-          ? ""
-          : html`
-              <div class="main">
-                <div class="graph">
-                  <hat-script-graph
-                    .trace=${this._trace}
-                    .selected=${this._selected?.path}
-                    @graph-node-selected=${this._pickNode}
-                  ></hat-script-graph>
-                </div>
+            ? html`<div class="container">No traces found</div>`
+            : this._trace === undefined
+              ? ""
+              : html`
+                  <div class="main">
+                    <div class="graph">
+                      <hat-script-graph
+                        .trace=${this._trace}
+                        .selected=${this._selected?.path}
+                        @graph-node-selected=${this._pickNode}
+                      ></hat-script-graph>
+                    </div>
 
-                <div class="info">
-                  <div class="tabs top">
-                    ${[
-                      ["details", "Step Details"],
-                      ["timeline", "Trace Timeline"],
-                      ["logbook", "Related logbook entries"],
-                      ["config", "Automation Config"],
-                    ].map(
-                      ([view, label]) => html`
-                        <button
-                          tabindex="0"
-                          .view=${view}
-                          class=${classMap({ active: this._view === view })}
-                          @click=${this._showTab}
-                        >
-                          ${label}
-                        </button>
-                      `
-                    )}
-                    ${this._trace.blueprint_inputs
-                      ? html`
-                          <button
-                            tabindex="0"
-                            .view=${"blueprint"}
-                            class=${classMap({
-                              active: this._view === "blueprint",
-                            })}
-                            @click=${this._showTab}
-                          >
-                            Blueprint Config
-                          </button>
-                        `
-                      : ""}
+                    <div class="info">
+                      <div class="tabs top">
+                        ${[
+                          ["details", "Step Details"],
+                          ["timeline", "Trace Timeline"],
+                          ["logbook", "Related logbook entries"],
+                          ["config", "Automation Config"],
+                        ].map(
+                          ([view, label]) => html`
+                            <button
+                              tabindex="0"
+                              .view=${view}
+                              class=${classMap({ active: this._view === view })}
+                              @click=${this._showTab}
+                            >
+                              ${label}
+                            </button>
+                          `
+                        )}
+                        ${this._trace.blueprint_inputs
+                          ? html`
+                              <button
+                                tabindex="0"
+                                .view=${"blueprint"}
+                                class=${classMap({
+                                  active: this._view === "blueprint",
+                                })}
+                                @click=${this._showTab}
+                              >
+                                Blueprint Config
+                              </button>
+                            `
+                          : ""}
+                      </div>
+                      ${this._selected === undefined ||
+                      this._logbookEntries === undefined ||
+                      trackedNodes === undefined
+                        ? ""
+                        : this._view === "details"
+                          ? html`
+                              <ha-trace-path-details
+                                .hass=${this.hass}
+                                .narrow=${this.narrow}
+                                .trace=${this._trace}
+                                .selected=${this._selected}
+                                .logbookEntries=${this._logbookEntries}
+                                .trackedNodes=${trackedNodes}
+                                .renderedNodes=${renderedNodes!}
+                              ></ha-trace-path-details>
+                            `
+                          : this._view === "config"
+                            ? html`
+                                <ha-trace-config
+                                  .hass=${this.hass}
+                                  .trace=${this._trace}
+                                ></ha-trace-config>
+                              `
+                            : this._view === "logbook"
+                              ? html`
+                                  <ha-trace-logbook
+                                    .hass=${this.hass}
+                                    .narrow=${this.narrow}
+                                    .trace=${this._trace}
+                                    .logbookEntries=${this._logbookEntries}
+                                  ></ha-trace-logbook>
+                                `
+                              : this._view === "blueprint"
+                                ? html`
+                                    <ha-trace-blueprint-config
+                                      .hass=${this.hass}
+                                      .trace=${this._trace}
+                                    ></ha-trace-blueprint-config>
+                                  `
+                                : html`
+                                    <ha-trace-timeline
+                                      .hass=${this.hass}
+                                      .trace=${this._trace}
+                                      .logbookEntries=${this._logbookEntries}
+                                      .selected=${this._selected}
+                                      @value-changed=${this._timelinePathPicked}
+                                    ></ha-trace-timeline>
+                                  `}
+                    </div>
                   </div>
-                  ${this._selected === undefined ||
-                  this._logbookEntries === undefined ||
-                  trackedNodes === undefined
-                    ? ""
-                    : this._view === "details"
-                    ? html`
-                        <ha-trace-path-details
-                          .hass=${this.hass}
-                          .narrow=${this.narrow}
-                          .trace=${this._trace}
-                          .selected=${this._selected}
-                          .logbookEntries=${this._logbookEntries}
-                          .trackedNodes=${trackedNodes}
-                          .renderedNodes=${renderedNodes!}
-                        ></ha-trace-path-details>
-                      `
-                    : this._view === "config"
-                    ? html`
-                        <ha-trace-config
-                          .hass=${this.hass}
-                          .trace=${this._trace}
-                        ></ha-trace-config>
-                      `
-                    : this._view === "logbook"
-                    ? html`
-                        <ha-trace-logbook
-                          .hass=${this.hass}
-                          .narrow=${this.narrow}
-                          .trace=${this._trace}
-                          .logbookEntries=${this._logbookEntries}
-                        ></ha-trace-logbook>
-                      `
-                    : this._view === "blueprint"
-                    ? html`
-                        <ha-trace-blueprint-config
-                          .hass=${this.hass}
-                          .trace=${this._trace}
-                        ></ha-trace-blueprint-config>
-                      `
-                    : html`
-                        <ha-trace-timeline
-                          .hass=${this.hass}
-                          .trace=${this._trace}
-                          .logbookEntries=${this._logbookEntries}
-                          .selected=${this._selected}
-                          @value-changed=${this._timelinePathPicked}
-                        ></ha-trace-timeline>
-                      `}
-                </div>
-              </div>
-            `}
+                `}
       </hass-subpage>
     `;
   }
diff --git a/src/panels/config/cloud/account/cloud-account.ts b/src/panels/config/cloud/account/cloud-account.ts
index 2f0f3e791d..a1946add28 100644
--- a/src/panels/config/cloud/account/cloud-account.ts
+++ b/src/panels/config/cloud/account/cloud-account.ts
@@ -114,12 +114,12 @@ export class CloudAccount extends SubscribeMixin(LitElement) {
                         "ui.panel.config.cloud.account.connected"
                       )
                     : this.cloudStatus.cloud === "disconnected"
-                    ? this.hass.localize(
-                        "ui.panel.config.cloud.account.not_connected"
-                      )
-                    : this.hass.localize(
-                        "ui.panel.config.cloud.account.connecting"
-                      )}
+                      ? this.hass.localize(
+                          "ui.panel.config.cloud.account.not_connected"
+                        )
+                      : this.hass.localize(
+                          "ui.panel.config.cloud.account.connecting"
+                        )}
                 </div>
               </div>
 
diff --git a/src/panels/config/cloud/account/cloud-remote-pref.ts b/src/panels/config/cloud/account/cloud-remote-pref.ts
index d9ac6bd89c..b77159d8e6 100644
--- a/src/panels/config/cloud/account/cloud-remote-pref.ts
+++ b/src/panels/config/cloud/account/cloud-remote-pref.ts
@@ -52,16 +52,16 @@ export class CloudRemotePref extends LitElement {
                   "ui.panel.config.cloud.account.remote.cerificate_error"
                 )
               : remote_certificate_status === "loading"
-              ? this.hass.localize(
-                  "ui.panel.config.cloud.account.remote.cerificate_loading"
-                )
-              : remote_certificate_status === "loaded"
-              ? this.hass.localize(
-                  "ui.panel.config.cloud.account.remote.cerificate_loaded"
-                )
-              : this.hass.localize(
-                  "ui.panel.config.cloud.account.remote.access_is_being_prepared"
-                )}
+                ? this.hass.localize(
+                    "ui.panel.config.cloud.account.remote.cerificate_loading"
+                  )
+                : remote_certificate_status === "loaded"
+                  ? this.hass.localize(
+                      "ui.panel.config.cloud.account.remote.cerificate_loaded"
+                    )
+                  : this.hass.localize(
+                      "ui.panel.config.cloud.account.remote.access_is_being_prepared"
+                    )}
           </div>
         </ha-card>
       `;
diff --git a/src/panels/config/cloud/account/cloud-webhooks.ts b/src/panels/config/cloud/account/cloud-webhooks.ts
index 3ef0791cb9..e469c57e0a 100644
--- a/src/panels/config/cloud/account/cloud-webhooks.ts
+++ b/src/panels/config/cloud/account/cloud-webhooks.ts
@@ -59,55 +59,57 @@ export class CloudWebhooks extends LitElement {
                 </div>
               `
             : this._localHooks.length === 0
-            ? html`
-                <div class="body-text">
-                  ${this.hass.localize(
-                    "ui.panel.config.cloud.account.webhooks.no_hooks_yet"
-                  )}
-                  <a href="/config/integrations"
-                    >${this.hass.localize(
-                      "ui.panel.config.cloud.account.webhooks.no_hooks_yet_link_integration"
+              ? html`
+                  <div class="body-text">
+                    ${this.hass.localize(
+                      "ui.panel.config.cloud.account.webhooks.no_hooks_yet"
                     )}
-                  </a>
-                  ${this.hass.localize(
-                    "ui.panel.config.cloud.account.webhooks.no_hooks_yet2"
-                  )}
-                  <a href="/config/automation/edit/new"
-                    >${this.hass.localize(
-                      "ui.panel.config.cloud.account.webhooks.no_hooks_yet_link_automation"
-                    )}</a
-                  >.
-                </div>
-              `
-            : this._localHooks.map(
-                (entry) => html`
-                  <ha-settings-row .narrow=${this.narrow} .entry=${entry}>
-                    <span slot="heading">
-                      ${entry.name}
-                      ${entry.domain !== entry.name.toLowerCase()
-                        ? ` (${entry.domain})`
-                        : ""}
-                    </span>
-                    <span slot="description">${entry.webhook_id}</span>
-                    ${this._progress.includes(entry.webhook_id)
-                      ? html`
-                          <div class="progress">
-                            <ha-circular-progress active></ha-circular-progress>
-                          </div>
-                        `
-                      : this._cloudHooks![entry.webhook_id]
-                      ? html`
-                          <mwc-button @click=${this._handleManageButton}>
-                            ${this.hass!.localize(
-                              "ui.panel.config.cloud.account.webhooks.manage"
-                            )}
-                          </mwc-button>
-                        `
-                      : html`<ha-switch @click=${this._enableWebhook}>
-                        </ha-switch>`}
-                  </ha-settings-row>
+                    <a href="/config/integrations"
+                      >${this.hass.localize(
+                        "ui.panel.config.cloud.account.webhooks.no_hooks_yet_link_integration"
+                      )}
+                    </a>
+                    ${this.hass.localize(
+                      "ui.panel.config.cloud.account.webhooks.no_hooks_yet2"
+                    )}
+                    <a href="/config/automation/edit/new"
+                      >${this.hass.localize(
+                        "ui.panel.config.cloud.account.webhooks.no_hooks_yet_link_automation"
+                      )}</a
+                    >.
+                  </div>
                 `
-              )}
+              : this._localHooks.map(
+                  (entry) => html`
+                    <ha-settings-row .narrow=${this.narrow} .entry=${entry}>
+                      <span slot="heading">
+                        ${entry.name}
+                        ${entry.domain !== entry.name.toLowerCase()
+                          ? ` (${entry.domain})`
+                          : ""}
+                      </span>
+                      <span slot="description">${entry.webhook_id}</span>
+                      ${this._progress.includes(entry.webhook_id)
+                        ? html`
+                            <div class="progress">
+                              <ha-circular-progress
+                                active
+                              ></ha-circular-progress>
+                            </div>
+                          `
+                        : this._cloudHooks![entry.webhook_id]
+                          ? html`
+                              <mwc-button @click=${this._handleManageButton}>
+                                ${this.hass!.localize(
+                                  "ui.panel.config.cloud.account.webhooks.manage"
+                                )}
+                              </mwc-button>
+                            `
+                          : html`<ha-switch @click=${this._enableWebhook}>
+                            </ha-switch>`}
+                    </ha-settings-row>
+                  `
+                )}
           <div class="footer">
             <a
               href="https://www.nabucasa.com/config/webhooks"
diff --git a/src/panels/config/core/ha-config-analytics.ts b/src/panels/config/core/ha-config-analytics.ts
index e2b2ffa24a..3c71aa6958 100644
--- a/src/panels/config/core/ha-config-analytics.ts
+++ b/src/panels/config/core/ha-config-analytics.ts
@@ -34,8 +34,8 @@ class ConfigAnalytics extends LitElement {
     const error = this._error
       ? this._error
       : !isComponentLoaded(this.hass, "analytics")
-      ? "Analytics integration not loaded"
-      : undefined;
+        ? "Analytics integration not loaded"
+        : undefined;
 
     return html`
       <ha-card outlined>
diff --git a/src/panels/config/core/ha-config-system-navigation.ts b/src/panels/config/core/ha-config-system-navigation.ts
index ade0cf81a8..ecbe8fdfa5 100644
--- a/src/panels/config/core/ha-config-system-navigation.ts
+++ b/src/panels/config/core/ha-config-system-navigation.ts
@@ -164,10 +164,10 @@ class HaConfigSystemNavigation extends LitElement {
     const backups: BackupContent[] | HassioBackup[] = isHassioLoaded
       ? await fetchHassioBackups(this.hass)
       : isComponentLoaded(this.hass, "backup")
-      ? await fetchBackupInfo(this.hass).then(
-          (backupData) => backupData.backups
-        )
-      : [];
+        ? await fetchBackupInfo(this.hass).then(
+            (backupData) => backupData.backups
+          )
+        : [];
 
     if (backups.length > 0) {
       this._latestBackupDate = (backups as any[]).reduce((a, b) =>
diff --git a/src/panels/config/devices/device-detail/ha-device-entities-card.ts b/src/panels/config/devices/device-detail/ha-device-entities-card.ts
index 4c1681d885..5ec3e3c8b0 100644
--- a/src/panels/config/devices/device-detail/ha-device-entities-card.ts
+++ b/src/panels/config/devices/device-detail/ha-device-entities-card.ts
@@ -167,11 +167,11 @@ export class HaDeviceEntitiesCard extends LitElement {
       let name = entry.name
         ? stripPrefixFromEntityName(entry.name, this.deviceName.toLowerCase())
         : entry.has_entity_name
-        ? entry.original_name || this.deviceName
-        : stripPrefixFromEntityName(
-            computeStateName(stateObj),
-            this.deviceName.toLowerCase()
-          );
+          ? entry.original_name || this.deviceName
+          : stripPrefixFromEntityName(
+              computeStateName(stateObj),
+              this.deviceName.toLowerCase()
+            );
 
       if (!name) {
         name = computeStateName(stateObj);
diff --git a/src/panels/config/devices/device-detail/integration-elements/zwave_js/ha-device-info-zwave_js.ts b/src/panels/config/devices/device-detail/integration-elements/zwave_js/ha-device-info-zwave_js.ts
index 64d9d0145b..eced1b42a2 100644
--- a/src/panels/config/devices/device-detail/integration-elements/zwave_js/ha-device-info-zwave_js.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/zwave_js/ha-device-info-zwave_js.ts
@@ -113,12 +113,12 @@ export class HaDeviceInfoZWaveJS extends SubscribeMixin(LitElement) {
                         }.title`
                       )
                     : this._node.is_secure === false
-                    ? this.hass.localize(
-                        "ui.panel.config.zwave_js.security_classes.none.title"
-                      )
-                    : this.hass.localize(
-                        "ui.panel.config.zwave_js.device_info.unknown"
-                      )}
+                      ? this.hass.localize(
+                          "ui.panel.config.zwave_js.security_classes.none.title"
+                        )
+                      : this.hass.localize(
+                          "ui.panel.config.zwave_js.device_info.unknown"
+                        )}
                 </div>
                 <div>
                   ${this.hass.localize(
diff --git a/src/panels/config/devices/ha-config-device-page.ts b/src/panels/config/devices/ha-config-device-page.ts
index ffaf82fcf9..1131d5214e 100644
--- a/src/panels/config/devices/ha-config-device-page.ts
+++ b/src/panels/config/devices/ha-config-device-page.ts
@@ -207,10 +207,10 @@ export class HaConfigDevicePage extends LitElement {
         entry.entity_category
           ? entry.entity_category
           : computeDomain(entry.entity_id) === "event"
-          ? "event"
-          : SENSOR_ENTITIES.includes(computeDomain(entry.entity_id))
-          ? "sensor"
-          : "control"
+            ? "event"
+            : SENSOR_ENTITIES.includes(computeDomain(entry.entity_id))
+              ? "sensor"
+              : "control"
       ) as Record<
         | "control"
         | "event"
diff --git a/src/panels/config/energy/dialogs/dialog-energy-gas-settings.ts b/src/panels/config/energy/dialogs/dialog-energy-gas-settings.ts
index c3cf3cc2aa..6ddfbc62d2 100644
--- a/src/panels/config/energy/dialogs/dialog-energy-gas-settings.ts
+++ b/src/panels/config/energy/dialogs/dialog-energy-gas-settings.ts
@@ -67,10 +67,10 @@ export class DialogEnergyGasSettings
     this._costs = this._source.entity_energy_price
       ? "entity"
       : this._source.number_energy_price
-      ? "number"
-      : this._source.stat_cost
-      ? "statistic"
-      : "no-costs";
+        ? "number"
+        : this._source.stat_cost
+          ? "statistic"
+          : "no-costs";
     this._energy_units = (
       await getSensorDeviceClassConvertibleUnits(this.hass, "energy")
     ).units;
@@ -100,8 +100,8 @@ export class DialogEnergyGasSettings
       this._params.allowedGasUnitClass === undefined
         ? [...(this._gas_units || []), ...(this._energy_units || [])].join(", ")
         : this._params.allowedGasUnitClass === "energy"
-        ? this._energy_units?.join(", ") || ""
-        : this._gas_units?.join(", ") || "";
+          ? this._energy_units?.join(", ") || ""
+          : this._gas_units?.join(", ") || "";
 
     const unitPrice = this._pickedDisplayUnit
       ? `${this.hass.config.currency}/${this._pickedDisplayUnit}`
diff --git a/src/panels/config/energy/dialogs/dialog-energy-grid-flow-settings.ts b/src/panels/config/energy/dialogs/dialog-energy-grid-flow-settings.ts
index 9531bf6b55..acd8f35c59 100644
--- a/src/panels/config/energy/dialogs/dialog-energy-grid-flow-settings.ts
+++ b/src/panels/config/energy/dialogs/dialog-energy-grid-flow-settings.ts
@@ -59,17 +59,17 @@ export class DialogEnergyGridFlowSettings
     this._source = params.source
       ? { ...params.source }
       : params.direction === "from"
-      ? emptyFlowFromGridSourceEnergyPreference()
-      : emptyFlowToGridSourceEnergyPreference();
+        ? emptyFlowFromGridSourceEnergyPreference()
+        : emptyFlowToGridSourceEnergyPreference();
     this._costs = this._source.entity_energy_price
       ? "entity"
       : this._source.number_energy_price
-      ? "number"
-      : this._source[
-          params.direction === "from" ? "stat_cost" : "stat_compensation"
-        ]
-      ? "statistic"
-      : "no-costs";
+        ? "number"
+        : this._source[
+              params.direction === "from" ? "stat_cost" : "stat_compensation"
+            ]
+          ? "statistic"
+          : "no-costs";
 
     const initialSourceId =
       this._source[
diff --git a/src/panels/config/energy/dialogs/dialog-energy-solar-settings.ts b/src/panels/config/energy/dialogs/dialog-energy-solar-settings.ts
index 71de4be348..40e5263516 100644
--- a/src/panels/config/energy/dialogs/dialog-energy-solar-settings.ts
+++ b/src/panels/config/energy/dialogs/dialog-energy-solar-settings.ts
@@ -204,13 +204,13 @@ export class DialogEnergySolarSettings
       domains.length === 0
         ? []
         : domains.length === 1
-        ? await getConfigEntries(this.hass, {
-            type: ["service"],
-            domain: domains[0],
-          })
-        : (await getConfigEntries(this.hass, { type: ["service"] })).filter(
-            (entry) => domains.includes(entry.domain)
-          );
+          ? await getConfigEntries(this.hass, {
+              type: ["service"],
+              domain: domains[0],
+            })
+          : (await getConfigEntries(this.hass, { type: ["service"] })).filter(
+              (entry) => domains.includes(entry.domain)
+            );
   }
 
   private _handleForecastChanged(ev: CustomEvent) {
diff --git a/src/panels/config/energy/dialogs/dialog-energy-water-settings.ts b/src/panels/config/energy/dialogs/dialog-energy-water-settings.ts
index 6136fc6923..e6ae0fb403 100644
--- a/src/panels/config/energy/dialogs/dialog-energy-water-settings.ts
+++ b/src/panels/config/energy/dialogs/dialog-energy-water-settings.ts
@@ -62,10 +62,10 @@ export class DialogEnergyWaterSettings
     this._costs = this._source.entity_energy_price
       ? "entity"
       : this._source.number_energy_price
-      ? "number"
-      : this._source.stat_cost
-      ? "statistic"
-      : "no-costs";
+        ? "number"
+        : this._source.stat_cost
+          ? "statistic"
+          : "no-costs";
     this._water_units = (
       await getSensorDeviceClassConvertibleUnits(this.hass, "water")
     ).units;
diff --git a/src/panels/config/entities/editor-tabs/settings/entity-settings-helper-tab.ts b/src/panels/config/entities/editor-tabs/settings/entity-settings-helper-tab.ts
index dd42f8b34e..058363a974 100644
--- a/src/panels/config/entities/editor-tabs/settings/entity-settings-helper-tab.ts
+++ b/src/panels/config/entities/editor-tabs/settings/entity-settings-helper-tab.ts
@@ -86,16 +86,16 @@ export class EntityRegistrySettingsHelper extends LitElement {
               this.entry.platform
             )
           : this._item === null
-          ? this.hass.localize("ui.dialogs.helper_settings.yaml_not_editable")
-          : html`
-              <span @value-changed=${this._valueChanged}>
-                ${dynamicElement(`ha-${this.entry.platform}-form`, {
-                  hass: this.hass,
-                  item: this._item,
-                  entry: this.entry,
-                })}
-              </span>
-            `}
+            ? this.hass.localize("ui.dialogs.helper_settings.yaml_not_editable")
+            : html`
+                <span @value-changed=${this._valueChanged}>
+                  ${dynamicElement(`ha-${this.entry.platform}-form`, {
+                    hass: this.hass,
+                    item: this._item,
+                    entry: this.entry,
+                  })}
+                </span>
+              `}
         <entity-registry-settings-editor
           .hass=${this.hass}
           .entry=${this.entry}
diff --git a/src/panels/config/entities/entity-registry-settings-editor.ts b/src/panels/config/entities/entity-registry-settings-editor.ts
index 0241542add..dae449b97c 100644
--- a/src/panels/config/entities/entity-registry-settings-editor.ts
+++ b/src/panels/config/entities/entity-registry-settings-editor.ts
@@ -428,37 +428,37 @@ export class EntityRegistrySettingsEditor extends LitElement {
             )}
           </ha-select>`
         : this.helperConfigEntry?.domain === "switch_as_x"
-        ? html`<ha-select
-            .label=${this.hass.localize(
-              "ui.dialogs.entity_registry.editor.switch_as_x"
-            )}
-            .value=${this._switchAs}
-            naturalMenuWidth
-            fixedMenuPosition
-            @selected=${this._switchAsChanged}
-            @closed=${stopPropagation}
-          >
-            <ha-list-item value="switch">
-              ${domainToName(this.hass.localize, "switch")}
-            </ha-list-item>
-            <ha-list-item .value=${domain}>
-              ${domainToName(this.hass.localize, domain)}
-            </ha-list-item>
-            <li divider role="separator"></li>
-            ${this._switchAsDomainsSorted(
-              SWITCH_AS_DOMAINS,
-              this.hass.localize
-            ).map((entry) =>
-              domain === entry.domain
-                ? nothing
-                : html`
-                    <ha-list-item .value=${entry.domain}>
-                      ${entry.label}
-                    </ha-list-item>
-                  `
-            )}
-          </ha-select>`
-        : nothing}
+          ? html`<ha-select
+              .label=${this.hass.localize(
+                "ui.dialogs.entity_registry.editor.switch_as_x"
+              )}
+              .value=${this._switchAs}
+              naturalMenuWidth
+              fixedMenuPosition
+              @selected=${this._switchAsChanged}
+              @closed=${stopPropagation}
+            >
+              <ha-list-item value="switch">
+                ${domainToName(this.hass.localize, "switch")}
+              </ha-list-item>
+              <ha-list-item .value=${domain}>
+                ${domainToName(this.hass.localize, domain)}
+              </ha-list-item>
+              <li divider role="separator"></li>
+              ${this._switchAsDomainsSorted(
+                SWITCH_AS_DOMAINS,
+                this.hass.localize
+              ).map((entry) =>
+                domain === entry.domain
+                  ? nothing
+                  : html`
+                      <ha-list-item .value=${entry.domain}>
+                        ${entry.label}
+                      </ha-list-item>
+                    `
+              )}
+            </ha-select>`
+          : nothing}
       ${this._deviceClassOptions
         ? html`
             <ha-select
diff --git a/src/panels/config/entities/entity-registry-settings.ts b/src/panels/config/entities/entity-registry-settings.ts
index f8ed357167..6dd889cb71 100644
--- a/src/panels/config/entities/entity-registry-settings.ts
+++ b/src/panels/config/entities/entity-registry-settings.ts
@@ -97,21 +97,23 @@ export class EntityRegistrySettings extends SubscribeMixin(LitElement) {
                       )}
                     </mwc-button>`
                 : this.entry.disabled_by
-                ? html`${this.hass!.localize(
-                    "ui.dialogs.entity_registry.editor.entity_disabled"
-                  )}${["user", "integration"].includes(this.entry.disabled_by!)
-                    ? html`<mwc-button
-                        slot="action"
-                        @click=${this._enableEntry}
-                      >
-                        ${this.hass!.localize(
-                          "ui.dialogs.entity_registry.editor.enable_entity"
-                        )}</mwc-button
-                      >`
-                    : ""}`
-                : this.hass!.localize(
-                    "ui.dialogs.entity_registry.editor.unavailable"
-                  )}
+                  ? html`${this.hass!.localize(
+                      "ui.dialogs.entity_registry.editor.entity_disabled"
+                    )}${["user", "integration"].includes(
+                      this.entry.disabled_by!
+                    )
+                      ? html`<mwc-button
+                          slot="action"
+                          @click=${this._enableEntry}
+                        >
+                          ${this.hass!.localize(
+                            "ui.dialogs.entity_registry.editor.enable_entity"
+                          )}</mwc-button
+                        >`
+                      : ""}`
+                  : this.hass!.localize(
+                      "ui.dialogs.entity_registry.editor.unavailable"
+                    )}
             </ha-alert>
           `
         : ""}
diff --git a/src/panels/config/entities/ha-config-entities.ts b/src/panels/config/entities/ha-config-entities.ts
index 10e403b7ec..0986115af7 100644
--- a/src/panels/config/entities/ha-config-entities.ts
+++ b/src/panels/config/entities/ha-config-entities.ts
@@ -268,12 +268,12 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
                     .path=${entry.restored
                       ? mdiRestoreAlert
                       : entry.unavailable
-                      ? mdiAlertCircle
-                      : entry.disabled_by
-                      ? mdiCancel
-                      : entry.hidden_by
-                      ? mdiEyeOff
-                      : mdiPencilOff}
+                        ? mdiAlertCircle
+                        : entry.disabled_by
+                          ? mdiCancel
+                          : entry.hidden_by
+                            ? mdiEyeOff
+                            : mdiPencilOff}
                   ></ha-svg-icon>
                   <simple-tooltip animation-delay="0" position="left">
                     ${entry.restored
@@ -281,20 +281,20 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
                           "ui.panel.config.entities.picker.status.restored"
                         )
                       : entry.unavailable
-                      ? this.hass.localize(
-                          "ui.panel.config.entities.picker.status.unavailable"
-                        )
-                      : entry.disabled_by
-                      ? this.hass.localize(
-                          "ui.panel.config.entities.picker.status.disabled"
-                        )
-                      : entry.hidden_by
-                      ? this.hass.localize(
-                          "ui.panel.config.entities.picker.status.hidden"
-                        )
-                      : this.hass.localize(
-                          "ui.panel.config.entities.picker.status.readonly"
-                        )}
+                        ? this.hass.localize(
+                            "ui.panel.config.entities.picker.status.unavailable"
+                          )
+                        : entry.disabled_by
+                          ? this.hass.localize(
+                              "ui.panel.config.entities.picker.status.disabled"
+                            )
+                          : entry.hidden_by
+                            ? this.hass.localize(
+                                "ui.panel.config.entities.picker.status.hidden"
+                              )
+                            : this.hass.localize(
+                                "ui.panel.config.entities.picker.status.readonly"
+                              )}
                   </simple-tooltip>
                 </div>
               `
@@ -426,10 +426,10 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
           status: restored
             ? localize("ui.panel.config.entities.picker.status.restored")
             : unavailable
-            ? localize("ui.panel.config.entities.picker.status.unavailable")
-            : entry.disabled_by
-            ? localize("ui.panel.config.entities.picker.status.disabled")
-            : localize("ui.panel.config.entities.picker.status.ok"),
+              ? localize("ui.panel.config.entities.picker.status.unavailable")
+              : entry.disabled_by
+                ? localize("ui.panel.config.entities.picker.status.disabled")
+                : localize("ui.panel.config.entities.picker.status.ok"),
         });
       }
 
diff --git a/src/panels/config/hardware/ha-config-hardware.ts b/src/panels/config/hardware/ha-config-hardware.ts
index 6a7e9d21a7..c46b46e852 100644
--- a/src/panels/config/hardware/ha-config-hardware.ts
+++ b/src/panels/config/hardware/ha-config-hardware.ts
@@ -439,16 +439,16 @@ class HaConfigHardware extends SubscribeMixin(LitElement) {
                   </div>
                 </ha-card>`
             : isComponentLoaded(this.hass, "hardware")
-            ? html`<ha-card outlined>
-                <div class="card-content">
-                  <div class="value">
-                    ${this.hass.localize(
-                      "ui.panel.config.hardware.loading_system_data"
-                    )}
+              ? html`<ha-card outlined>
+                  <div class="card-content">
+                    <div class="value">
+                      ${this.hass.localize(
+                        "ui.panel.config.hardware.loading_system_data"
+                      )}
+                    </div>
                   </div>
-                </div>
-              </ha-card>`
-            : ""}
+                </ha-card>`
+              : ""}
         </div>
       </hass-subpage>
     `;
diff --git a/src/panels/config/helpers/forms/ha-counter-form.ts b/src/panels/config/helpers/forms/ha-counter-form.ts
index c2b03630ab..479abac633 100644
--- a/src/panels/config/helpers/forms/ha-counter-form.ts
+++ b/src/panels/config/helpers/forms/ha-counter-form.ts
@@ -161,8 +161,8 @@ class HaCounterForm extends LitElement {
           ? Number(target.value)
           : undefined
         : target.localName === "ha-switch"
-        ? (ev.target as HaSwitch).checked
-        : ev.detail?.value || target.value;
+          ? (ev.target as HaSwitch).checked
+          : ev.detail?.value || target.value;
     if (this[`_${configValue}`] === value) {
       return;
     }
diff --git a/src/panels/config/helpers/forms/ha-input_datetime-form.ts b/src/panels/config/helpers/forms/ha-input_datetime-form.ts
index c44fe057c8..76e3eac399 100644
--- a/src/panels/config/helpers/forms/ha-input_datetime-form.ts
+++ b/src/panels/config/helpers/forms/ha-input_datetime-form.ts
@@ -33,8 +33,8 @@ class HaInputDateTimeForm extends LitElement {
         item.has_time && item.has_date
           ? "datetime"
           : item.has_time
-          ? "time"
-          : "date";
+            ? "time"
+            : "date";
       this._item.has_date =
         !item.has_date && !item.has_time ? true : item.has_date;
     } else {
diff --git a/src/panels/config/integrations/ha-config-integration-page.ts b/src/panels/config/integrations/ha-config-integration-page.ts
index 356beed983..55d4ee7323 100644
--- a/src/panels/config/integrations/ha-config-integration-page.ts
+++ b/src/panels/config/integrations/ha-config-integration-page.ts
@@ -684,25 +684,25 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
             ${this.hass.localize("ui.common.enable")}
           </mwc-button>`
         : configPanel &&
-          (item.domain !== "matter" || isDevVersion(this.hass.config.version))
-        ? html`<a
-            slot="meta"
-            href=${`/${configPanel}?config_entry=${item.entry_id}`}
-            ><mwc-button>
-              ${this.hass.localize(
-                "ui.panel.config.integrations.config_entry.configure"
-              )}
-            </mwc-button></a
-          >`
-        : item.supports_options && !stateText
-        ? html`
-            <mwc-button slot="meta" @click=${this._showOptions}>
-              ${this.hass.localize(
-                "ui.panel.config.integrations.config_entry.configure"
-              )}
-            </mwc-button>
-          `
-        : ""}
+            (item.domain !== "matter" || isDevVersion(this.hass.config.version))
+          ? html`<a
+              slot="meta"
+              href=${`/${configPanel}?config_entry=${item.entry_id}`}
+              ><mwc-button>
+                ${this.hass.localize(
+                  "ui.panel.config.integrations.config_entry.configure"
+                )}
+              </mwc-button></a
+            >`
+          : item.supports_options && !stateText
+            ? html`
+                <mwc-button slot="meta" @click=${this._showOptions}>
+                  ${this.hass.localize(
+                    "ui.panel.config.integrations.config_entry.configure"
+                  )}
+                </mwc-button>
+              `
+            : ""}
       <ha-button-menu slot="meta">
         <ha-icon-button
           slot="trigger"
@@ -835,19 +835,19 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
               ></ha-svg-icon>
             </ha-list-item>`
           : item.source !== "system"
-          ? html`<ha-list-item
-              class="warning"
-              @request-selected=${this._handleDisable}
-              graphic="icon"
-            >
-              ${this.hass.localize("ui.common.disable")}
-              <ha-svg-icon
-                slot="graphic"
+            ? html`<ha-list-item
                 class="warning"
-                .path=${mdiStopCircleOutline}
-              ></ha-svg-icon>
-            </ha-list-item>`
-          : ""}
+                @request-selected=${this._handleDisable}
+                graphic="icon"
+              >
+                ${this.hass.localize("ui.common.disable")}
+                <ha-svg-icon
+                  slot="graphic"
+                  class="warning"
+                  .path=${mdiStopCircleOutline}
+                ></ha-svg-icon>
+              </ha-list-item>`
+            : ""}
         ${item.source !== "system"
           ? html`<ha-list-item
               class="warning"
diff --git a/src/panels/config/integrations/ha-config-integrations-dashboard.ts b/src/panels/config/integrations/ha-config-integrations-dashboard.ts
index d689dcde6d..5483b3f3fc 100644
--- a/src/panels/config/integrations/ha-config-integrations-dashboard.ts
+++ b/src/panels/config/integrations/ha-config-integrations-dashboard.ts
@@ -465,57 +465,60 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
                   ></ha-integration-card>`
               )
             : this._filter &&
-              !configEntriesInProgress.length &&
-              !integrations.length &&
-              this.configEntries.length
-            ? html`
-                <div class="empty-message">
-                  <h1>
-                    ${this.hass.localize(
-                      "ui.panel.config.integrations.none_found"
-                    )}
-                  </h1>
-                  <p>
-                    ${this.hass.localize(
-                      "ui.panel.config.integrations.none_found_detail"
-                    )}
-                  </p>
-                  <mwc-button
-                    @click=${this._createFlow}
-                    unelevated
-                    .label=${this.hass.localize(
-                      "ui.panel.config.integrations.add_integration"
-                    )}
-                  ></mwc-button>
-                </div>
-              `
-            : // If we have a filter, never show a card
-            this._filter
-            ? ""
-            : // If we're showing 0 cards, show empty state text
-            (!this._showIgnored || ignoredConfigEntries.length === 0) &&
-              (!this._showDisabled || disabledConfigEntries.length === 0) &&
-              integrations.length === 0
-            ? html`
-                <div class="empty-message">
-                  <h1>
-                    ${this.hass.localize("ui.panel.config.integrations.none")}
-                  </h1>
-                  <p>
-                    ${this.hass.localize(
-                      "ui.panel.config.integrations.no_integrations"
-                    )}
-                  </p>
-                  <mwc-button
-                    @click=${this._createFlow}
-                    unelevated
-                    .label=${this.hass.localize(
-                      "ui.panel.config.integrations.add_integration"
-                    )}
-                  ></mwc-button>
-                </div>
-              `
-            : ""}
+                !configEntriesInProgress.length &&
+                !integrations.length &&
+                this.configEntries.length
+              ? html`
+                  <div class="empty-message">
+                    <h1>
+                      ${this.hass.localize(
+                        "ui.panel.config.integrations.none_found"
+                      )}
+                    </h1>
+                    <p>
+                      ${this.hass.localize(
+                        "ui.panel.config.integrations.none_found_detail"
+                      )}
+                    </p>
+                    <mwc-button
+                      @click=${this._createFlow}
+                      unelevated
+                      .label=${this.hass.localize(
+                        "ui.panel.config.integrations.add_integration"
+                      )}
+                    ></mwc-button>
+                  </div>
+                `
+              : // If we have a filter, never show a card
+                this._filter
+                ? ""
+                : // If we're showing 0 cards, show empty state text
+                  (!this._showIgnored || ignoredConfigEntries.length === 0) &&
+                    (!this._showDisabled ||
+                      disabledConfigEntries.length === 0) &&
+                    integrations.length === 0
+                  ? html`
+                      <div class="empty-message">
+                        <h1>
+                          ${this.hass.localize(
+                            "ui.panel.config.integrations.none"
+                          )}
+                        </h1>
+                        <p>
+                          ${this.hass.localize(
+                            "ui.panel.config.integrations.no_integrations"
+                          )}
+                        </p>
+                        <mwc-button
+                          @click=${this._createFlow}
+                          unelevated
+                          .label=${this.hass.localize(
+                            "ui.panel.config.integrations.add_integration"
+                          )}
+                        ></mwc-button>
+                      </div>
+                    `
+                  : ""}
         </div>
         <ha-fab
           slot="fab"
diff --git a/src/panels/config/integrations/ha-integration-card.ts b/src/panels/config/integrations/ha-integration-card.ts
index 2ee7532b7e..13af779372 100644
--- a/src/panels/config/integrations/ha-integration-card.ts
+++ b/src/panels/config/integrations/ha-integration-card.ts
@@ -105,10 +105,10 @@ export class HaIntegrationCard extends LitElement {
                   `ui.panel.config.integrations.config_entry.state.${entryState}`
                 )
               : debugLoggingEnabled
-              ? this.hass.localize(
-                  "ui.panel.config.integrations.config_entry.debug_logging_enabled"
-                )
-              : undefined}
+                ? this.hass.localize(
+                    "ui.panel.config.integrations.config_entry.debug_logging_enabled"
+                  )
+                : undefined}
             .manifest=${this.manifest}
           >
           </ha-integration-header>
@@ -146,26 +146,26 @@ export class HaIntegrationCard extends LitElement {
               </ha-button>
             </a>`
           : entities.length > 0
-          ? html`<a
-              href=${`/config/entities?historyBack=1&domain=${this.domain}`}
-            >
-              <ha-button>
-                ${this.hass.localize(
-                  `ui.panel.config.integrations.config_entry.entities`,
-                  "count",
-                  entities.length
-                )}
-              </ha-button>
-            </a>`
-          : html`<a href=${`/config/integrations/integration/${this.domain}`}>
-              <ha-button>
-                ${this.hass.localize(
-                  `ui.panel.config.integrations.config_entry.entries`,
-                  "count",
-                  this.items.length
-                )}
-              </ha-button>
-            </a>`}
+            ? html`<a
+                href=${`/config/entities?historyBack=1&domain=${this.domain}`}
+              >
+                <ha-button>
+                  ${this.hass.localize(
+                    `ui.panel.config.integrations.config_entry.entities`,
+                    "count",
+                    entities.length
+                  )}
+                </ha-button>
+              </a>`
+            : html`<a href=${`/config/integrations/integration/${this.domain}`}>
+                <ha-button>
+                  ${this.hass.localize(
+                    `ui.panel.config.integrations.config_entry.entries`,
+                    "count",
+                    this.items.length
+                  )}
+                </ha-button>
+              </a>`}
         <div class="icons">
           ${this.manifest && !this.manifest.is_built_in
             ? html`<span class="icon custom">
diff --git a/src/panels/config/integrations/ha-integration-header.ts b/src/panels/config/integrations/ha-integration-header.ts
index 9a18b83b69..e93aa4fb8e 100644
--- a/src/panels/config/integrations/ha-integration-header.ts
+++ b/src/panels/config/integrations/ha-integration-header.ts
@@ -56,13 +56,13 @@ export class HaIntegrationHeader extends LitElement {
                 </div>
               `
             : this.warning
-            ? html`
-                <div class="secondary warning">
-                  <ha-svg-icon .path=${mdiAlertOutline}></ha-svg-icon>
-                  <span>${this.warning}</span>
-                </div>
-              `
-            : nothing}
+              ? html`
+                  <div class="secondary warning">
+                    <ha-svg-icon .path=${mdiAlertOutline}></ha-svg-icon>
+                    <span>${this.warning}</span>
+                  </div>
+                `
+              : nothing}
         </div>
         <ha-icon-next
           class="header-button"
diff --git a/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts b/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts
index b9686c75c0..f34d32ca2b 100644
--- a/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts
+++ b/src/panels/config/integrations/integration-panels/zha/dialog-zha-manage-zigbee-device.ts
@@ -140,40 +140,40 @@ class DialogZHAManageZigbeeDevice extends LitElement {
                   ></zha-manage-clusters>
                 `
               : this._currTab === "bindings"
-              ? html`
-                  ${this._bindableDevices.length > 0
-                    ? html`
-                        <zha-device-binding-control
-                          .hass=${this.hass}
-                          .device=${this._device}
-                          .bindableDevices=${this._bindableDevices}
-                        ></zha-device-binding-control>
-                      `
-                    : ""}
-                  ${this._device && this._groups.length > 0
-                    ? html`
-                        <zha-group-binding-control
-                          .hass=${this.hass}
-                          .device=${this._device}
-                          .groups=${this._groups}
-                        ></zha-group-binding-control>
-                      `
-                    : ""}
-                `
-              : this._currTab === "signature"
-              ? html`
-                  <zha-device-zigbee-info
-                    .hass=${this.hass}
-                    .device=${this._device}
-                  ></zha-device-zigbee-info>
-                `
-              : html`
-                  <zha-device-neighbors
-                    .hass=${this.hass}
-                    .device=${this._device}
-                    .narrow=${!this.large}
-                  ></zha-device-neighbors>
-                `
+                ? html`
+                    ${this._bindableDevices.length > 0
+                      ? html`
+                          <zha-device-binding-control
+                            .hass=${this.hass}
+                            .device=${this._device}
+                            .bindableDevices=${this._bindableDevices}
+                          ></zha-device-binding-control>
+                        `
+                      : ""}
+                    ${this._device && this._groups.length > 0
+                      ? html`
+                          <zha-group-binding-control
+                            .hass=${this.hass}
+                            .device=${this._device}
+                            .groups=${this._groups}
+                          ></zha-group-binding-control>
+                        `
+                      : ""}
+                  `
+                : this._currTab === "signature"
+                  ? html`
+                      <zha-device-zigbee-info
+                        .hass=${this.hass}
+                        .device=${this._device}
+                      ></zha-device-zigbee-info>
+                    `
+                  : html`
+                      <zha-device-neighbors
+                        .hass=${this.hass}
+                        .device=${this._device}
+                        .narrow=${!this.large}
+                      ></zha-device-neighbors>
+                    `
           )}
         </div>
       </ha-dialog>
diff --git a/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-add-node.ts b/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-add-node.ts
index 7ffc6554b2..1cac5c00a9 100644
--- a/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-add-node.ts
+++ b/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-add-node.ts
@@ -119,76 +119,80 @@ class DialogZWaveJSAddNode extends LitElement {
               <ha-circular-progress size="large" active></ha-circular-progress>
             </div>`
           : this._status === "choose_strategy"
-          ? html`<h3>Choose strategy</h3>
-              <div class="flex-column">
-                <ha-formfield
-                  .label=${html`<b>Secure if possible</b>
-                    <div class="secondary">
-                      Requires user interaction during inclusion. Fast and
-                      secure with S2 when supported. Fallback to legacy S0 or no
-                      encryption when necessary.
-                    </div>`}
-                >
-                  <ha-radio
-                    name="strategy"
-                    @change=${this._handleStrategyChange}
-                    .value=${InclusionStrategy.Default}
-                    .checked=${this._inclusionStrategy ===
-                      InclusionStrategy.Default ||
-                    this._inclusionStrategy === undefined}
+            ? html`<h3>Choose strategy</h3>
+                <div class="flex-column">
+                  <ha-formfield
+                    .label=${html`<b>Secure if possible</b>
+                      <div class="secondary">
+                        Requires user interaction during inclusion. Fast and
+                        secure with S2 when supported. Fallback to legacy S0 or
+                        no encryption when necessary.
+                      </div>`}
                   >
-                  </ha-radio>
-                </ha-formfield>
-                <ha-formfield
-                  .label=${html`<b>Legacy Secure</b>
-                    <div class="secondary">
-                      Uses the older S0 security that is secure, but slow due to
-                      a lot of overhead. Allows securely including S2 capable
-                      devices which fail to be included with S2.
-                    </div>`}
-                >
-                  <ha-radio
-                    name="strategy"
-                    @change=${this._handleStrategyChange}
-                    .value=${InclusionStrategy.Security_S0}
-                    .checked=${this._inclusionStrategy ===
-                    InclusionStrategy.Security_S0}
+                    <ha-radio
+                      name="strategy"
+                      @change=${this._handleStrategyChange}
+                      .value=${InclusionStrategy.Default}
+                      .checked=${this._inclusionStrategy ===
+                        InclusionStrategy.Default ||
+                      this._inclusionStrategy === undefined}
+                    >
+                    </ha-radio>
+                  </ha-formfield>
+                  <ha-formfield
+                    .label=${html`<b>Legacy Secure</b>
+                      <div class="secondary">
+                        Uses the older S0 security that is secure, but slow due
+                        to a lot of overhead. Allows securely including S2
+                        capable devices which fail to be included with S2.
+                      </div>`}
                   >
-                  </ha-radio>
-                </ha-formfield>
-                <ha-formfield
-                  .label=${html`<b>Insecure</b>
-                    <div class="secondary">Do not use encryption.</div>`}
-                >
-                  <ha-radio
-                    name="strategy"
-                    @change=${this._handleStrategyChange}
-                    .value=${InclusionStrategy.Insecure}
-                    .checked=${this._inclusionStrategy ===
-                    InclusionStrategy.Insecure}
+                    <ha-radio
+                      name="strategy"
+                      @change=${this._handleStrategyChange}
+                      .value=${InclusionStrategy.Security_S0}
+                      .checked=${this._inclusionStrategy ===
+                      InclusionStrategy.Security_S0}
+                    >
+                    </ha-radio>
+                  </ha-formfield>
+                  <ha-formfield
+                    .label=${html`<b>Insecure</b>
+                      <div class="secondary">Do not use encryption.</div>`}
                   >
-                  </ha-radio>
-                </ha-formfield>
-              </div>
-              <mwc-button
-                slot="primaryAction"
-                @click=${this._startManualInclusion}
-              >
-                Search device
-              </mwc-button>`
-          : this._status === "qr_scan"
-          ? html`${this._error
-                ? html`<ha-alert alert-type="error">${this._error}</ha-alert>`
-                : ""}
-              <ha-qr-scanner
-                .localize=${this.hass.localize}
-                @qr-code-scanned=${this._qrCodeScanned}
-              ></ha-qr-scanner>
-              <mwc-button slot="secondaryAction" @click=${this._startOver}>
-                ${this.hass.localize("ui.panel.config.zwave_js.common.back")}
-              </mwc-button>`
-          : this._status === "validate_dsk_enter_pin"
-          ? html`
+                    <ha-radio
+                      name="strategy"
+                      @change=${this._handleStrategyChange}
+                      .value=${InclusionStrategy.Insecure}
+                      .checked=${this._inclusionStrategy ===
+                      InclusionStrategy.Insecure}
+                    >
+                    </ha-radio>
+                  </ha-formfield>
+                </div>
+                <mwc-button
+                  slot="primaryAction"
+                  @click=${this._startManualInclusion}
+                >
+                  Search device
+                </mwc-button>`
+            : this._status === "qr_scan"
+              ? html`${this._error
+                    ? html`<ha-alert alert-type="error"
+                        >${this._error}</ha-alert
+                      >`
+                    : ""}
+                  <ha-qr-scanner
+                    .localize=${this.hass.localize}
+                    @qr-code-scanned=${this._qrCodeScanned}
+                  ></ha-qr-scanner>
+                  <mwc-button slot="secondaryAction" @click=${this._startOver}>
+                    ${this.hass.localize(
+                      "ui.panel.config.zwave_js.common.back"
+                    )}
+                  </mwc-button>`
+              : this._status === "validate_dsk_enter_pin"
+                ? html`
                 <p>
                   Please enter the 5-digit PIN for your device and verify that
                   the rest of the device-specific key matches the one that can
@@ -217,262 +221,300 @@ class DialogZWaveJSAddNode extends LitElement {
                 </mwc-button>
               </div>
             `
-          : this._status === "grant_security_classes"
-          ? html`
-              <h3>The device has requested the following security classes:</h3>
-              ${this._error
-                ? html`<ha-alert alert-type="error">${this._error}</ha-alert>`
-                : ""}
-              <div class="flex-column">
-                ${this._requestedGrant?.securityClasses
-                  .sort()
-                  .reverse()
-                  .map(
-                    (securityClass) =>
-                      html`<ha-formfield
-                        .label=${html`<b
-                            >${this.hass.localize(
-                              `ui.panel.config.zwave_js.security_classes.${SecurityClass[securityClass]}.title`
-                            )}</b
-                          >
-                          <div class="secondary">
-                            ${this.hass.localize(
-                              `ui.panel.config.zwave_js.security_classes.${SecurityClass[securityClass]}.description`
-                            )}
-                          </div>`}
-                      >
-                        <ha-checkbox
-                          @change=${this._handleSecurityClassChange}
-                          .value=${securityClass}
-                          .checked=${this._securityClasses.includes(
-                            securityClass
+                : this._status === "grant_security_classes"
+                  ? html`
+                      <h3>
+                        The device has requested the following security classes:
+                      </h3>
+                      ${this._error
+                        ? html`<ha-alert alert-type="error"
+                            >${this._error}</ha-alert
+                          >`
+                        : ""}
+                      <div class="flex-column">
+                        ${this._requestedGrant?.securityClasses
+                          .sort()
+                          .reverse()
+                          .map(
+                            (securityClass) =>
+                              html`<ha-formfield
+                                .label=${html`<b
+                                    >${this.hass.localize(
+                                      `ui.panel.config.zwave_js.security_classes.${SecurityClass[securityClass]}.title`
+                                    )}</b
+                                  >
+                                  <div class="secondary">
+                                    ${this.hass.localize(
+                                      `ui.panel.config.zwave_js.security_classes.${SecurityClass[securityClass]}.description`
+                                    )}
+                                  </div>`}
+                              >
+                                <ha-checkbox
+                                  @change=${this._handleSecurityClassChange}
+                                  .value=${securityClass}
+                                  .checked=${this._securityClasses.includes(
+                                    securityClass
+                                  )}
+                                >
+                                </ha-checkbox>
+                              </ha-formfield>`
                           )}
+                      </div>
+                      <mwc-button
+                        slot="primaryAction"
+                        .disabled=${!this._securityClasses.length}
+                        @click=${this._grantSecurityClasses}
+                      >
+                        Submit
+                      </mwc-button>
+                    `
+                  : this._status === "timed_out"
+                    ? html`
+                        <h3>Timed out!</h3>
+                        <p>
+                          We have not found any device in inclusion mode. Make
+                          sure the device is active and in inclusion mode.
+                        </p>
+                        <mwc-button
+                          slot="primaryAction"
+                          @click=${this._startOver}
                         >
-                        </ha-checkbox>
-                      </ha-formfield>`
-                  )}
-              </div>
-              <mwc-button
-                slot="primaryAction"
-                .disabled=${!this._securityClasses.length}
-                @click=${this._grantSecurityClasses}
-              >
-                Submit
-              </mwc-button>
-            `
-          : this._status === "timed_out"
-          ? html`
-              <h3>Timed out!</h3>
-              <p>
-                We have not found any device in inclusion mode. Make sure the
-                device is active and in inclusion mode.
-              </p>
-              <mwc-button slot="primaryAction" @click=${this._startOver}>
-                Retry
-              </mwc-button>
-            `
-          : this._status === "started_specific"
-          ? html`<h3>
-                ${this.hass.localize(
-                  "ui.panel.config.zwave_js.add_node.searching_device"
-                )}
-              </h3>
-              <ha-circular-progress active></ha-circular-progress>
-              <p>
-                ${this.hass.localize(
-                  "ui.panel.config.zwave_js.add_node.follow_device_instructions"
-                )}
-              </p>`
-          : this._status === "started"
-          ? html`
-              <div class="select-inclusion">
-                <div class="outline">
-                  <h2>
-                    ${this.hass.localize(
-                      "ui.panel.config.zwave_js.add_node.searching_device"
-                    )}
-                  </h2>
-                  <ha-circular-progress active></ha-circular-progress>
-                  <p>
-                    ${this.hass.localize(
-                      "ui.panel.config.zwave_js.add_node.follow_device_instructions"
-                    )}
-                  </p>
-                  <p>
-                    <button
-                      class="link"
-                      @click=${this._chooseInclusionStrategy}
-                    >
-                      ${this.hass.localize(
-                        "ui.panel.config.zwave_js.add_node.choose_inclusion_strategy"
-                      )}
-                    </button>
-                  </p>
-                </div>
-                ${this._supportsSmartStart
-                  ? html` <div class="outline">
-                      <h2>
-                        ${this.hass.localize(
-                          "ui.panel.config.zwave_js.add_node.qr_code"
-                        )}
-                      </h2>
-                      <ha-svg-icon .path=${mdiQrcodeScan}></ha-svg-icon>
-                      <p>
-                        ${this.hass.localize(
-                          "ui.panel.config.zwave_js.add_node.qr_code_paragraph"
-                        )}
-                      </p>
-                      <p>
-                        <mwc-button @click=${this._scanQRCode}>
-                          ${this.hass.localize(
-                            "ui.panel.config.zwave_js.add_node.scan_qr_code"
-                          )}
+                          Retry
                         </mwc-button>
-                      </p>
-                    </div>`
-                  : ""}
-              </div>
-              <mwc-button slot="primaryAction" @click=${this.closeDialog}>
-                ${this.hass.localize("ui.common.cancel")}
-              </mwc-button>
-            `
-          : this._status === "interviewing"
-          ? html`
-              <div class="flex-container">
-                <ha-circular-progress active></ha-circular-progress>
-                <div class="status">
-                  <p>
-                    <b
-                      >${this.hass.localize(
-                        "ui.panel.config.zwave_js.add_node.interview_started"
-                      )}</b
-                    >
-                  </p>
-                  ${this._stages
-                    ? html` <div class="stages">
-                        ${this._stages.map(
-                          (stage) => html`
-                            <span class="stage">
-                              <ha-svg-icon
-                                .path=${mdiCheckCircle}
-                                class="success"
-                              ></ha-svg-icon>
-                              ${stage}
-                            </span>
+                      `
+                    : this._status === "started_specific"
+                      ? html`<h3>
+                            ${this.hass.localize(
+                              "ui.panel.config.zwave_js.add_node.searching_device"
+                            )}
+                          </h3>
+                          <ha-circular-progress active></ha-circular-progress>
+                          <p>
+                            ${this.hass.localize(
+                              "ui.panel.config.zwave_js.add_node.follow_device_instructions"
+                            )}
+                          </p>`
+                      : this._status === "started"
+                        ? html`
+                            <div class="select-inclusion">
+                              <div class="outline">
+                                <h2>
+                                  ${this.hass.localize(
+                                    "ui.panel.config.zwave_js.add_node.searching_device"
+                                  )}
+                                </h2>
+                                <ha-circular-progress
+                                  active
+                                ></ha-circular-progress>
+                                <p>
+                                  ${this.hass.localize(
+                                    "ui.panel.config.zwave_js.add_node.follow_device_instructions"
+                                  )}
+                                </p>
+                                <p>
+                                  <button
+                                    class="link"
+                                    @click=${this._chooseInclusionStrategy}
+                                  >
+                                    ${this.hass.localize(
+                                      "ui.panel.config.zwave_js.add_node.choose_inclusion_strategy"
+                                    )}
+                                  </button>
+                                </p>
+                              </div>
+                              ${this._supportsSmartStart
+                                ? html` <div class="outline">
+                                    <h2>
+                                      ${this.hass.localize(
+                                        "ui.panel.config.zwave_js.add_node.qr_code"
+                                      )}
+                                    </h2>
+                                    <ha-svg-icon
+                                      .path=${mdiQrcodeScan}
+                                    ></ha-svg-icon>
+                                    <p>
+                                      ${this.hass.localize(
+                                        "ui.panel.config.zwave_js.add_node.qr_code_paragraph"
+                                      )}
+                                    </p>
+                                    <p>
+                                      <mwc-button @click=${this._scanQRCode}>
+                                        ${this.hass.localize(
+                                          "ui.panel.config.zwave_js.add_node.scan_qr_code"
+                                        )}
+                                      </mwc-button>
+                                    </p>
+                                  </div>`
+                                : ""}
+                            </div>
+                            <mwc-button
+                              slot="primaryAction"
+                              @click=${this.closeDialog}
+                            >
+                              ${this.hass.localize("ui.common.cancel")}
+                            </mwc-button>
                           `
-                        )}
-                      </div>`
-                    : ""}
-                </div>
-              </div>
-              <mwc-button slot="primaryAction" @click=${this.closeDialog}>
-                ${this.hass.localize("ui.common.close")}
-              </mwc-button>
-            `
-          : this._status === "failed"
-          ? html`
-              <div class="flex-container">
-                <div class="status">
-                  <ha-alert
-                    alert-type="error"
-                    .title=${this.hass.localize(
-                      "ui.panel.config.zwave_js.add_node.inclusion_failed"
-                    )}
-                  >
-                    ${this._error ||
-                    this.hass.localize(
-                      "ui.panel.config.zwave_js.add_node.check_logs"
-                    )}
-                  </ha-alert>
-                  ${this._stages
-                    ? html` <div class="stages">
-                        ${this._stages.map(
-                          (stage) => html`
-                            <span class="stage">
-                              <ha-svg-icon
-                                .path=${mdiCheckCircle}
-                                class="success"
-                              ></ha-svg-icon>
-                              ${stage}
-                            </span>
-                          `
-                        )}
-                      </div>`
-                    : ""}
-                </div>
-              </div>
-              <mwc-button slot="primaryAction" @click=${this.closeDialog}>
-                ${this.hass.localize("ui.common.close")}
-              </mwc-button>
-            `
-          : this._status === "finished"
-          ? html`
-              <div class="flex-container">
-                <ha-svg-icon
-                  .path=${this._lowSecurity ? mdiAlertCircle : mdiCheckCircle}
-                  class=${this._lowSecurity ? "warning" : "success"}
-                ></ha-svg-icon>
-                <div class="status">
-                  <p>
-                    ${this.hass.localize(
-                      "ui.panel.config.zwave_js.add_node.inclusion_finished"
-                    )}
-                  </p>
-                  ${this._lowSecurity
-                    ? html`<ha-alert
-                        alert-type="warning"
-                        title="The device was added insecurely"
-                      >
-                        There was an error during secure inclusion. You can try
-                        again by excluding the device and adding it again.
-                      </ha-alert>`
-                    : ""}
-                  <a href=${`/config/devices/device/${this._device!.id}`}>
-                    <mwc-button>
-                      ${this.hass.localize(
-                        "ui.panel.config.zwave_js.add_node.view_device"
-                      )}
-                    </mwc-button>
-                  </a>
-                  ${this._stages
-                    ? html` <div class="stages">
-                        ${this._stages.map(
-                          (stage) => html`
-                            <span class="stage">
-                              <ha-svg-icon
-                                .path=${mdiCheckCircle}
-                                class="success"
-                              ></ha-svg-icon>
-                              ${stage}
-                            </span>
-                          `
-                        )}
-                      </div>`
-                    : ""}
-                </div>
-              </div>
-              <mwc-button slot="primaryAction" @click=${this.closeDialog}>
-                ${this.hass.localize("ui.common.close")}
-              </mwc-button>
-            `
-          : this._status === "provisioned"
-          ? html` <div class="flex-container">
-                <ha-svg-icon
-                  .path=${mdiCheckCircle}
-                  class="success"
-                ></ha-svg-icon>
-                <div class="status">
-                  <p>
-                    ${this.hass.localize(
-                      "ui.panel.config.zwave_js.add_node.provisioning_finished"
-                    )}
-                  </p>
-                </div>
-              </div>
-              <mwc-button slot="primaryAction" @click=${this.closeDialog}>
-                ${this.hass.localize("ui.common.close")}
-              </mwc-button>`
-          : ""}
+                        : this._status === "interviewing"
+                          ? html`
+                              <div class="flex-container">
+                                <ha-circular-progress
+                                  active
+                                ></ha-circular-progress>
+                                <div class="status">
+                                  <p>
+                                    <b
+                                      >${this.hass.localize(
+                                        "ui.panel.config.zwave_js.add_node.interview_started"
+                                      )}</b
+                                    >
+                                  </p>
+                                  ${this._stages
+                                    ? html` <div class="stages">
+                                        ${this._stages.map(
+                                          (stage) => html`
+                                            <span class="stage">
+                                              <ha-svg-icon
+                                                .path=${mdiCheckCircle}
+                                                class="success"
+                                              ></ha-svg-icon>
+                                              ${stage}
+                                            </span>
+                                          `
+                                        )}
+                                      </div>`
+                                    : ""}
+                                </div>
+                              </div>
+                              <mwc-button
+                                slot="primaryAction"
+                                @click=${this.closeDialog}
+                              >
+                                ${this.hass.localize("ui.common.close")}
+                              </mwc-button>
+                            `
+                          : this._status === "failed"
+                            ? html`
+                                <div class="flex-container">
+                                  <div class="status">
+                                    <ha-alert
+                                      alert-type="error"
+                                      .title=${this.hass.localize(
+                                        "ui.panel.config.zwave_js.add_node.inclusion_failed"
+                                      )}
+                                    >
+                                      ${this._error ||
+                                      this.hass.localize(
+                                        "ui.panel.config.zwave_js.add_node.check_logs"
+                                      )}
+                                    </ha-alert>
+                                    ${this._stages
+                                      ? html` <div class="stages">
+                                          ${this._stages.map(
+                                            (stage) => html`
+                                              <span class="stage">
+                                                <ha-svg-icon
+                                                  .path=${mdiCheckCircle}
+                                                  class="success"
+                                                ></ha-svg-icon>
+                                                ${stage}
+                                              </span>
+                                            `
+                                          )}
+                                        </div>`
+                                      : ""}
+                                  </div>
+                                </div>
+                                <mwc-button
+                                  slot="primaryAction"
+                                  @click=${this.closeDialog}
+                                >
+                                  ${this.hass.localize("ui.common.close")}
+                                </mwc-button>
+                              `
+                            : this._status === "finished"
+                              ? html`
+                                  <div class="flex-container">
+                                    <ha-svg-icon
+                                      .path=${this._lowSecurity
+                                        ? mdiAlertCircle
+                                        : mdiCheckCircle}
+                                      class=${this._lowSecurity
+                                        ? "warning"
+                                        : "success"}
+                                    ></ha-svg-icon>
+                                    <div class="status">
+                                      <p>
+                                        ${this.hass.localize(
+                                          "ui.panel.config.zwave_js.add_node.inclusion_finished"
+                                        )}
+                                      </p>
+                                      ${this._lowSecurity
+                                        ? html`<ha-alert
+                                            alert-type="warning"
+                                            title="The device was added insecurely"
+                                          >
+                                            There was an error during secure
+                                            inclusion. You can try again by
+                                            excluding the device and adding it
+                                            again.
+                                          </ha-alert>`
+                                        : ""}
+                                      <a
+                                        href=${`/config/devices/device/${
+                                          this._device!.id
+                                        }`}
+                                      >
+                                        <mwc-button>
+                                          ${this.hass.localize(
+                                            "ui.panel.config.zwave_js.add_node.view_device"
+                                          )}
+                                        </mwc-button>
+                                      </a>
+                                      ${this._stages
+                                        ? html` <div class="stages">
+                                            ${this._stages.map(
+                                              (stage) => html`
+                                                <span class="stage">
+                                                  <ha-svg-icon
+                                                    .path=${mdiCheckCircle}
+                                                    class="success"
+                                                  ></ha-svg-icon>
+                                                  ${stage}
+                                                </span>
+                                              `
+                                            )}
+                                          </div>`
+                                        : ""}
+                                    </div>
+                                  </div>
+                                  <mwc-button
+                                    slot="primaryAction"
+                                    @click=${this.closeDialog}
+                                  >
+                                    ${this.hass.localize("ui.common.close")}
+                                  </mwc-button>
+                                `
+                              : this._status === "provisioned"
+                                ? html` <div class="flex-container">
+                                      <ha-svg-icon
+                                        .path=${mdiCheckCircle}
+                                        class="success"
+                                      ></ha-svg-icon>
+                                      <div class="status">
+                                        <p>
+                                          ${this.hass.localize(
+                                            "ui.panel.config.zwave_js.add_node.provisioning_finished"
+                                          )}
+                                        </p>
+                                      </div>
+                                    </div>
+                                    <mwc-button
+                                      slot="primaryAction"
+                                      @click=${this.closeDialog}
+                                    >
+                                      ${this.hass.localize("ui.common.close")}
+                                    </mwc-button>`
+                                : ""}
       </ha-dialog>
     `;
   }
diff --git a/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-update-firmware-node.ts b/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-update-firmware-node.ts
index b154162f83..511d13cea7 100644
--- a/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-update-firmware-node.ts
+++ b/src/panels/config/integrations/integration-panels/zwave_js/dialog-zwave_js-update-firmware-node.ts
@@ -215,77 +215,77 @@ class DialogZWaveJSUpdateFirmwareNode extends LitElement {
                 ${abortFirmwareUpdateButton}
               `
           : this._updateProgressMessage && !this._updateFinishedMessage
-          ? html`
-              <p>
-                ${this.hass.localize(
-                  "ui.panel.config.zwave_js.update_firmware.in_progress",
-                  {
-                    device: html`<strong>${this._deviceName}</strong>`,
-                    progress: (
-                      (this._updateProgressMessage.sent_fragments * 100) /
-                      this._updateProgressMessage.total_fragments
-                    ).toFixed(2),
-                  }
-                )}
-              </p>
-              <mwc-linear-progress
-                determinate
-                .progress=${this._updateProgressMessage.sent_fragments /
-                this._updateProgressMessage.total_fragments}
-              ></mwc-linear-progress>
-              <p>
-                ${this.hass.localize(
-                  "ui.panel.config.zwave_js.update_firmware.close",
-                  {
-                    device: html`<strong>${this._deviceName}</strong>`,
-                  }
-                )}
-              </p>
-              ${abortFirmwareUpdateButton}
-            `
-          : html`
-              <div class="flex-container">
-                <ha-svg-icon
-                  .path=${this._updateFinishedMessage!.success
-                    ? mdiCheckCircle
-                    : mdiCloseCircle}
-                  .class=${status}
-                ></ha-svg-icon>
-                <div class="status">
-                  <p>
-                    ${this.hass.localize(
-                      `ui.panel.config.zwave_js.update_firmware.finished_status.${status}`,
-                      {
-                        device: html`<strong>${this._deviceName}</strong>`,
-                        message: this.hass.localize(
-                          `ui.panel.config.zwave_js.update_firmware.finished_status.${
-                            this._nodeStatus.is_controller_node
-                              ? ControllerFirmwareUpdateStatus[
-                                  this._updateFinishedMessage!.status
-                                ]
-                              : NodeFirmwareUpdateStatus[
-                                  this._updateFinishedMessage!.status
-                                ]
-                          }`
-                        ),
-                      }
-                    )}
-                  </p>
-                </div>
-              </div>
-              ${this._updateFinishedMessage!.success
-                ? html`<p>
-                    ${this.hass.localize(
-                      `ui.panel.config.zwave_js.update_firmware.finished_status.done${localizationKeySuffix}`
-                    )}
-                  </p>`
-                : html`<p>
+            ? html`
+                <p>
+                  ${this.hass.localize(
+                    "ui.panel.config.zwave_js.update_firmware.in_progress",
+                    {
+                      device: html`<strong>${this._deviceName}</strong>`,
+                      progress: (
+                        (this._updateProgressMessage.sent_fragments * 100) /
+                        this._updateProgressMessage.total_fragments
+                      ).toFixed(2),
+                    }
+                  )}
+                </p>
+                <mwc-linear-progress
+                  determinate
+                  .progress=${this._updateProgressMessage.sent_fragments /
+                  this._updateProgressMessage.total_fragments}
+                ></mwc-linear-progress>
+                <p>
+                  ${this.hass.localize(
+                    "ui.panel.config.zwave_js.update_firmware.close",
+                    {
+                      device: html`<strong>${this._deviceName}</strong>`,
+                    }
+                  )}
+                </p>
+                ${abortFirmwareUpdateButton}
+              `
+            : html`
+                <div class="flex-container">
+                  <ha-svg-icon
+                    .path=${this._updateFinishedMessage!.success
+                      ? mdiCheckCircle
+                      : mdiCloseCircle}
+                    .class=${status}
+                  ></ha-svg-icon>
+                  <div class="status">
+                    <p>
                       ${this.hass.localize(
-                        "ui.panel.config.zwave_js.update_firmware.finished_status.try_again"
+                        `ui.panel.config.zwave_js.update_firmware.finished_status.${status}`,
+                        {
+                          device: html`<strong>${this._deviceName}</strong>`,
+                          message: this.hass.localize(
+                            `ui.panel.config.zwave_js.update_firmware.finished_status.${
+                              this._nodeStatus.is_controller_node
+                                ? ControllerFirmwareUpdateStatus[
+                                    this._updateFinishedMessage!.status
+                                  ]
+                                : NodeFirmwareUpdateStatus[
+                                    this._updateFinishedMessage!.status
+                                  ]
+                            }`
+                          ),
+                        }
                       )}
                     </p>
-                    ${beginFirmwareUpdateHTML}`}
-            `}
+                  </div>
+                </div>
+                ${this._updateFinishedMessage!.success
+                  ? html`<p>
+                      ${this.hass.localize(
+                        `ui.panel.config.zwave_js.update_firmware.finished_status.done${localizationKeySuffix}`
+                      )}
+                    </p>`
+                  : html`<p>
+                        ${this.hass.localize(
+                          "ui.panel.config.zwave_js.update_firmware.finished_status.try_again"
+                        )}
+                      </p>
+                      ${beginFirmwareUpdateHTML}`}
+              `}
       </ha-dialog>
     `;
   }
diff --git a/src/panels/config/logs/system-log-card.ts b/src/panels/config/logs/system-log-card.ts
index 5aa78b4248..49a41880c7 100644
--- a/src/panels/config/logs/system-log-card.ts
+++ b/src/panels/config/logs/system-log-card.ts
@@ -119,45 +119,45 @@ export class SystemLogCard extends LitElement {
                       </div>
                     `
                   : filteredItems.length === 0 && this.filter
-                  ? html`<div class="card-content">
-                      ${this.hass.localize(
-                        "ui.panel.config.logs.no_issues_search",
-                        "term",
-                        this.filter
+                    ? html`<div class="card-content">
+                        ${this.hass.localize(
+                          "ui.panel.config.logs.no_issues_search",
+                          "term",
+                          this.filter
+                        )}
+                      </div>`
+                    : filteredItems.map(
+                        (item, idx) => html`
+                          <paper-item @click=${this._openLog} .logItem=${item}>
+                            <paper-item-body two-line>
+                              <div class="row">${item.message[0]}</div>
+                              <div class="row-secondary" secondary>
+                                ${this._timestamp(item)} –
+                                ${html`(<span class=${item.level}
+                                    >${this.hass.localize(
+                                      `ui.panel.config.logs.level.${item.level}`
+                                    )}</span
+                                  >) `}
+                                ${integrations[idx]
+                                  ? `${domainToName(
+                                      this.hass!.localize,
+                                      integrations[idx]!
+                                    )}${
+                                      isCustomIntegrationError(item)
+                                        ? ` (${this.hass.localize(
+                                            "ui.panel.config.logs.custom_integration"
+                                          )})`
+                                        : ""
+                                    }`
+                                  : item.source[0]}
+                                ${item.count > 1
+                                  ? html` - ${this._multipleMessages(item)} `
+                                  : nothing}
+                              </div>
+                            </paper-item-body>
+                          </paper-item>
+                        `
                       )}
-                    </div>`
-                  : filteredItems.map(
-                      (item, idx) => html`
-                        <paper-item @click=${this._openLog} .logItem=${item}>
-                          <paper-item-body two-line>
-                            <div class="row">${item.message[0]}</div>
-                            <div class="row-secondary" secondary>
-                              ${this._timestamp(item)} –
-                              ${html`(<span class=${item.level}
-                                  >${this.hass.localize(
-                                    `ui.panel.config.logs.level.${item.level}`
-                                  )}</span
-                                >) `}
-                              ${integrations[idx]
-                                ? `${domainToName(
-                                    this.hass!.localize,
-                                    integrations[idx]!
-                                  )}${
-                                    isCustomIntegrationError(item)
-                                      ? ` (${this.hass.localize(
-                                          "ui.panel.config.logs.custom_integration"
-                                        )})`
-                                      : ""
-                                  }`
-                                : item.source[0]}
-                              ${item.count > 1
-                                ? html` - ${this._multipleMessages(item)} `
-                                : nothing}
-                            </div>
-                          </paper-item-body>
-                        </paper-item>
-                      `
-                    )}
 
                 <div class="card-actions">
                   <ha-call-service-button
diff --git a/src/panels/config/lovelace/dashboards/dialog-lovelace-dashboard-detail.ts b/src/panels/config/lovelace/dashboards/dialog-lovelace-dashboard-detail.ts
index f79687e4c2..dfa79b947b 100644
--- a/src/panels/config/lovelace/dashboards/dialog-lovelace-dashboard-detail.ts
+++ b/src/panels/config/lovelace/dashboards/dialog-lovelace-dashboard-detail.ts
@@ -86,19 +86,19 @@ export class DialogLovelaceDashboardDetail extends LitElement {
                 "ui.panel.config.lovelace.dashboards.cant_edit_yaml"
               )
             : this._params.urlPath === "lovelace"
-            ? this.hass.localize(
-                "ui.panel.config.lovelace.dashboards.cant_edit_default"
-              )
-            : html`
-                <ha-form
-                  .schema=${this._schema(this._params, this.hass.userData)}
-                  .data=${this._data}
-                  .hass=${this.hass}
-                  .error=${this._error}
-                  .computeLabel=${this._computeLabel}
-                  @value-changed=${this._valueChanged}
-                ></ha-form>
-              `}
+              ? this.hass.localize(
+                  "ui.panel.config.lovelace.dashboards.cant_edit_default"
+                )
+              : html`
+                  <ha-form
+                    .schema=${this._schema(this._params, this.hass.userData)}
+                    .data=${this._data}
+                    .hass=${this.hass}
+                    .error=${this._error}
+                    .computeLabel=${this._computeLabel}
+                    @value-changed=${this._valueChanged}
+                  ></ha-form>
+                `}
         </div>
         ${this._params.urlPath
           ? html`
@@ -208,8 +208,8 @@ export class DialogLovelaceDashboardDetail extends LitElement {
         entry.name === "show_in_sidebar"
           ? "show_sidebar"
           : entry.name === "url_path"
-          ? "url"
-          : entry.name
+            ? "url"
+            : entry.name
       }`
     );
 
diff --git a/src/panels/config/script/ha-script-editor.ts b/src/panels/config/script/ha-script-editor.ts
index 38e866fb2b..5652ed607e 100644
--- a/src/panels/config/script/ha-script-editor.ts
+++ b/src/panels/config/script/ha-script-editor.ts
@@ -405,24 +405,24 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
                 </div>
               `
             : this._mode === "yaml"
-            ? html`
-                <ha-yaml-editor
-                  .hass=${this.hass}
-                  .defaultValue=${this._preprocessYaml()}
-                  .readOnly=${this._readOnly}
-                  @value-changed=${this._yamlChanged}
-                ></ha-yaml-editor>
-                <ha-card outlined>
-                  <div class="card-actions">
-                    <mwc-button @click=${this._copyYaml}>
-                      ${this.hass.localize(
-                        "ui.panel.config.automation.editor.copy_to_clipboard"
-                      )}
-                    </mwc-button>
-                  </div>
-                </ha-card>
-              `
-            : ``}
+              ? html`
+                  <ha-yaml-editor
+                    .hass=${this.hass}
+                    .defaultValue=${this._preprocessYaml()}
+                    .readOnly=${this._readOnly}
+                    @value-changed=${this._yamlChanged}
+                  ></ha-yaml-editor>
+                  <ha-card outlined>
+                    <div class="card-actions">
+                      <mwc-button @click=${this._copyYaml}>
+                        ${this.hass.localize(
+                          "ui.panel.config.automation.editor.copy_to_clipboard"
+                        )}
+                      </mwc-button>
+                    </div>
+                  </ha-card>
+                `
+              : ``}
         </div>
         <ha-fab
           slot="fab"
diff --git a/src/panels/config/script/ha-script-trace.ts b/src/panels/config/script/ha-script-trace.ts
index dd410b745a..5e95545c2b 100644
--- a/src/panels/config/script/ha-script-trace.ts
+++ b/src/panels/config/script/ha-script-trace.ts
@@ -210,104 +210,104 @@ export class HaScriptTrace extends LitElement {
         ${this._traces === undefined
           ? html`<div class="container">Loading…</div>`
           : this._traces.length === 0
-          ? html`<div class="container">No traces found</div>`
-          : this._trace === undefined
-          ? ""
-          : html`
-              <div class="main">
-                <div class="graph">
-                  <hat-script-graph
-                    .trace=${this._trace}
-                    .selected=${this._selected?.path}
-                    @graph-node-selected=${this._pickNode}
-                  ></hat-script-graph>
-                </div>
+            ? html`<div class="container">No traces found</div>`
+            : this._trace === undefined
+              ? ""
+              : html`
+                  <div class="main">
+                    <div class="graph">
+                      <hat-script-graph
+                        .trace=${this._trace}
+                        .selected=${this._selected?.path}
+                        @graph-node-selected=${this._pickNode}
+                      ></hat-script-graph>
+                    </div>
 
-                <div class="info">
-                  <div class="tabs top">
-                    ${[
-                      ["details", "Step Details"],
-                      ["timeline", "Trace Timeline"],
-                      ["logbook", "Related logbook entries"],
-                      ["config", "Script Config"],
-                    ].map(
-                      ([view, label]) => html`
-                        <button
-                          tabindex="0"
-                          .view=${view}
-                          class=${classMap({ active: this._view === view })}
-                          @click=${this._showTab}
-                        >
-                          ${label}
-                        </button>
-                      `
-                    )}
-                    ${this._trace.blueprint_inputs
-                      ? html`
-                          <button
-                            tabindex="0"
-                            .view=${"blueprint"}
-                            class=${classMap({
-                              active: this._view === "blueprint",
-                            })}
-                            @click=${this._showTab}
-                          >
-                            Blueprint Config
-                          </button>
-                        `
-                      : ""}
+                    <div class="info">
+                      <div class="tabs top">
+                        ${[
+                          ["details", "Step Details"],
+                          ["timeline", "Trace Timeline"],
+                          ["logbook", "Related logbook entries"],
+                          ["config", "Script Config"],
+                        ].map(
+                          ([view, label]) => html`
+                            <button
+                              tabindex="0"
+                              .view=${view}
+                              class=${classMap({ active: this._view === view })}
+                              @click=${this._showTab}
+                            >
+                              ${label}
+                            </button>
+                          `
+                        )}
+                        ${this._trace.blueprint_inputs
+                          ? html`
+                              <button
+                                tabindex="0"
+                                .view=${"blueprint"}
+                                class=${classMap({
+                                  active: this._view === "blueprint",
+                                })}
+                                @click=${this._showTab}
+                              >
+                                Blueprint Config
+                              </button>
+                            `
+                          : ""}
+                      </div>
+                      ${this._selected === undefined ||
+                      this._logbookEntries === undefined ||
+                      trackedNodes === undefined
+                        ? ""
+                        : this._view === "details"
+                          ? html`
+                              <ha-trace-path-details
+                                .hass=${this.hass}
+                                .narrow=${this.narrow}
+                                .trace=${this._trace}
+                                .selected=${this._selected}
+                                .logbookEntries=${this._logbookEntries}
+                                .trackedNodes=${trackedNodes}
+                                .renderedNodes=${renderedNodes!}
+                              ></ha-trace-path-details>
+                            `
+                          : this._view === "config"
+                            ? html`
+                                <ha-trace-config
+                                  .hass=${this.hass}
+                                  .trace=${this._trace}
+                                ></ha-trace-config>
+                              `
+                            : this._view === "logbook"
+                              ? html`
+                                  <ha-trace-logbook
+                                    .hass=${this.hass}
+                                    .narrow=${this.narrow}
+                                    .trace=${this._trace}
+                                    .logbookEntries=${this._logbookEntries}
+                                  ></ha-trace-logbook>
+                                `
+                              : this._view === "blueprint"
+                                ? html`
+                                    <ha-trace-blueprint-config
+                                      .hass=${this.hass}
+                                      .trace=${this._trace}
+                                    ></ha-trace-blueprint-config>
+                                  `
+                                : html`
+                                    <ha-trace-timeline
+                                      .hass=${this.hass}
+                                      .trace=${this._trace}
+                                      .logbookEntries=${this._logbookEntries}
+                                      .selected=${this._selected}
+                                      @value-changed=${this._timelinePathPicked}
+                                    ></ha-trace-timeline>
+                                  `}
+                    </div>
                   </div>
-                  ${this._selected === undefined ||
-                  this._logbookEntries === undefined ||
-                  trackedNodes === undefined
-                    ? ""
-                    : this._view === "details"
-                    ? html`
-                        <ha-trace-path-details
-                          .hass=${this.hass}
-                          .narrow=${this.narrow}
-                          .trace=${this._trace}
-                          .selected=${this._selected}
-                          .logbookEntries=${this._logbookEntries}
-                          .trackedNodes=${trackedNodes}
-                          .renderedNodes=${renderedNodes!}
-                        ></ha-trace-path-details>
-                      `
-                    : this._view === "config"
-                    ? html`
-                        <ha-trace-config
-                          .hass=${this.hass}
-                          .trace=${this._trace}
-                        ></ha-trace-config>
-                      `
-                    : this._view === "logbook"
-                    ? html`
-                        <ha-trace-logbook
-                          .hass=${this.hass}
-                          .narrow=${this.narrow}
-                          .trace=${this._trace}
-                          .logbookEntries=${this._logbookEntries}
-                        ></ha-trace-logbook>
-                      `
-                    : this._view === "blueprint"
-                    ? html`
-                        <ha-trace-blueprint-config
-                          .hass=${this.hass}
-                          .trace=${this._trace}
-                        ></ha-trace-blueprint-config>
-                      `
-                    : html`
-                        <ha-trace-timeline
-                          .hass=${this.hass}
-                          .trace=${this._trace}
-                          .logbookEntries=${this._logbookEntries}
-                          .selected=${this._selected}
-                          @value-changed=${this._timelinePathPicked}
-                        ></ha-trace-timeline>
-                      `}
-                </div>
-              </div>
-            `}
+                `}
       </hass-subpage>
     `;
   }
diff --git a/src/panels/config/storage/dialog-mount-view.ts b/src/panels/config/storage/dialog-mount-view.ts
index 0cb65707a6..51edb64209 100644
--- a/src/panels/config/storage/dialog-mount-view.ts
+++ b/src/panels/config/storage/dialog-mount-view.ts
@@ -92,59 +92,59 @@ const mountSchema = memoizeOne(
             },
           ] as const)
         : mountType === "cifs"
-        ? ([
-            ...(showCIFSVersion
-              ? ([
-                  {
-                    name: "version",
-                    required: true,
-                    selector: {
-                      select: {
-                        options: [
-                          {
-                            label: localize(
-                              "ui.panel.config.storage.network_mounts.cifs_versions.auto"
-                            ),
-                            value: "auto",
-                          },
-                          {
-                            label: localize(
-                              "ui.panel.config.storage.network_mounts.cifs_versions.legacy",
-                              { version: "2.0" }
-                            ),
-                            value: "2.0",
-                          },
-                          {
-                            label: localize(
-                              "ui.panel.config.storage.network_mounts.cifs_versions.legacy",
-                              { version: "1.0" }
-                            ),
-                            value: "1.0",
-                          },
-                        ],
-                        mode: "dropdown",
+          ? ([
+              ...(showCIFSVersion
+                ? ([
+                    {
+                      name: "version",
+                      required: true,
+                      selector: {
+                        select: {
+                          options: [
+                            {
+                              label: localize(
+                                "ui.panel.config.storage.network_mounts.cifs_versions.auto"
+                              ),
+                              value: "auto",
+                            },
+                            {
+                              label: localize(
+                                "ui.panel.config.storage.network_mounts.cifs_versions.legacy",
+                                { version: "2.0" }
+                              ),
+                              value: "2.0",
+                            },
+                            {
+                              label: localize(
+                                "ui.panel.config.storage.network_mounts.cifs_versions.legacy",
+                                { version: "1.0" }
+                              ),
+                              value: "1.0",
+                            },
+                          ],
+                          mode: "dropdown",
+                        },
                       },
                     },
-                  },
-                ] as const)
-              : ([] as const)),
-            {
-              name: "share",
-              required: true,
-              selector: { text: {} },
-            },
-            {
-              name: "username",
-              required: false,
-              selector: { text: {} },
-            },
-            {
-              name: "password",
-              required: false,
-              selector: { text: { type: "password" } },
-            },
-          ] as const)
-        : ([] as const)),
+                  ] as const)
+                : ([] as const)),
+              {
+                name: "share",
+                required: true,
+                selector: { text: {} },
+              },
+              {
+                name: "username",
+                required: false,
+                selector: { text: {} },
+              },
+              {
+                name: "password",
+                required: false,
+                selector: { text: { type: "password" } },
+              },
+            ] as const)
+          : ([] as const)),
     ] as const
 );
 
diff --git a/src/panels/config/storage/ha-config-section-storage.ts b/src/panels/config/storage/ha-config-section-storage.ts
index ccfd3521b0..91b8456372 100644
--- a/src/panels/config/storage/ha-config-section-storage.ts
+++ b/src/panels/config/storage/ha-config-section-storage.ts
@@ -168,56 +168,56 @@ class HaConfigSectionStorage extends LitElement {
                       )}
                 </ha-alert>`
               : validMounts?.length
-              ? html`<mwc-list>
-                  ${validMounts.map(
-                    (mount) => html`
-                      <ha-list-item
-                        graphic="avatar"
-                        .mount=${mount}
-                        twoline
-                        hasMeta
-                        @click=${this._changeMount}
-                      >
-                        <div slot="graphic">
-                          <ha-svg-icon
-                            .path=${mount.usage === SupervisorMountUsage.MEDIA
-                              ? mdiPlayBox
-                              : mount.usage === SupervisorMountUsage.SHARE
-                              ? mdiFolder
-                              : mdiBackupRestore}
-                          ></ha-svg-icon>
-                        </div>
-                        <span class="mount-state-${mount.state || "unknown"}">
-                          ${mount.name}
-                        </span>
-                        <span slot="secondary">
-                          ${mount.server}${mount.port
-                            ? `:${mount.port}`
-                            : nothing}${mount.type === SupervisorMountType.NFS
-                            ? mount.path
-                            : `:${mount.share}`}
-                        </span>
-                        ${mount.state !== SupervisorMountState.ACTIVE
-                          ? html`<ha-icon-button
-                              class="reload-btn"
-                              slot="meta"
-                              .mount=${mount}
-                              @click=${this._reloadMount}
-                              .path=${mdiReload}
-                            ></ha-icon-button>`
-                          : html`<ha-icon-next slot="meta"></ha-icon-next>`}
-                      </ha-list-item>
-                    `
-                  )}
-                </mwc-list>`
-              : html`<div class="no-mounts">
-                  <ha-svg-icon .path=${mdiNas}></ha-svg-icon>
-                  <p>
-                    ${this.hass.localize(
-                      "ui.panel.config.storage.network_mounts.no_mounts"
+                ? html`<mwc-list>
+                    ${validMounts.map(
+                      (mount) => html`
+                        <ha-list-item
+                          graphic="avatar"
+                          .mount=${mount}
+                          twoline
+                          hasMeta
+                          @click=${this._changeMount}
+                        >
+                          <div slot="graphic">
+                            <ha-svg-icon
+                              .path=${mount.usage === SupervisorMountUsage.MEDIA
+                                ? mdiPlayBox
+                                : mount.usage === SupervisorMountUsage.SHARE
+                                  ? mdiFolder
+                                  : mdiBackupRestore}
+                            ></ha-svg-icon>
+                          </div>
+                          <span class="mount-state-${mount.state || "unknown"}">
+                            ${mount.name}
+                          </span>
+                          <span slot="secondary">
+                            ${mount.server}${mount.port
+                              ? `:${mount.port}`
+                              : nothing}${mount.type === SupervisorMountType.NFS
+                              ? mount.path
+                              : `:${mount.share}`}
+                          </span>
+                          ${mount.state !== SupervisorMountState.ACTIVE
+                            ? html`<ha-icon-button
+                                class="reload-btn"
+                                slot="meta"
+                                .mount=${mount}
+                                @click=${this._reloadMount}
+                                .path=${mdiReload}
+                              ></ha-icon-button>`
+                            : html`<ha-icon-next slot="meta"></ha-icon-next>`}
+                        </ha-list-item>
+                      `
                     )}
-                  </p>
-                </div>`}
+                  </mwc-list>`
+                : html`<div class="no-mounts">
+                    <ha-svg-icon .path=${mdiNas}></ha-svg-icon>
+                    <p>
+                      ${this.hass.localize(
+                        "ui.panel.config.storage.network_mounts.no_mounts"
+                      )}
+                    </p>
+                  </div>`}
             ${this._mountsInfo !== null
               ? html`<div class="card-actions">
                   <mwc-button @click=${this._addMount}>
diff --git a/src/panels/config/voice-assistants/debug/assist-pipeline-run-debug.ts b/src/panels/config/voice-assistants/debug/assist-pipeline-run-debug.ts
index 7ba08a670a..67b902ba65 100644
--- a/src/panels/config/voice-assistants/debug/assist-pipeline-run-debug.ts
+++ b/src/panels/config/voice-assistants/debug/assist-pipeline-run-debug.ts
@@ -104,38 +104,39 @@ export class AssistPipelineRunDebug extends LitElement {
                   </div>
                 `
               : this._pipelineRuns[0].init_options!.start_stage === "intent"
-              ? html`
-                  <ha-textfield
-                    id="continue-conversation-text"
-                    label="Response"
-                    .disabled=${!this._finished}
-                    @keydown=${this._handleContinueKeyDown}
-                  ></ha-textfield>
-                  <ha-button
-                    @click=${this._runTextPipeline}
-                    .disabled=${!this._finished}
-                  >
-                    Send
-                  </ha-button>
-                `
-              : this._finished
-              ? this._pipelineRuns[0].init_options!.start_stage === "wake_word"
                 ? html`
-                    <ha-button @click=${this._runAudioWakeWordPipeline}>
-                      Continue listening for wake word
+                    <ha-textfield
+                      id="continue-conversation-text"
+                      label="Response"
+                      .disabled=${!this._finished}
+                      @keydown=${this._handleContinueKeyDown}
+                    ></ha-textfield>
+                    <ha-button
+                      @click=${this._runTextPipeline}
+                      .disabled=${!this._finished}
+                    >
+                      Send
                     </ha-button>
                   `
-                : html`<ha-button @click=${this._runAudioPipeline}>
-                    Continue talking
-                  </ha-button>`
-              : html`
-                  <ha-formfield label="Continue conversation">
-                    <ha-checkbox
-                      id="continue-conversation"
-                      checked
-                    ></ha-checkbox>
-                  </ha-formfield>
-                `}
+                : this._finished
+                  ? this._pipelineRuns[0].init_options!.start_stage ===
+                    "wake_word"
+                    ? html`
+                        <ha-button @click=${this._runAudioWakeWordPipeline}>
+                          Continue listening for wake word
+                        </ha-button>
+                      `
+                    : html`<ha-button @click=${this._runAudioPipeline}>
+                        Continue talking
+                      </ha-button>`
+                  : html`
+                      <ha-formfield label="Continue conversation">
+                        <ha-checkbox
+                          id="continue-conversation"
+                          checked
+                        ></ha-checkbox>
+                      </ha-formfield>
+                    `}
           </div>
 
           ${this._pipelineRuns.map((run) =>
diff --git a/src/panels/config/voice-assistants/entity-voice-settings.ts b/src/panels/config/voice-assistants/entity-voice-settings.ts
index 191f5a58b1..c966d39aed 100644
--- a/src/panels/config/voice-assistants/entity-voice-settings.ts
+++ b/src/panels/config/voice-assistants/entity-voice-settings.ts
@@ -203,8 +203,8 @@ export class EntityVoiceSettings extends SubscribeMixin(LitElement) {
               alexaManual && key === "cloud.alexa"
                 ? manExposedAlexa
                 : googleManual && key === "cloud.google_assistant"
-                ? manExposedGoogle
-                : this.exposed[key];
+                  ? manExposedGoogle
+                  : this.exposed[key];
 
             const manualConfig =
               (alexaManual && key === "cloud.alexa") ||
diff --git a/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts b/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts
index abfc59eacf..a579ef1025 100644
--- a/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts
+++ b/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts
@@ -203,11 +203,11 @@ export class VoiceAssistantsExpose extends LitElement {
           entry.aliases.length === 0
             ? "-"
             : entry.aliases.length === 1
-            ? entry.aliases[0]
-            : this.hass.localize(
-                "ui.panel.config.voice_assistants.expose.aliases",
-                { count: entry.aliases.length }
-              ),
+              ? entry.aliases[0]
+              : this.hass.localize(
+                  "ui.panel.config.voice_assistants.expose.aliases",
+                  { count: entry.aliases.length }
+                ),
       },
       remove: {
         title: "",
diff --git a/src/panels/config/zone/ha-config-zone.ts b/src/panels/config/zone/ha-config-zone.ts
index 2e3c3b587a..c3e302cdd7 100644
--- a/src/panels/config/zone/ha-config-zone.ts
+++ b/src/panels/config/zone/ha-config-zone.ts
@@ -92,8 +92,8 @@ export class HaConfigZone extends SubscribeMixin(LitElement) {
             entityState.entity_id === "zone.home"
               ? homeRadiusColor
               : entityState.attributes.passive
-              ? passiveRadiusColor
-              : zoneRadiusColor,
+                ? passiveRadiusColor
+                : zoneRadiusColor,
           location_editable:
             entityState.entity_id === "zone.home" && this._canEditCore,
           radius_editable: false,
diff --git a/src/panels/developer-tools/template/developer-tools-template.ts b/src/panels/developer-tools/template/developer-tools-template.ts
index e3596b6a3f..dd85fccc2c 100644
--- a/src/panels/developer-tools/template/developer-tools-template.ts
+++ b/src/panels/developer-tools/template/developer-tools-template.ts
@@ -190,57 +190,57 @@ class HaPanelDevTemplate extends LitElement {
                 ${!this._templateResult.listeners
                   ? nothing
                   : this._templateResult.listeners.all
-                  ? html`
-                      <p class="all_listeners">
-                        ${this.hass.localize(
-                          "ui.panel.developer-tools.tabs.templates.all_listeners"
-                        )}
-                      </p>
-                    `
-                  : this._templateResult.listeners.domains.length ||
-                    this._templateResult.listeners.entities.length
-                  ? html`
-                      <p>
-                        ${this.hass.localize(
-                          "ui.panel.developer-tools.tabs.templates.listeners"
-                        )}
-                      </p>
-                      <ul>
-                        ${this._templateResult.listeners.domains
-                          .sort()
-                          .map(
-                            (domain) => html`
-                              <li>
-                                <b
-                                  >${this.hass.localize(
-                                    "ui.panel.developer-tools.tabs.templates.domain"
-                                  )}</b
-                                >: ${domain}
-                              </li>
-                            `
+                    ? html`
+                        <p class="all_listeners">
+                          ${this.hass.localize(
+                            "ui.panel.developer-tools.tabs.templates.all_listeners"
                           )}
-                        ${this._templateResult.listeners.entities
-                          .sort()
-                          .map(
-                            (entity_id) => html`
-                              <li>
-                                <b
-                                  >${this.hass.localize(
-                                    "ui.panel.developer-tools.tabs.templates.entity"
-                                  )}</b
-                                >: ${entity_id}
-                              </li>
-                            `
-                          )}
-                      </ul>
-                    `
-                  : !this._templateResult.listeners.time
-                  ? html`<span class="all_listeners">
-                      ${this.hass.localize(
-                        "ui.panel.developer-tools.tabs.templates.no_listeners"
-                      )}
-                    </span>`
-                  : nothing}`
+                        </p>
+                      `
+                    : this._templateResult.listeners.domains.length ||
+                        this._templateResult.listeners.entities.length
+                      ? html`
+                          <p>
+                            ${this.hass.localize(
+                              "ui.panel.developer-tools.tabs.templates.listeners"
+                            )}
+                          </p>
+                          <ul>
+                            ${this._templateResult.listeners.domains
+                              .sort()
+                              .map(
+                                (domain) => html`
+                                  <li>
+                                    <b
+                                      >${this.hass.localize(
+                                        "ui.panel.developer-tools.tabs.templates.domain"
+                                      )}</b
+                                    >: ${domain}
+                                  </li>
+                                `
+                              )}
+                            ${this._templateResult.listeners.entities
+                              .sort()
+                              .map(
+                                (entity_id) => html`
+                                  <li>
+                                    <b
+                                      >${this.hass.localize(
+                                        "ui.panel.developer-tools.tabs.templates.entity"
+                                      )}</b
+                                    >: ${entity_id}
+                                  </li>
+                                `
+                              )}
+                          </ul>
+                        `
+                      : !this._templateResult.listeners.time
+                        ? html`<span class="all_listeners">
+                            ${this.hass.localize(
+                              "ui.panel.developer-tools.tabs.templates.no_listeners"
+                            )}
+                          </span>`
+                        : nothing}`
             : nothing}
         </div>
       </div>
diff --git a/src/panels/energy/cards/energy-setup-wizard-card.ts b/src/panels/energy/cards/energy-setup-wizard-card.ts
index 0944abce63..a68b1b3438 100644
--- a/src/panels/energy/cards/energy-setup-wizard-card.ts
+++ b/src/panels/energy/cards/energy-setup-wizard-card.ts
@@ -65,35 +65,35 @@ export class EnergySetupWizard extends LitElement implements LovelaceCard {
             @value-changed=${this._prefsChanged}
           ></ha-energy-grid-settings>`
         : this._step === 1
-        ? html`<ha-energy-solar-settings
-            .hass=${this.hass}
-            .preferences=${this._preferences}
-            .info=${this._info}
-            @value-changed=${this._prefsChanged}
-          ></ha-energy-solar-settings>`
-        : this._step === 2
-        ? html`<ha-energy-battery-settings
-            .hass=${this.hass}
-            .preferences=${this._preferences}
-            @value-changed=${this._prefsChanged}
-          ></ha-energy-battery-settings>`
-        : this._step === 3
-        ? html`<ha-energy-gas-settings
-            .hass=${this.hass}
-            .preferences=${this._preferences}
-            @value-changed=${this._prefsChanged}
-          ></ha-energy-gas-settings>`
-        : this._step === 4
-        ? html`<ha-energy-water-settings
-            .hass=${this.hass}
-            .preferences=${this._preferences}
-            @value-changed=${this._prefsChanged}
-          ></ha-energy-water-settings>`
-        : html`<ha-energy-device-settings
-            .hass=${this.hass}
-            .preferences=${this._preferences}
-            @value-changed=${this._prefsChanged}
-          ></ha-energy-device-settings>`}
+          ? html`<ha-energy-solar-settings
+              .hass=${this.hass}
+              .preferences=${this._preferences}
+              .info=${this._info}
+              @value-changed=${this._prefsChanged}
+            ></ha-energy-solar-settings>`
+          : this._step === 2
+            ? html`<ha-energy-battery-settings
+                .hass=${this.hass}
+                .preferences=${this._preferences}
+                @value-changed=${this._prefsChanged}
+              ></ha-energy-battery-settings>`
+            : this._step === 3
+              ? html`<ha-energy-gas-settings
+                  .hass=${this.hass}
+                  .preferences=${this._preferences}
+                  @value-changed=${this._prefsChanged}
+                ></ha-energy-gas-settings>`
+              : this._step === 4
+                ? html`<ha-energy-water-settings
+                    .hass=${this.hass}
+                    .preferences=${this._preferences}
+                    @value-changed=${this._prefsChanged}
+                  ></ha-energy-water-settings>`
+                : html`<ha-energy-device-settings
+                    .hass=${this.hass}
+                    .preferences=${this._preferences}
+                    @value-changed=${this._prefsChanged}
+                  ></ha-energy-device-settings>`}
       <div class="buttons">
         ${this._step > 0
           ? html`<mwc-button outlined @click=${this._back}
diff --git a/src/panels/history/ha-panel-history.ts b/src/panels/history/ha-panel-history.ts
index 0535e439ef..17272454d6 100644
--- a/src/panels/history/ha-panel-history.ts
+++ b/src/panels/history/ha-panel-history.ts
@@ -188,18 +188,18 @@ class HaPanelHistory extends SubscribeMixin(LitElement) {
                 ></ha-circular-progress>
               </div>`
             : !this._targetPickerValue
-            ? html`<div class="start-search">
-                ${this.hass.localize("ui.panel.history.start_search")}
-              </div>`
-            : html`
-                <state-history-charts
-                  .hass=${this.hass}
-                  .historyData=${this._stateHistory}
-                  .startTime=${this._startDate}
-                  .endTime=${this._endDate}
-                >
-                </state-history-charts>
-              `}
+              ? html`<div class="start-search">
+                  ${this.hass.localize("ui.panel.history.start_search")}
+                </div>`
+              : html`
+                  <state-history-charts
+                    .hass=${this.hass}
+                    .historyData=${this._stateHistory}
+                    .startTime=${this._startDate}
+                    .endTime=${this._endDate}
+                  >
+                  </state-history-charts>
+                `}
         </div>
       </ha-top-app-bar-fixed>
     `;
@@ -345,8 +345,8 @@ class HaPanelHistory extends SubscribeMixin(LitElement) {
       timespan < 2
         ? 10000
         : timespan < 10
-        ? 60 * 1000
-        : MIN_TIME_BETWEEN_UPDATES
+          ? 60 * 1000
+          : MIN_TIME_BETWEEN_UPDATES
     );
   }
 
diff --git a/src/panels/logbook/ha-logbook.ts b/src/panels/logbook/ha-logbook.ts
index bc3c13520c..026a44ea19 100644
--- a/src/panels/logbook/ha-logbook.ts
+++ b/src/panels/logbook/ha-logbook.ts
@@ -343,10 +343,10 @@ export class HaLogbook extends LitElement {
     !this._logbookEntries
       ? []
       : purgeBeforePythonTime
-      ? this._logbookEntries.filter(
-          (entry) => entry.when > purgeBeforePythonTime!
-        )
-      : this._logbookEntries;
+        ? this._logbookEntries.filter(
+            (entry) => entry.when > purgeBeforePythonTime!
+          )
+        : this._logbookEntries;
 
   private _processOrQueueStreamMessage = (
     streamMessage: LogbookStreamMessage
diff --git a/src/panels/lovelace/cards/energy/hui-energy-distribution-card.ts b/src/panels/lovelace/cards/energy/hui-energy-distribution-card.ts
index e621bdea72..6fe0e0ba56 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-distribution-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-distribution-card.ts
@@ -314,8 +314,8 @@ class HuiEnergyDistrubutionCard
                       </div>
                     </div>`
                   : hasGas || hasWater
-                  ? html`<div class="spacer"></div>`
-                  : ""}
+                    ? html`<div class="spacer"></div>`
+                    : ""}
                 ${hasGas
                   ? html`<div class="circle-container gas">
                       <span class="label"
@@ -354,23 +354,23 @@ class HuiEnergyDistrubutionCard
                       </svg>
                     </div>`
                   : hasWater
-                  ? html`<div class="circle-container water">
-                      <span class="label"
-                        >${this.hass.localize(
-                          "ui.panel.lovelace.cards.energy.energy_distribution.water"
-                        )}</span
-                      >
-                      <div class="circle">
-                        <ha-svg-icon .path=${mdiWater}></ha-svg-icon>
-                        ${formatNumber(waterUsage || 0, this.hass.locale, {
-                          maximumFractionDigits: 1,
-                        })}
-                        ${getEnergyWaterUnit(this.hass) || "m³"}
-                      </div>
-                      <svg width="80" height="30">
-                        <path d="M40 0 v30" id="water" />
-                        ${waterUsage
-                          ? svg`<circle
+                    ? html`<div class="circle-container water">
+                        <span class="label"
+                          >${this.hass.localize(
+                            "ui.panel.lovelace.cards.energy.energy_distribution.water"
+                          )}</span
+                        >
+                        <div class="circle">
+                          <ha-svg-icon .path=${mdiWater}></ha-svg-icon>
+                          ${formatNumber(waterUsage || 0, this.hass.locale, {
+                            maximumFractionDigits: 1,
+                          })}
+                          ${getEnergyWaterUnit(this.hass) || "m³"}
+                        </div>
+                        <svg width="80" height="30">
+                          <path d="M40 0 v30" id="water" />
+                          ${waterUsage
+                            ? svg`<circle
                 r="1"
                 class="water"
                 vector-effect="non-scaling-stroke"
@@ -383,10 +383,10 @@ class HuiEnergyDistrubutionCard
                   <mpath xlink:href="#water" />
                 </animateMotion>
               </circle>`
-                          : ""}
-                      </svg>
-                    </div>`
-                  : html`<div class="spacer"></div>`}
+                            : ""}
+                        </svg>
+                      </div>`
+                    : html`<div class="spacer"></div>`}
               </div>`
             : ""}
           <div class="row">
diff --git a/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts
index bba8065562..b6a2dc1c5c 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts
@@ -187,18 +187,18 @@ export class HuiEnergyGasGraphCard
                 dayDifference > 35
                   ? "monthyear"
                   : dayDifference > 7
-                  ? "date"
-                  : dayDifference > 2
-                  ? "weekday"
-                  : dayDifference > 0
-                  ? "datetime"
-                  : "hour",
+                    ? "date"
+                    : dayDifference > 2
+                      ? "weekday"
+                      : dayDifference > 0
+                        ? "datetime"
+                        : "hour",
               minUnit:
                 dayDifference > 35
                   ? "month"
                   : dayDifference > 2
-                  ? "day"
-                  : "hour",
+                    ? "day"
+                    : "hour",
             },
             offset: true,
           },
diff --git a/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts b/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts
index c9dee769da..6f136b9a21 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts
@@ -127,12 +127,12 @@ class HuiEnergySolarGaugeCard
               </div>
             `
           : totalSolarProduction === 0
-          ? this.hass.localize(
-              "ui.panel.lovelace.cards.energy.solar_consumed_gauge.not_produced_solar_energy"
-            )
-          : this.hass.localize(
-              "ui.panel.lovelace.cards.energy.solar_consumed_gauge.self_consumed_solar_could_not_calc"
-            )}
+            ? this.hass.localize(
+                "ui.panel.lovelace.cards.energy.solar_consumed_gauge.not_produced_solar_energy"
+              )
+            : this.hass.localize(
+                "ui.panel.lovelace.cards.energy.solar_consumed_gauge.self_consumed_solar_could_not_calc"
+              )}
       </ha-card>
     `;
   }
diff --git a/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts
index 182607e57d..3f9956bfab 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts
@@ -184,18 +184,18 @@ export class HuiEnergySolarGraphCard
                 dayDifference > 35
                   ? "monthyear"
                   : dayDifference > 7
-                  ? "date"
-                  : dayDifference > 2
-                  ? "weekday"
-                  : dayDifference > 0
-                  ? "datetime"
-                  : "hour",
+                    ? "date"
+                    : dayDifference > 2
+                      ? "weekday"
+                      : dayDifference > 0
+                        ? "datetime"
+                        : "hour",
               minUnit:
                 dayDifference > 35
                   ? "month"
                   : dayDifference > 2
-                  ? "day"
-                  : "hour",
+                    ? "day"
+                    : "hour",
             },
           },
           y: {
diff --git a/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts
index 1def2a1de6..f904d837fa 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts
@@ -183,18 +183,18 @@ export class HuiEnergyUsageGraphCard
                 dayDifference > 35
                   ? "monthyear"
                   : dayDifference > 7
-                  ? "date"
-                  : dayDifference > 2
-                  ? "weekday"
-                  : dayDifference > 0
-                  ? "datetime"
-                  : "hour",
+                    ? "date"
+                    : dayDifference > 2
+                      ? "weekday"
+                      : dayDifference > 0
+                        ? "datetime"
+                        : "hour",
               minUnit:
                 dayDifference > 35
                   ? "month"
                   : dayDifference > 2
-                  ? "day"
-                  : "hour",
+                    ? "day"
+                    : "hour",
             },
           },
           y: {
@@ -695,8 +695,8 @@ export class HuiEnergyUsageGraphCard
             type === "used_solar"
               ? 1
               : type === "to_battery"
-              ? Object.keys(combinedData).length
-              : idx + 2,
+                ? Object.keys(combinedData).length
+                : idx + 2,
           borderColor: compare ? borderColor + "7F" : borderColor,
           backgroundColor: compare ? borderColor + "32" : borderColor + "7F",
           stack: "stack",
diff --git a/src/panels/lovelace/cards/energy/hui-energy-water-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-water-graph-card.ts
index a74279531a..546f8cf3bd 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-water-graph-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-water-graph-card.ts
@@ -187,18 +187,18 @@ export class HuiEnergyWaterGraphCard
                 dayDifference > 35
                   ? "monthyear"
                   : dayDifference > 7
-                  ? "date"
-                  : dayDifference > 2
-                  ? "weekday"
-                  : dayDifference > 0
-                  ? "datetime"
-                  : "hour",
+                    ? "date"
+                    : dayDifference > 2
+                      ? "weekday"
+                      : dayDifference > 0
+                        ? "datetime"
+                        : "hour",
               minUnit:
                 dayDifference > 35
                   ? "month"
                   : dayDifference > 2
-                  ? "day"
-                  : "hour",
+                    ? "day"
+                    : "hour",
             },
             offset: true,
           },
diff --git a/src/panels/lovelace/cards/hui-entity-card.ts b/src/panels/lovelace/cards/hui-entity-card.ts
index be1d5102d5..2c8b9bc679 100644
--- a/src/panels/lovelace/cards/hui-entity-card.ts
+++ b/src/panels/lovelace/cards/hui-entity-card.ts
@@ -167,15 +167,15 @@ export class HuiEntityCard extends LitElement implements LovelaceCard {
                   `
                 : this.hass.localize("state.default.unknown")
               : isNumericState(stateObj) || this._config.unit
-              ? formatNumber(
-                  stateObj.state,
-                  this.hass.locale,
-                  getNumberFormatOptions(
-                    stateObj,
-                    this.hass.entities[this._config.entity]
+                ? formatNumber(
+                    stateObj.state,
+                    this.hass.locale,
+                    getNumberFormatOptions(
+                      stateObj,
+                      this.hass.entities[this._config.entity]
+                    )
                   )
-                )
-              : this.hass.formatEntityState(stateObj)}</span
+                : this.hass.formatEntityState(stateObj)}</span
           >${showUnit
             ? html`
                 <span class="measurement"
diff --git a/src/panels/lovelace/cards/hui-glance-card.ts b/src/panels/lovelace/cards/hui-glance-card.ts
index f34b5f06b9..d48fb68cfe 100644
--- a/src/panels/lovelace/cards/hui-glance-card.ts
+++ b/src/panels/lovelace/cards/hui-glance-card.ts
@@ -316,14 +316,14 @@ export class HuiGlanceCard extends LitElement implements LovelaceCard {
                       ></hui-timestamp-display>
                     `
                   : entityConf.show_last_changed
-                  ? html`
-                      <ha-relative-time
-                        .hass=${this.hass}
-                        .datetime=${stateObj.last_changed}
-                        capitalize
-                      ></ha-relative-time>
-                    `
-                  : this.hass!.formatEntityState(stateObj)}
+                    ? html`
+                        <ha-relative-time
+                          .hass=${this.hass}
+                          .datetime=${stateObj.last_changed}
+                          capitalize
+                        ></ha-relative-time>
+                      `
+                    : this.hass!.formatEntityState(stateObj)}
               </div>
             `
           : ""}
diff --git a/src/panels/lovelace/cards/hui-light-card.ts b/src/panels/lovelace/cards/hui-light-card.ts
index 0c45c9f1fd..f7112c8fc1 100644
--- a/src/panels/lovelace/cards/hui-light-card.ts
+++ b/src/panels/lovelace/cards/hui-light-card.ts
@@ -196,9 +196,8 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
   }
 
   private _dragEvent(e: any): void {
-    this.shadowRoot!.querySelector(
-      ".brightness"
-    )!.innerHTML = `${e.detail.value} %`;
+    this.shadowRoot!.querySelector(".brightness")!.innerHTML =
+      `${e.detail.value} %`;
     this._showBrightness();
     this._hideBrightness();
   }
diff --git a/src/panels/lovelace/cards/hui-markdown-card.ts b/src/panels/lovelace/cards/hui-markdown-card.ts
index 858089ed5f..f32bd7b228 100644
--- a/src/panels/lovelace/cards/hui-markdown-card.ts
+++ b/src/panels/lovelace/cards/hui-markdown-card.ts
@@ -54,9 +54,9 @@ export class HuiMarkdownCard extends LitElement implements LovelaceCard {
     return this._config === undefined
       ? 3
       : this._config.card_size === undefined
-      ? Math.round(this._config.content.split("\n").length / 2) +
-        (this._config.title ? 1 : 0)
-      : this._config.card_size;
+        ? Math.round(this._config.content.split("\n").length / 2) +
+          (this._config.title ? 1 : 0)
+        : this._config.card_size;
   }
 
   public setConfig(config: MarkdownCardConfig): void {
diff --git a/src/panels/lovelace/cards/hui-statistic-card.ts b/src/panels/lovelace/cards/hui-statistic-card.ts
index ddf5651450..edbd7c3fe1 100644
--- a/src/panels/lovelace/cards/hui-statistic-card.ts
+++ b/src/panels/lovelace/cards/hui-statistic-card.ts
@@ -153,8 +153,8 @@ export class HuiStatisticCard extends LitElement implements LovelaceCard {
             >${this._value === undefined
               ? ""
               : this._value === null
-              ? "?"
-              : formatNumber(this._value, this.hass.locale)}</span
+                ? "?"
+                : formatNumber(this._value, this.hass.locale)}</span
           >
           <span class="measurement"
             >${this._config.unit ||
diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts
index 76de3ee618..4e0407af5a 100644
--- a/src/panels/lovelace/cards/hui-thermostat-card.ts
+++ b/src/panels/lovelace/cards/hui-thermostat-card.ts
@@ -128,9 +128,9 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
         // for one update cycle to force it to rerender to the desired value.
         stateObj.attributes.min_temp - 1
       : stateObj.attributes.temperature !== null &&
-        Number.isFinite(Number(stateObj.attributes.temperature))
-      ? stateObj.attributes.temperature
-      : stateObj.attributes.min_temp;
+          Number.isFinite(Number(stateObj.attributes.temperature))
+        ? stateObj.attributes.temperature
+        : stateObj.attributes.min_temp;
 
     const targetLow = this.resyncSetpoint
       ? stateObj.attributes.min_temp - 1
diff --git a/src/panels/lovelace/cards/hui-tile-card.ts b/src/panels/lovelace/cards/hui-tile-card.ts
index d92ece647f..6b9465360f 100644
--- a/src/panels/lovelace/cards/hui-tile-card.ts
+++ b/src/panels/lovelace/cards/hui-tile-card.ts
@@ -332,8 +332,8 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
     const localizedState = this._config.hide_state
       ? nothing
       : this._config.state_content
-      ? this._renderStateContent(stateObj, this._config.state_content)
-      : this._renderState(stateObj);
+        ? this._renderStateContent(stateObj, this._config.state_content)
+        : this._renderState(stateObj);
 
     const active = stateActive(stateObj);
     const color = this._computeStateColor(stateObj, this._config.color);
diff --git a/src/panels/lovelace/cards/hui-todo-list-card.ts b/src/panels/lovelace/cards/hui-todo-list-card.ts
index 6791ec6686..071872e877 100644
--- a/src/panels/lovelace/cards/hui-todo-list-card.ts
+++ b/src/panels/lovelace/cards/hui-todo-list-card.ts
@@ -365,22 +365,22 @@ export class HuiTodoListCard
                   </ha-svg-icon>
                 `
               : this.todoListSupportsFeature(
-                  TodoListEntityFeature.DELETE_TODO_ITEM
-                ) &&
-                !this.todoListSupportsFeature(
-                  TodoListEntityFeature.UPDATE_TODO_ITEM
-                )
-              ? html`<ha-icon-button
-                  .title=${this.hass!.localize(
-                    "ui.panel.lovelace.cards.todo-list.delete_item"
-                  )}
-                  class="deleteItemButton"
-                  .path=${mdiDelete}
-                  .itemId=${item.uid}
-                  @click=${this._deleteItem}
-                >
-                </ha-icon-button>`
-              : nothing}
+                    TodoListEntityFeature.DELETE_TODO_ITEM
+                  ) &&
+                  !this.todoListSupportsFeature(
+                    TodoListEntityFeature.UPDATE_TODO_ITEM
+                  )
+                ? html`<ha-icon-button
+                    .title=${this.hass!.localize(
+                      "ui.panel.lovelace.cards.todo-list.delete_item"
+                    )}
+                    class="deleteItemButton"
+                    .path=${mdiDelete}
+                    .itemId=${item.uid}
+                    @click=${this._deleteItem}
+                  >
+                  </ha-icon-button>`
+                : nothing}
           </div>
         `
       )}
diff --git a/src/panels/lovelace/cards/hui-weather-forecast-card.ts b/src/panels/lovelace/cards/hui-weather-forecast-card.ts
index 550adaa13b..248128ece5 100644
--- a/src/panels/lovelace/cards/hui-weather-forecast-card.ts
+++ b/src/panels/lovelace/cards/hui-weather-forecast-card.ts
@@ -355,20 +355,20 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard {
                                   </div>
                                 `
                               : hourly
-                              ? html`
-                                  ${formatTime(
-                                    new Date(item.datetime),
-                                    this.hass!.locale,
-                                    this.hass!.config
-                                  )}
-                                `
-                              : html`
-                                  ${formatDateWeekdayShort(
-                                    new Date(item.datetime),
-                                    this.hass!.locale,
-                                    this.hass!.config
-                                  )}
-                                `}
+                                ? html`
+                                    ${formatTime(
+                                      new Date(item.datetime),
+                                      this.hass!.locale,
+                                      this.hass!.config
+                                    )}
+                                  `
+                                : html`
+                                    ${formatDateWeekdayShort(
+                                      new Date(item.datetime),
+                                      this.hass!.locale,
+                                      this.hass!.config
+                                    )}
+                                  `}
                           </div>
                           ${this._showValue(item.condition)
                             ? html`
@@ -399,8 +399,8 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard {
                                   this.hass!.locale
                                 )}°`
                               : hourly
-                              ? ""
-                              : "—"}
+                                ? ""
+                                : "—"}
                           </div>
                         </div>
                       `
diff --git a/src/panels/lovelace/components/hui-energy-period-selector.ts b/src/panels/lovelace/components/hui-energy-period-selector.ts
index 5a51b570d6..cd526b7c45 100644
--- a/src/panels/lovelace/components/hui-energy-period-selector.ts
+++ b/src/panels/lovelace/components/hui-energy-period-selector.ts
@@ -210,26 +210,26 @@ export class HuiEnergyPeriodSelector extends SubscribeMixin(LitElement) {
                 )
               : formatDate(this._startDate, this.hass.locale, this.hass.config)
             : simpleRange === "month"
-            ? formatDateMonthYear(
-                this._startDate,
-                this.hass.locale,
-                this.hass.config
-              )
-            : simpleRange === "year"
-            ? formatDateYear(
-                this._startDate,
-                this.hass.locale,
-                this.hass.config
-              )
-            : `${formatDateVeryShort(
-                this._startDate,
-                this.hass.locale,
-                this.hass.config
-              )} – ${formatDateVeryShort(
-                this._endDate || new Date(),
-                this.hass.locale,
-                this.hass.config
-              )}`}
+              ? formatDateMonthYear(
+                  this._startDate,
+                  this.hass.locale,
+                  this.hass.config
+                )
+              : simpleRange === "year"
+                ? formatDateYear(
+                    this._startDate,
+                    this.hass.locale,
+                    this.hass.config
+                  )
+                : `${formatDateVeryShort(
+                    this._startDate,
+                    this.hass.locale,
+                    this.hass.config
+                  )} – ${formatDateVeryShort(
+                    this._endDate || new Date(),
+                    this.hass.locale,
+                    this.hass.config
+                  )}`}
         </div>
         <div class="time-handle">
           <ha-icon-button-prev
diff --git a/src/panels/lovelace/components/hui-generic-entity-row.ts b/src/panels/lovelace/components/hui-generic-entity-row.ts
index ad6eeaaf04..4a6c8d9209 100644
--- a/src/panels/lovelace/components/hui-generic-entity-row.ts
+++ b/src/panels/lovelace/components/hui-generic-entity-row.ts
@@ -105,50 +105,57 @@ class HuiGenericEntityRow extends LitElement {
                     (this.config.secondary_info === "entity-id"
                       ? stateObj.entity_id
                       : this.config.secondary_info === "last-changed"
-                      ? html`
-                          <ha-relative-time
-                            .hass=${this.hass}
-                            .datetime=${stateObj.last_changed}
-                            capitalize
-                          ></ha-relative-time>
-                        `
-                      : this.config.secondary_info === "last-updated"
-                      ? html`
-                          <ha-relative-time
-                            .hass=${this.hass}
-                            .datetime=${stateObj.last_updated}
-                            capitalize
-                          ></ha-relative-time>
-                        `
-                      : this.config.secondary_info === "last-triggered"
-                      ? stateObj.attributes.last_triggered
                         ? html`
                             <ha-relative-time
                               .hass=${this.hass}
-                              .datetime=${stateObj.attributes.last_triggered}
+                              .datetime=${stateObj.last_changed}
                               capitalize
                             ></ha-relative-time>
                           `
-                        : this.hass.localize(
-                            "ui.panel.lovelace.cards.entities.never_triggered"
-                          )
-                      : this.config.secondary_info === "position" &&
-                        stateObj.attributes.current_position !== undefined
-                      ? `${this.hass.localize("ui.card.cover.position")}: ${
-                          stateObj.attributes.current_position
-                        }`
-                      : this.config.secondary_info === "tilt-position" &&
-                        stateObj.attributes.current_tilt_position !== undefined
-                      ? `${this.hass.localize(
-                          "ui.card.cover.tilt_position"
-                        )}: ${stateObj.attributes.current_tilt_position}`
-                      : this.config.secondary_info === "brightness" &&
-                        stateObj.attributes.brightness
-                      ? html`${Math.round(
-                          (stateObj.attributes.brightness / 255) * 100
-                        )}
-                        %`
-                      : "")}
+                        : this.config.secondary_info === "last-updated"
+                          ? html`
+                              <ha-relative-time
+                                .hass=${this.hass}
+                                .datetime=${stateObj.last_updated}
+                                capitalize
+                              ></ha-relative-time>
+                            `
+                          : this.config.secondary_info === "last-triggered"
+                            ? stateObj.attributes.last_triggered
+                              ? html`
+                                  <ha-relative-time
+                                    .hass=${this.hass}
+                                    .datetime=${stateObj.attributes
+                                      .last_triggered}
+                                    capitalize
+                                  ></ha-relative-time>
+                                `
+                              : this.hass.localize(
+                                  "ui.panel.lovelace.cards.entities.never_triggered"
+                                )
+                            : this.config.secondary_info === "position" &&
+                                stateObj.attributes.current_position !==
+                                  undefined
+                              ? `${this.hass.localize(
+                                  "ui.card.cover.position"
+                                )}: ${stateObj.attributes.current_position}`
+                              : this.config.secondary_info ===
+                                    "tilt-position" &&
+                                  stateObj.attributes.current_tilt_position !==
+                                    undefined
+                                ? `${this.hass.localize(
+                                    "ui.card.cover.tilt_position"
+                                  )}: ${
+                                    stateObj.attributes.current_tilt_position
+                                  }`
+                                : this.config.secondary_info === "brightness" &&
+                                    stateObj.attributes.brightness
+                                  ? html`${Math.round(
+                                      (stateObj.attributes.brightness / 255) *
+                                        100
+                                    )}
+                                    %`
+                                  : "")}
                   </div>
                 `
               : ""}
diff --git a/src/panels/lovelace/components/hui-image.ts b/src/panels/lovelace/components/hui-image.ts
index 152f990a0d..e71e29340a 100644
--- a/src/panels/lovelace/components/hui-image.ts
+++ b/src/panels/lovelace/components/hui-image.ts
@@ -200,8 +200,8 @@ export class HuiImage extends LitElement {
           paddingBottom: useRatio
             ? `${((100 * this._ratio!.h) / this._ratio!.w).toFixed(2)}%`
             : this._lastImageHeight === undefined
-            ? "56.25%"
-            : undefined,
+              ? "56.25%"
+              : undefined,
           backgroundImage:
             useRatio && this._loadedImageSrc
               ? `url("${this._loadedImageSrc}")`
@@ -227,21 +227,21 @@ export class HuiImage extends LitElement {
               ></ha-camera-stream>
             `
           : imageSrc === undefined
-          ? nothing
-          : html`
-              <img
-                id="image"
-                src=${imageSrc}
-                @error=${this._onImageError}
-                @load=${this._onImageLoad}
-                style=${styleMap({
-                  display:
-                    useRatio || this._loadState === LoadState.Loaded
-                      ? "block"
-                      : "none",
-                })}
-              />
-            `}
+            ? nothing
+            : html`
+                <img
+                  id="image"
+                  src=${imageSrc}
+                  @error=${this._onImageError}
+                  @load=${this._onImageLoad}
+                  style=${styleMap({
+                    display:
+                      useRatio || this._loadState === LoadState.Loaded
+                        ? "block"
+                        : "none",
+                  })}
+                />
+              `}
         ${this._loadState === LoadState.Error
           ? html`<div
               id="brokenImage"
@@ -252,22 +252,22 @@ export class HuiImage extends LitElement {
               })}
             ></div>`
           : this.cameraView !== "live" &&
-            (imageSrc === undefined || this._loadState === LoadState.Loading)
-          ? html`<div
-              class="progress-container"
-              style=${styleMap({
-                height: !useRatio
-                  ? `${this._lastImageHeight}px` || "100%"
-                  : undefined,
-              })}
-            >
-              <ha-circular-progress
-                class="render-spinner"
-                active
-                size="small"
-              ></ha-circular-progress>
-            </div>`
-          : ""}
+              (imageSrc === undefined || this._loadState === LoadState.Loading)
+            ? html`<div
+                class="progress-container"
+                style=${styleMap({
+                  height: !useRatio
+                    ? `${this._lastImageHeight}px` || "100%"
+                    : undefined,
+                })}
+              >
+                <ha-circular-progress
+                  class="render-spinner"
+                  active
+                  size="small"
+                ></ha-circular-progress>
+              </div>`
+            : ""}
       </div>
     `;
   }
diff --git a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
index d228aa60f6..230f13845b 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
@@ -363,11 +363,11 @@ export class HuiCardPicker extends LitElement {
           ${element && element.tagName !== "HUI-ERROR-CARD"
             ? element
             : customCard
-            ? customCard.description ||
-              this.hass!.localize(
-                `ui.panel.lovelace.editor.cardpicker.no_description`
-              )
-            : description}
+              ? customCard.description ||
+                this.hass!.localize(
+                  `ui.panel.lovelace.editor.cardpicker.no_description`
+                )
+              : description}
         </div>
       </div>
     `;
diff --git a/src/panels/lovelace/editor/config-elements/hui-weather-forecast-card-editor.ts b/src/panels/lovelace/editor/config-elements/hui-weather-forecast-card-editor.ts
index a8b9442e19..7e49985c40 100644
--- a/src/panels/lovelace/editor/config-elements/hui-weather-forecast-card-editor.ts
+++ b/src/panels/lovelace/editor/config-elements/hui-weather-forecast-card-editor.ts
@@ -253,8 +253,8 @@ export class HuiWeatherForecastCardEditor
       data.show_current && data.show_forecast
         ? "show_both"
         : data.show_current
-        ? "show_current"
-        : "show_forecast";
+          ? "show_current"
+          : "show_forecast";
 
     return html`
       <ha-form
diff --git a/src/panels/lovelace/editor/config-util.ts b/src/panels/lovelace/editor/config-util.ts
index 4200ac117a..f494544fb6 100644
--- a/src/panels/lovelace/editor/config-util.ts
+++ b/src/panels/lovelace/editor/config-util.ts
@@ -287,8 +287,8 @@ export const moveCard = (
       index === toPath[0]
         ? newView2
         : index === fromPath[0]
-        ? newView1
-        : origView
+          ? newView1
+          : origView
     ),
   };
 };
diff --git a/src/panels/lovelace/editor/hui-sub-element-editor.ts b/src/panels/lovelace/editor/hui-sub-element-editor.ts
index dd1fd799d1..ea59a67bbc 100644
--- a/src/panels/lovelace/editor/hui-sub-element-editor.ts
+++ b/src/panels/lovelace/editor/hui-sub-element-editor.ts
@@ -74,28 +74,28 @@ export class HuiSubElementEditor extends LitElement {
             ></hui-row-element-editor>
           `
         : this.config.type === "header" || this.config.type === "footer"
-        ? html`
-            <hui-headerfooter-element-editor
-              class="editor"
-              .hass=${this.hass}
-              .value=${this.config.elementConfig}
-              .context=${this.context}
-              @config-changed=${this._handleConfigChanged}
-              @GUImode-changed=${this._handleGUIModeChanged}
-            ></hui-headerfooter-element-editor>
-          `
-        : this.config.type === "tile-feature"
-        ? html`
-            <hui-tile-feature-element-editor
-              class="editor"
-              .hass=${this.hass}
-              .value=${this.config.elementConfig}
-              .context=${this.context}
-              @config-changed=${this._handleConfigChanged}
-              @GUImode-changed=${this._handleGUIModeChanged}
-            ></hui-tile-feature-element-editor>
-          `
-        : ""}
+          ? html`
+              <hui-headerfooter-element-editor
+                class="editor"
+                .hass=${this.hass}
+                .value=${this.config.elementConfig}
+                .context=${this.context}
+                @config-changed=${this._handleConfigChanged}
+                @GUImode-changed=${this._handleGUIModeChanged}
+              ></hui-headerfooter-element-editor>
+            `
+          : this.config.type === "tile-feature"
+            ? html`
+                <hui-tile-feature-element-editor
+                  class="editor"
+                  .hass=${this.hass}
+                  .value=${this.config.elementConfig}
+                  .context=${this.context}
+                  @config-changed=${this._handleConfigChanged}
+                  @GUImode-changed=${this._handleGUIModeChanged}
+                ></hui-tile-feature-element-editor>
+              `
+            : ""}
     `;
   }
 
diff --git a/src/panels/lovelace/elements/hui-state-badge-element.ts b/src/panels/lovelace/elements/hui-state-badge-element.ts
index 6d6acda5f8..e98c9210d8 100644
--- a/src/panels/lovelace/elements/hui-state-badge-element.ts
+++ b/src/panels/lovelace/elements/hui-state-badge-element.ts
@@ -56,8 +56,8 @@ export class HuiStateBadgeElement
         .title=${this._config.title === undefined
           ? computeStateName(stateObj)
           : this._config.title === null
-          ? ""
-          : this._config.title}
+            ? ""
+            : this._config.title}
         @action=${this._handleAction}
         .actionHandler=${actionHandler({
           hasHold: hasAction(this._config!.hold_action),
diff --git a/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts b/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts
index 287ea60886..6af9f1f41e 100644
--- a/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts
+++ b/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts
@@ -85,8 +85,8 @@ class HuiInputDatetimeEntityRow extends LitElement implements LovelaceRow {
                   .value=${stateObj.state === UNKNOWN
                     ? ""
                     : stateObj.attributes.has_date
-                    ? stateObj.state.split(" ")[1]
-                    : stateObj.state}
+                      ? stateObj.state.split(" ")[1]
+                      : stateObj.state}
                   .locale=${this.hass.locale}
                   .disabled=${isUnavailableState(stateObj.state)}
                   @value-changed=${this._timeChanged}
diff --git a/src/panels/lovelace/entity-rows/hui-media-player-entity-row.ts b/src/panels/lovelace/entity-rows/hui-media-player-entity-row.ts
index 4bb1f65cfb..f0f265a295 100644
--- a/src/panels/lovelace/entity-rows/hui-media-player-entity-row.ts
+++ b/src/panels/lovelace/entity-rows/hui-media-player-entity-row.ts
@@ -204,12 +204,12 @@ class HuiMediaPlayerEntityRow extends LitElement implements LovelaceRow {
                 ></ha-icon-button>
               `
             : !supportsFeature(stateObj, MediaPlayerEntityFeature.VOLUME_SET) &&
-              !supportsFeature(
-                stateObj,
-                MediaPlayerEntityFeature.VOLUME_BUTTONS
-              )
-            ? buttons
-            : ""}
+                !supportsFeature(
+                  stateObj,
+                  MediaPlayerEntityFeature.VOLUME_BUTTONS
+                )
+              ? buttons
+              : ""}
           ${supportsFeature(stateObj, MediaPlayerEntityFeature.TURN_OFF) &&
           stateActive(stateObj)
             ? html`
@@ -260,27 +260,27 @@ class HuiMediaPlayerEntityRow extends LitElement implements LovelaceRow {
                       ></ha-slider>
                     `
                   : !this._veryNarrow &&
-                    supportsFeature(
-                      stateObj,
-                      MediaPlayerEntityFeature.VOLUME_BUTTONS
-                    )
-                  ? html`
-                      <ha-icon-button
-                        .path=${mdiVolumeMinus}
-                        .label=${this.hass.localize(
-                          "ui.card.media_player.media_volume_down"
-                        )}
-                        @click=${this._volumeDown}
-                      ></ha-icon-button>
-                      <ha-icon-button
-                        .path=${mdiVolumePlus}
-                        .label=${this.hass.localize(
-                          "ui.card.media_player.media_volume_up"
-                        )}
-                        @click=${this._volumeUp}
-                      ></ha-icon-button>
-                    `
-                  : ""}
+                      supportsFeature(
+                        stateObj,
+                        MediaPlayerEntityFeature.VOLUME_BUTTONS
+                      )
+                    ? html`
+                        <ha-icon-button
+                          .path=${mdiVolumeMinus}
+                          .label=${this.hass.localize(
+                            "ui.card.media_player.media_volume_down"
+                          )}
+                          @click=${this._volumeDown}
+                        ></ha-icon-button>
+                        <ha-icon-button
+                          .path=${mdiVolumePlus}
+                          .label=${this.hass.localize(
+                            "ui.card.media_player.media_volume_up"
+                          )}
+                          @click=${this._volumeUp}
+                        ></ha-icon-button>
+                      `
+                    : ""}
               </div>
 
               <div class="controls">${buttons}</div>
@@ -312,10 +312,10 @@ class HuiMediaPlayerEntityRow extends LitElement implements LovelaceRow {
     return stateObj.state === "on"
       ? { icon: mdiPlayPause, action: "media_play_pause" }
       : stateObj.state !== "playing"
-      ? { icon: mdiPlay, action: "media_play" }
-      : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
-      ? { icon: mdiPause, action: "media_pause" }
-      : { icon: mdiStop, action: "media_stop" };
+        ? { icon: mdiPlay, action: "media_play" }
+        : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
+          ? { icon: mdiPause, action: "media_pause" }
+          : { icon: mdiStop, action: "media_stop" };
   }
 
   private _togglePower(): void {
@@ -337,8 +337,8 @@ class HuiMediaPlayerEntityRow extends LitElement implements LovelaceRow {
       stateObj.state !== "playing"
         ? "media_play"
         : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
-        ? "media_pause"
-        : "media_stop";
+          ? "media_pause"
+          : "media_stop";
 
     this.hass!.callService("media_player", service, {
       entity_id: this._config!.entity,
diff --git a/src/panels/lovelace/entity-rows/hui-weather-entity-row.ts b/src/panels/lovelace/entity-rows/hui-weather-entity-row.ts
index 95fce2165c..c73825c355 100644
--- a/src/panels/lovelace/entity-rows/hui-weather-entity-row.ts
+++ b/src/panels/lovelace/entity-rows/hui-weather-entity-row.ts
@@ -163,22 +163,22 @@ class HuiWeatherEntityRow extends LitElement implements LovelaceRow {
                 ${this._config.secondary_info === "entity-id"
                   ? stateObj.entity_id
                   : this._config.secondary_info === "last-changed"
-                  ? html`
-                      <ha-relative-time
-                        .hass=${this.hass}
-                        .datetime=${stateObj.last_changed}
-                        capitalize
-                      ></ha-relative-time>
-                    `
-                  : this._config.secondary_info === "last-updated"
-                  ? html`
-                      <ha-relative-time
-                        .hass=${this.hass}
-                        .datetime=${stateObj.last_updated}
-                        capitalize
-                      ></ha-relative-time>
-                    `
-                  : ""}
+                    ? html`
+                        <ha-relative-time
+                          .hass=${this.hass}
+                          .datetime=${stateObj.last_changed}
+                          capitalize
+                        ></ha-relative-time>
+                      `
+                    : this._config.secondary_info === "last-updated"
+                      ? html`
+                          <ha-relative-time
+                            .hass=${this.hass}
+                            .datetime=${stateObj.last_updated}
+                            capitalize
+                          ></ha-relative-time>
+                        `
+                      : ""}
               </div>
             `
           : ""}
diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index 53ba6073a0..eadb8404b3 100644
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -242,45 +242,47 @@ class HUIRoot extends LitElement {
                   ${curViewConfig?.subview
                     ? html`<div class="main-title">${curViewConfig.title}</div>`
                     : views.filter((view) => !view.subview).length > 1
-                    ? html`
-                        <ha-tabs
-                          slot="title"
-                          scrollable
-                          .selected=${this._curView}
-                          @iron-activate=${this._handleViewSelected}
-                          dir=${computeRTLDirection(this.hass!)}
-                        >
-                          ${views.map(
-                            (view) => html`
-                              <paper-tab
-                                aria-label=${ifDefined(view.title)}
-                                class=${classMap({
-                                  "hide-tab": Boolean(
-                                    view.subview ||
-                                      (view.visible !== undefined &&
-                                        ((Array.isArray(view.visible) &&
-                                          !view.visible.some(
-                                            (e) =>
-                                              e.user === this.hass!.user?.id
-                                          )) ||
-                                          view.visible === false))
-                                  ),
-                                })}
-                              >
-                                ${view.icon
-                                  ? html`
-                                      <ha-icon
-                                        title=${ifDefined(view.title)}
-                                        .icon=${view.icon}
-                                      ></ha-icon>
-                                    `
-                                  : view.title || "Unnamed view"}
-                              </paper-tab>
-                            `
-                          )}
-                        </ha-tabs>
-                      `
-                    : html`<div class="main-title">${this.config.title}</div>`}
+                      ? html`
+                          <ha-tabs
+                            slot="title"
+                            scrollable
+                            .selected=${this._curView}
+                            @iron-activate=${this._handleViewSelected}
+                            dir=${computeRTLDirection(this.hass!)}
+                          >
+                            ${views.map(
+                              (view) => html`
+                                <paper-tab
+                                  aria-label=${ifDefined(view.title)}
+                                  class=${classMap({
+                                    "hide-tab": Boolean(
+                                      view.subview ||
+                                        (view.visible !== undefined &&
+                                          ((Array.isArray(view.visible) &&
+                                            !view.visible.some(
+                                              (e) =>
+                                                e.user === this.hass!.user?.id
+                                            )) ||
+                                            view.visible === false))
+                                    ),
+                                  })}
+                                >
+                                  ${view.icon
+                                    ? html`
+                                        <ha-icon
+                                          title=${ifDefined(view.title)}
+                                          .icon=${view.icon}
+                                        ></ha-icon>
+                                      `
+                                    : view.title || "Unnamed view"}
+                                </paper-tab>
+                              `
+                            )}
+                          </ha-tabs>
+                        `
+                      : html`<div class="main-title">
+                          ${this.config.title}
+                        </div>`}
                   <div class="action-items">
                     ${!this.narrow
                       ? html`
diff --git a/src/panels/lovelace/special-rows/hui-attribute-row.ts b/src/panels/lovelace/special-rows/hui-attribute-row.ts
index 5fe2f85d3b..d2606f65e7 100644
--- a/src/panels/lovelace/special-rows/hui-attribute-row.ts
+++ b/src/panels/lovelace/special-rows/hui-attribute-row.ts
@@ -71,16 +71,16 @@ class HuiAttributeRow extends LitElement implements LovelaceRow {
               capitalize
             ></hui-timestamp-display>`
           : attribute !== undefined
-          ? html`
-              <ha-attribute-value
-                .hideUnit=${this._config.suffix}
-                .hass=${this.hass}
-                .stateObj=${stateObj}
-                .attribute=${this._config.attribute}
-              >
-              </ha-attribute-value>
-            `
-          : "—"}
+            ? html`
+                <ha-attribute-value
+                  .hideUnit=${this._config.suffix}
+                  .hass=${this.hass}
+                  .stateObj=${stateObj}
+                  .attribute=${this._config.attribute}
+                >
+                </ha-attribute-value>
+              `
+            : "—"}
         ${this._config.suffix}
       </hui-generic-entity-row>
     `;
diff --git a/src/panels/lovelace/special-rows/hui-cast-row.ts b/src/panels/lovelace/special-rows/hui-cast-row.ts
index 2cfe87b3d8..35ebe527e8 100644
--- a/src/panels/lovelace/special-rows/hui-cast-row.ts
+++ b/src/panels/lovelace/special-rows/hui-cast-row.ts
@@ -59,24 +59,24 @@ class HuiCastRow extends LitElement implements LovelaceRow {
         ${this._noHTTPS
           ? html` Cast requires HTTPS `
           : this._castManager === undefined
-          ? nothing
-          : this._castManager === null
-          ? html` Cast API unavailable `
-          : this._castManager.castState === "NO_DEVICES_AVAILABLE"
-          ? html` No devices found `
-          : html`
-              <div class="controls">
-                <google-cast-launcher></google-cast-launcher>
-                <mwc-button
-                  @click=${this._sendLovelace}
-                  class=${classMap({ inactive: !active })}
-                  .unelevated=${active}
-                  .disabled=${!this._castManager.status}
-                >
-                  SHOW
-                </mwc-button>
-              </div>
-            `}
+            ? nothing
+            : this._castManager === null
+              ? html` Cast API unavailable `
+              : this._castManager.castState === "NO_DEVICES_AVAILABLE"
+                ? html` No devices found `
+                : html`
+                    <div class="controls">
+                      <google-cast-launcher></google-cast-launcher>
+                      <mwc-button
+                        @click=${this._sendLovelace}
+                        class=${classMap({ inactive: !active })}
+                        .unelevated=${active}
+                        .disabled=${!this._castManager.status}
+                      >
+                        SHOW
+                      </mwc-button>
+                    </div>
+                  `}
       </div>
     `;
   }
diff --git a/src/panels/media-browser/browser-media-player.ts b/src/panels/media-browser/browser-media-player.ts
index d8c082f1ac..f0a1556ad7 100644
--- a/src/panels/media-browser/browser-media-player.ts
+++ b/src/panels/media-browser/browser-media-player.ts
@@ -88,8 +88,8 @@ export class BrowserMediaPlayer {
     stateObj.state = this.buffering
       ? "buffering"
       : this.player.paused || this.player.ended
-      ? "paused"
-      : "playing";
+        ? "paused"
+        : "playing";
     stateObj.attributes = {
       media_title: this.item.title,
       entity_picture: this.item.thumbnail,
diff --git a/src/panels/media-browser/ha-bar-media-player.ts b/src/panels/media-browser/ha-bar-media-player.ts
index a1e408ac0b..efda587950 100644
--- a/src/panels/media-browser/ha-bar-media-player.ts
+++ b/src/panels/media-browser/ha-bar-media-player.ts
@@ -184,32 +184,32 @@ export class BarMediaPlayer extends SubscribeMixin(LitElement) {
     const controls: ControlButton[] | undefined = !this.narrow
       ? computeMediaControls(stateObj, true)
       : (stateObj.state === "playing" &&
-          (supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE) ||
-            supportsFeature(stateObj, MediaPlayerEntityFeature.STOP))) ||
-        ((stateObj.state === "paused" || stateObj.state === "idle") &&
-          supportsFeature(stateObj, MediaPlayerEntityFeature.PLAY)) ||
-        (stateObj.state === "on" &&
-          (supportsFeature(stateObj, MediaPlayerEntityFeature.PLAY) ||
-            supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)))
-      ? [
-          {
-            icon:
-              stateObj.state === "on"
-                ? mdiPlayPause
-                : stateObj.state !== "playing"
-                ? mdiPlay
-                : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
-                ? mdiPause
-                : mdiStop,
-            action:
-              stateObj.state !== "playing"
-                ? "media_play"
-                : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
-                ? "media_pause"
-                : "media_stop",
-          },
-        ]
-      : undefined;
+            (supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE) ||
+              supportsFeature(stateObj, MediaPlayerEntityFeature.STOP))) ||
+          ((stateObj.state === "paused" || stateObj.state === "idle") &&
+            supportsFeature(stateObj, MediaPlayerEntityFeature.PLAY)) ||
+          (stateObj.state === "on" &&
+            (supportsFeature(stateObj, MediaPlayerEntityFeature.PLAY) ||
+              supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)))
+        ? [
+            {
+              icon:
+                stateObj.state === "on"
+                  ? mdiPlayPause
+                  : stateObj.state !== "playing"
+                    ? mdiPlay
+                    : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
+                      ? mdiPause
+                      : mdiStop,
+              action:
+                stateObj.state !== "playing"
+                  ? "media_play"
+                  : supportsFeature(stateObj, MediaPlayerEntityFeature.PAUSE)
+                    ? "media_pause"
+                    : "media_stop",
+            },
+          ]
+        : undefined;
     const mediaDescription = computeMediaDescription(stateObj);
     const mediaDuration = formatMediaTime(stateObj.attributes.media_duration);
     const mediaTitleClean = cleanupMediaTitle(
@@ -275,14 +275,14 @@ export class BarMediaPlayer extends SubscribeMixin(LitElement) {
               ${stateObj.attributes.media_duration === Infinity
                 ? nothing
                 : this.narrow
-                ? html`<mwc-linear-progress></mwc-linear-progress>`
-                : html`
-                    <div class="progress">
-                      <div id="CurrentProgress"></div>
-                      <mwc-linear-progress wide></mwc-linear-progress>
-                      <div>${mediaDuration}</div>
-                    </div>
-                  `}
+                  ? html`<mwc-linear-progress></mwc-linear-progress>`
+                  : html`
+                      <div class="progress">
+                        <div id="CurrentProgress"></div>
+                        <mwc-linear-progress wide></mwc-linear-progress>
+                        <div>${mediaDuration}</div>
+                      </div>
+                    `}
             `}
       </div>
       ${this._renderChoosePlayer(stateObj)}
diff --git a/src/panels/media-browser/hui-dialog-web-browser-play-media.ts b/src/panels/media-browser/hui-dialog-web-browser-play-media.ts
index 365e70dd1b..ac10b2f91f 100644
--- a/src/panels/media-browser/hui-dialog-web-browser-play-media.ts
+++ b/src/panels/media-browser/hui-dialog-web-browser-play-media.ts
@@ -54,35 +54,35 @@ export class HuiDialogWebBrowserPlayMedia extends LitElement {
               </audio>
             `
           : mediaType === "video"
-          ? html`
-              <video controls autoplay playsinline>
-                <source
-                  src=${this._params.sourceUrl}
-                  type=${this._params.sourceType}
-                />
-                ${this.hass.localize(
-                  "ui.components.media-browser.video_not_supported"
-                )}
-              </video>
-            `
-          : this._params.sourceType === "application/x-mpegURL"
-          ? html`
-              <ha-hls-player
-                controls
-                autoplay
-                playsinline
-                .hass=${this.hass}
-                .url=${this._params.sourceUrl}
-              ></ha-hls-player>
-            `
-          : mediaType === "image"
-          ? html`<img
-              alt=${this._params.title || nothing}
-              src=${this._params.sourceUrl}
-            />`
-          : html`${this.hass.localize(
-              "ui.components.media-browser.media_not_supported"
-            )}`}
+            ? html`
+                <video controls autoplay playsinline>
+                  <source
+                    src=${this._params.sourceUrl}
+                    type=${this._params.sourceType}
+                  />
+                  ${this.hass.localize(
+                    "ui.components.media-browser.video_not_supported"
+                  )}
+                </video>
+              `
+            : this._params.sourceType === "application/x-mpegURL"
+              ? html`
+                  <ha-hls-player
+                    controls
+                    autoplay
+                    playsinline
+                    .hass=${this.hass}
+                    .url=${this._params.sourceUrl}
+                  ></ha-hls-player>
+                `
+              : mediaType === "image"
+                ? html`<img
+                    alt=${this._params.title || nothing}
+                    src=${this._params.sourceUrl}
+                  />`
+                : html`${this.hass.localize(
+                    "ui.components.media-browser.media_not_supported"
+                  )}`}
       </ha-dialog>
     `;
   }
diff --git a/src/panels/profile/dialog-ha-mfa-module-setup-flow.ts b/src/panels/profile/dialog-ha-mfa-module-setup-flow.ts
index e5e9ff4abe..2371d44fd2 100644
--- a/src/panels/profile/dialog-ha-mfa-module-setup-flow.ts
+++ b/src/panels/profile/dialog-ha-mfa-module-setup-flow.ts
@@ -94,34 +94,38 @@ class HaMfaModuleSetupFlow extends LitElement {
                     )}
                   ></ha-markdown>`
                 : this._step.type === "create_entry"
-                ? html`<p>
-                    ${this.hass.localize(
-                      "ui.panel.profile.mfa_setup.step_done",
-                      "step",
-                      this._step.title
-                    )}
-                  </p>`
-                : this._step.type === "form"
-                ? html`<ha-markdown
-                      allowsvg
-                      breaks
-                      .content=${this.hass.localize(
-                        `component.auth.mfa_setup.${this._step!.handler}.step.${
-                          (this._step! as DataEntryFlowStepForm).step_id
-                        }.description`,
-                        this._step!.description_placeholders
+                  ? html`<p>
+                      ${this.hass.localize(
+                        "ui.panel.profile.mfa_setup.step_done",
+                        "step",
+                        this._step.title
                       )}
-                    ></ha-markdown>
-                    <ha-form
-                      .hass=${this.hass}
-                      .data=${this._stepData}
-                      .schema=${autocompleteLoginFields(this._step.data_schema)}
-                      .error=${this._step.errors}
-                      .computeLabel=${this._computeLabel}
-                      .computeError=${this._computeError}
-                      @value-changed=${this._stepDataChanged}
-                    ></ha-form>`
-                : ""}`}
+                    </p>`
+                  : this._step.type === "form"
+                    ? html`<ha-markdown
+                          allowsvg
+                          breaks
+                          .content=${this.hass.localize(
+                            `component.auth.mfa_setup.${
+                              this._step!.handler
+                            }.step.${
+                              (this._step! as DataEntryFlowStepForm).step_id
+                            }.description`,
+                            this._step!.description_placeholders
+                          )}
+                        ></ha-markdown>
+                        <ha-form
+                          .hass=${this.hass}
+                          .data=${this._stepData}
+                          .schema=${autocompleteLoginFields(
+                            this._step.data_schema
+                          )}
+                          .error=${this._step.errors}
+                          .computeLabel=${this._computeLabel}
+                          .computeError=${this._computeError}
+                          @value-changed=${this._stepDataChanged}
+                        ></ha-form>`
+                    : ""}`}
         </div>
         ${["abort", "create_entry"].includes(this._step?.type || "")
           ? html`<mwc-button slot="primaryAction" @click=${this.closeDialog}
@@ -246,12 +250,12 @@ class HaMfaModuleSetupFlow extends LitElement {
     return this._step?.type === "abort"
       ? this.hass.localize("ui.panel.profile.mfa_setup.title_aborted")
       : this._step?.type === "create_entry"
-      ? this.hass.localize("ui.panel.profile.mfa_setup.title_success")
-      : this._step?.type === "form"
-      ? this.hass.localize(
-          `component.auth.mfa_setup.${this._step.handler}.step.${this._step.step_id}.title`
-        )
-      : "";
+        ? this.hass.localize("ui.panel.profile.mfa_setup.title_success")
+        : this._step?.type === "form"
+          ? this.hass.localize(
+              `component.auth.mfa_setup.${this._step.handler}.step.${this._step.step_id}.title`
+            )
+          : "";
   }
 
   private _computeLabel = (schema) =>
diff --git a/src/panels/profile/ha-pick-theme-row.ts b/src/panels/profile/ha-pick-theme-row.ts
index 6d8fe0a225..dc1eee7015 100644
--- a/src/panels/profile/ha-pick-theme-row.ts
+++ b/src/panels/profile/ha-pick-theme-row.ts
@@ -40,8 +40,8 @@ export class HaPickThemeRow extends LitElement {
     const curTheme = this.hass.selectedTheme?.theme
       ? this.hass.selectedTheme?.theme
       : this.hass.themes.darkMode
-      ? this.hass.themes.default_dark_theme || this.hass.themes.default_theme
-      : this.hass.themes.default_theme;
+        ? this.hass.themes.default_dark_theme || this.hass.themes.default_theme
+        : this.hass.themes.default_theme;
 
     const themeSettings = this.hass.selectedTheme;
 
diff --git a/src/types.ts b/src/types.ts
index 8d0d37ee86..ee304dbe35 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -291,7 +291,7 @@ export type AsyncReturnType<T extends (...args: any) => any> = T extends (
 ) => Promise<infer U>
   ? U
   : T extends (...args: any) => infer U
-  ? U
-  : never;
+    ? U
+    : never;
 
 export type Entries<T> = [keyof T, T[keyof T]][];
diff --git a/src/util/documentation-url.ts b/src/util/documentation-url.ts
index baae27a4bf..3e23ef36c4 100644
--- a/src/util/documentation-url.ts
+++ b/src/util/documentation-url.ts
@@ -5,6 +5,6 @@ export const documentationUrl = (hass: HomeAssistant, path: string) =>
     hass.config.version.includes("b")
       ? "rc"
       : hass.config.version.includes("dev")
-      ? "next"
-      : "www"
+        ? "next"
+        : "www"
   }.home-assistant.io${path}`;
diff --git a/yarn.lock b/yarn.lock
index a4b5526c03..52f6e3fb45 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9730,7 +9730,7 @@ __metadata:
     object-hash: "npm:3.0.0"
     open: "npm:9.1.0"
     pinst: "npm:3.0.0"
-    prettier: "npm:3.0.3"
+    prettier: "npm:3.1.0"
     proxy-polyfill: "npm:0.3.2"
     punycode: "npm:2.3.1"
     qr-scanner: "npm:1.4.2"
@@ -13168,12 +13168,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:3.0.3":
-  version: 3.0.3
-  resolution: "prettier@npm:3.0.3"
+"prettier@npm:3.1.0":
+  version: 3.1.0
+  resolution: "prettier@npm:3.1.0"
   bin:
     prettier: bin/prettier.cjs
-  checksum: ccf1ead9794b017be6b42d0873f459070beef2069eb393c8b4c0d11aa3430acefc54f6d5f44a5b7ce9af05ad8daf694b912f0aa2808d1c22dfa86e61e9d563f8
+  checksum: e95e8f93c6b9aea2ac1e86bebe329bee90c8c50d9a23d1f593eba8d7f39b33b3641eb28785001505b6723c47895a5322ad12a2fb855b289cb7bae450ffc34425
   languageName: node
   linkType: hard