Bumped version to 20261028.1

Load the legacy Intl polyfills once per page and bundle PluralRules with its data (#55452 )
Each legacy entry bundle carries its own copy of intl-polyfill.ts, so the module-level guard only stopped re-runs within one bundle. With the bundles loading in parallel, the second bundle could probe Intl.PluralRules after the first had installed the polyfill but before its locale data chunk arrived. The FormatJS should-polyfill probe calls select(), which throws on a data-less polyfill, rejecting the top-level await so the entry never evaluated. On the companion app this surfaces as ExternalBusTimeout on old WebViews. Share one promise per page on globalThis so every bundle waits for the same run, and import the PluralRules polyfill and its English data from one module so Intl.PluralRules is never installed without data.
2026-10-30 17:43:39 +00:00 · 2026-10-29 16:44:20 +01:00 · 2026-10-29 16:43:58 +01:00 · 2026-10-29 16:43:56 +01:00 · 2026-10-29 16:43:55 +01:00 · 2026-10-29 16:43:54 +01:00
31 changed files with 635 additions and 195 deletions
@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"

 [project]
 name         = "home-assistant-frontend"
-version      = "20261028.0"
+version      = "20261028.1"
 license      = "Apache-2.0"
 license-files = ["LICENSE*"]
 description  = "The Home Assistant frontend"
@@ -1,5 +1,7 @@
 import type { HassEntity } from "home-assistant-js-websocket";
+import { computeCssColor } from "../color/compute-color";
 import { computeDomain } from "./compute_domain";
+import { stateColorCss } from "./state_color";

 export const ALERT_DOMAINS = [
  "alarm_control_panel",
@@ -8,8 +10,6 @@ export const ALERT_DOMAINS = [
  "lock",
 ];

-export const DEFAULT_ALERT_COLOR = "red";
-
 export const computeAlertActiveStates = (entityId: string): string[] => {
  switch (computeDomain(entityId)) {
    case "alarm_control_panel":
@@ -25,3 +25,16 @@ export const computeAlertActiveStates = (entityId: string): string[] => {

 export const isAlertActive = (stateObj: HassEntity): boolean =>
  computeAlertActiveStates(stateObj.entity_id).includes(stateObj.state);
+
+export const computeAlertColor = (
+  stateObj: HassEntity,
+  color: string
+): string | undefined => {
+  if (color === "none") {
+    return undefined;
+  }
+  if (color === "state") {
+    return stateColorCss(stateObj);
+  }
+  return computeCssColor(color);
+};
@@ -29,9 +29,9 @@ import type {
 } from "../../common/translations/localize";
 import { formattersContext, registriesContext } from "../../data/context";
 import type { HomeAssistantFormatters, ValueChangedEvent } from "../../types";
-import "../chips/ha-assist-chip";
 import "../chips/ha-chip-set";
 import "../chips/ha-input-chip";
+import "../ha-button";
 import "../ha-button-toggle-group";
 import "../ha-combo-box-item";
 import "../ha-generic-picker";
@@ -121,6 +121,8 @@ export class HaEntityNamePicker extends LitElement {

  @query("ha-generic-picker") private _picker?: HaGenericPicker;

+  @query("ha-button.add") private _addButton?: HTMLElement;
+
  private _editIndex?: number;

  connectedCallback(): void {
@@ -159,7 +161,7 @@ export class HaEntityNamePicker extends LitElement {
    return html`
      <div class="container">
        <div class="header">
-          ${this.label ? html`<label>${this.label}</label>` : nothing}
+          ${this.label ? html`<label id="label">${this.label}</label>` : nothing}
          ${
            this.allowCustom
              ? html`
@@ -264,7 +266,9 @@ export class HaEntityNamePicker extends LitElement {
            handle-selector="button.primary.action"
            filter=".add"
          >
-            <ha-chip-set>
+            <ha-chip-set
+              aria-labelledby=${ifDefined(this.label ? "label" : undefined)}
+            >
              ${repeat(
                this._items,
                (item) => item,
@@ -290,22 +294,16 @@ export class HaEntityNamePicker extends LitElement {
                  `;
                }
              )}
-              ${
-                this.disabled
-                  ? nothing
-                  : html`
-                      <ha-assist-chip
-                        @click=${this._addItem}
-                        .disabled=${this.disabled}
-                        label=${this._localize(
-                          "ui.components.entity.entity-name-picker.add"
-                        )}
-                        class="add"
-                      >
-                        <ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon>
-                      </ha-assist-chip>
-                    `
-              }
+              <ha-button
+                class="add"
+                size="s"
+                appearance="filled"
+                .disabled=${this.disabled}
+                @click=${this._addItem}
+              >
+                <ha-svg-icon slot="start" .path=${mdiPlus}></ha-svg-icon>
+                ${this._localize("ui.common.add")}
+              </ha-button>
            </ha-chip-set>
          </ha-sortable>
          ${this._renderRestoreButton()}
@@ -373,6 +371,10 @@ export class HaEntityNamePicker extends LitElement {
    const idx = parseInt((ev.target as HTMLElement).dataset.idx || "", 10);
    value.splice(idx, 1);
    this._setValue(value);
+    if (!value.length) {
+      await this.updateComplete;
+      this._addButton?.focus();
+    }
  }

  private _pickerValueChanged(ev: ValueChangedEvent<string>): void {
@@ -629,7 +631,7 @@ export class HaEntityNamePicker extends LitElement {

    label {
      display: block;
-      font-weight: 500;
+      font-weight: var(--ha-font-weight-medium);
    }

    .content {
@@ -722,7 +724,8 @@ export class HaEntityNamePicker extends LitElement {

    ha-input-helper-text {
      display: block;
-      margin: var(--ha-space-2) 0 0;
+      padding: 0;
+      margin: var(--ha-space-1) 0 0;
    }
  `;
 }
@@ -245,15 +245,15 @@ export class HaAreasFloorsDisplayEditor extends LitElement {
    const newOrder: string[] = [];

    for (const floorId of floorIds) {
+      const isOnFloor = (areaId: string) =>
+        (this._areas[areaId]?.floor_id ?? UNASSIGNED_FLOOR) === floorId;
      if ((currentFloorId ?? UNASSIGNED_FLOOR) === floorId) {
-        newHidden.push(...(value.hidden ?? []));
+        // Reordering returns the hidden areas of every floor, not just this one
+        newHidden.push(...(value.hidden ?? []).filter(isOnFloor));
        newOrder.push(...(value.order ?? []));
        continue;
      }
-      const hidden = oldHidden.filter((areaId) => {
-        const id = this._areas[areaId]?.floor_id ?? UNASSIGNED_FLOOR;
-        return id === floorId;
-      });
+      const hidden = oldHidden.filter(isOnFloor);
      if (hidden?.length) {
        newHidden.push(...hidden);
      }
@@ -1,7 +1,9 @@
 import type { ContextType } from "@lit/context";
+import { mdiPlus } from "@mdi/js";
 import type { RenderItemFunction } from "@lit-labs/virtualizer/virtualize";
 import { css, html, LitElement, nothing } from "lit";
-import { customElement, property, state } from "lit/decorators";
+import { customElement, property, query, state } from "lit/decorators";
+import { ifDefined } from "lit/directives/if-defined";
 import { repeat } from "lit/directives/repeat";
 import { styleMap } from "lit/directives/style-map";
 import memoizeOne from "memoize-one";
@@ -26,6 +28,10 @@ import "./chips/ha-input-chip";
 import "./ha-combo-box-item";
 import "./ha-domain-icon";
 import "./ha-generic-picker";
+import type { HaGenericPicker } from "./ha-generic-picker";
+import "./ha-button";
+import "./ha-svg-icon";
+import "./ha-input-helper-text";
 import type {
  PickerComboBoxItem,
  PickerComboBoxSearchFn,
@@ -82,6 +88,8 @@ export class HaEntityTypePicker extends LitElement {
  @consume({ context: statesContext, subscribe: true })
  private _states?: ContextType<typeof statesContext>;

+  @query("ha-generic-picker") private _picker?: HaGenericPicker;
+
  private _titlesLoaded = false;

  protected willUpdate() {
@@ -237,40 +245,13 @@ export class HaEntityTypePicker extends LitElement {
    const localize = this._i18n?.localize;
    const value = this.value ?? [];
    const chipLabels = localize ? this._chipLabels(localize, value) : undefined;
-
+    const addLabel = localize?.("ui.common.add");
    return html`
-      ${this.label ? html`<label>${this.label}</label>` : nothing}
-      ${
-        value.length && chipLabels
-          ? html`
-              <ha-chip-set>
-                ${repeat(
-                  value,
-                  (key) => key,
-                  (key) => {
-                    const label = chipLabels.get(key)!;
-                    return html`
-                      <ha-input-chip
-                        data-key=${key}
-                        .label=${label}
-                        .disabled=${this.disabled}
-                        @remove=${this._removeItem}
-                        selected
-                      >
-                        ${this._renderIcon(key, "icon")} ${label}
-                      </ha-input-chip>
-                    `;
-                  }
-                )}
-              </ha-chip-set>
-            `
-          : nothing
-      }
+      ${this.label ? html`<label id="label">${this.label}</label>` : nothing}
      <ha-generic-picker
-        .helper=${this.helper}
+        .label=${this.label}
        .disabled=${this.disabled}
        .value=${""}
-        .addButtonLabel=${localize?.("ui.components.entity-type-picker.add")}
        .getItems=${this._getItems}
        .rowRenderer=${this._rowRenderer}
        .searchFn=${this._searchFn}
@@ -278,10 +259,53 @@ export class HaEntityTypePicker extends LitElement {
        .emptyLabel=${localize?.("ui.components.entity-type-picker.no_types")}
        no-sort
        @value-changed=${this._itemAdded}
-      ></ha-generic-picker>
+      >
+        <ha-chip-set
+          slot="field"
+          aria-labelledby=${ifDefined(this.label ? "label" : undefined)}
+        >
+          ${repeat(
+            value,
+            (key) => key,
+            (key) => {
+              const label = chipLabels?.get(key) ?? key;
+              return html`
+                <ha-input-chip
+                  data-key=${key}
+                  .label=${label}
+                  .disabled=${this.disabled}
+                  @remove=${this._removeItem}
+                  selected
+                >
+                  ${this._renderIcon(key, "icon")} ${label}
+                </ha-input-chip>
+              `;
+            }
+          )}
+          <ha-button
+            size="s"
+            appearance="filled"
+            .disabled=${this.disabled}
+            @click=${this._openPicker}
+          >
+            <ha-svg-icon slot="start" .path=${mdiPlus}></ha-svg-icon>
+            ${addLabel}
+          </ha-button>
+        </ha-chip-set>
+      </ha-generic-picker>
+      ${
+        this.helper
+          ? html`<ha-input-helper-text>${this.helper}</ha-input-helper-text>`
+          : nothing
+      }
    `;
  }

+  private _openPicker(ev: Event) {
+    ev.stopPropagation();
+    this._picker?.open();
+  }
+
  private _itemAdded(ev: CustomEvent<{ value?: string }>) {
    ev.stopPropagation();
    const key = ev.detail.value;
@@ -320,7 +344,15 @@ export class HaEntityTypePicker extends LitElement {
      width: 100%;
    }
    ha-chip-set {
-      padding: var(--ha-space-2) 0;
+      background-color: var(--mdc-text-field-fill-color);
+      border-bottom: 1px solid var(--ha-color-border-neutral-normal);
+      border-top-right-radius: var(--ha-border-radius-sm);
+      border-top-left-radius: var(--ha-border-radius-sm);
+      padding: var(--ha-space-3);
+    }
+    ha-input-helper-text {
+      padding: 0;
+      margin-top: var(--ha-space-1);
    }
  `;
 }
@@ -1,26 +1,28 @@
-import { mdiDragHorizontalVariant } from "@mdi/js";
+import { mdiDragHorizontalVariant, mdiPlus } from "@mdi/js";
 import { LitElement, css, html, nothing } from "lit";
-import { customElement, property, state } from "lit/decorators";
+import { customElement, property, query, state } from "lit/decorators";
+import { ifDefined } from "lit/directives/if-defined";
 import { repeat } from "lit/directives/repeat";
 import memoizeOne from "memoize-one";
 import { consume } from "../../common/decorators/consume";
 import { ensureArray } from "../../common/array/ensure-array";
-import { transform } from "../../common/decorators/transform";
 import { fireEvent } from "../../common/dom/fire_event";
 import { caseInsensitiveStringCompare } from "../../common/string/compare";
 import { internationalizationContext } from "../../data/context";
 import type { SelectOption, SelectSelector } from "../../data/selector";
-import type { FrontendLocaleData } from "../../data/translation";
 import type { HomeAssistantInternationalization } from "../../types";
 import "../chips/ha-chip-set";
 import "../chips/ha-input-chip";
 import "../ha-checkbox";
 import "../ha-dropdown-item";
 import "../ha-generic-picker";
+import type { HaGenericPicker } from "../ha-generic-picker";
+import "../ha-button";
 import "../ha-input-helper-text";
 import "../ha-select";
 import "../ha-select-box";
 import "../ha-sortable";
+import "../ha-svg-icon";
 import "../radio/ha-radio-group";
 import "../radio/ha-radio-option";

@@ -28,10 +30,7 @@ import "../radio/ha-radio-option";
 export class HaSelectSelector extends LitElement {
  @state()
  @consume({ context: internationalizationContext, subscribe: true })
-  @transform<HomeAssistantInternationalization, FrontendLocaleData>({
-    transformer: ({ locale }) => locale,
-  })
-  private _locale!: FrontendLocaleData;
+  private _i18n!: HomeAssistantInternationalization;

  @property({ attribute: false }) public selector!: SelectSelector;

@@ -48,6 +47,8 @@ export class HaSelectSelector extends LitElement {

  @property({ type: Boolean }) public required = true;

+  @query("ha-generic-picker") private _picker?: HaGenericPicker;
+
  private _itemMoved(ev: CustomEvent): void {
    ev.stopPropagation();
    const { oldIndex, newIndex } = ev.detail;
@@ -83,7 +84,11 @@ export class HaSelectSelector extends LitElement {

    if (this.selector.select?.sort) {
      options.sort((a, b) =>
-        caseInsensitiveStringCompare(a.label, b.label, this._locale.language)
+        caseInsensitiveStringCompare(
+          a.label,
+          b.label,
+          this._i18n.locale.language
+        )
      );
    }

@@ -158,67 +163,80 @@ export class HaSelectSelector extends LitElement {
      const value =
        !this.value || this.value === "" ? [] : ensureArray(this.value);

+      const addLabel = this._i18n.localize("ui.common.add");
+
      return html`
        ${
-          value?.length
-            ? html`
-                <ha-sortable
-                  no-style
-                  .disabled=${!this.selector.select.reorder}
-                  @item-moved=${this._itemMoved}
-                  handle-selector="button.primary.action"
-                >
-                  <ha-chip-set>
-                    ${repeat(
-                      value,
-                      (item) => item,
-                      (item, idx) => {
-                        const label =
-                          options.find((option) => option.value === item)
-                            ?.label || item;
-                        return html`
-                          <ha-input-chip
-                            .idx=${idx}
-                            @remove=${this._removeItem}
-                            .label=${label}
-                            .title=${label}
-                            selected
-                          >
-                            ${
-                              this.selector.select?.reorder
-                                ? html`
-                                    <ha-svg-icon
-                                      slot="icon"
-                                      .path=${mdiDragHorizontalVariant}
-                                    ></ha-svg-icon>
-                                  `
-                                : nothing
-                            }
-                            ${
-                              options.find((option) => option.value === item)
-                                ?.label || item
-                            }
-                          </ha-input-chip>
-                        `;
-                      }
-                    )}
-                  </ha-chip-set>
-                </ha-sortable>
-              `
+          this.label
+            ? html`<span id="label" class="label chips-label"
+                >${this.label}</span
+              >`
            : nothing
        }
-
        <ha-generic-picker
          no-sort
-          .helper=${this.helper}
+          .label=${this.label}
          .disabled=${this.disabled}
          .required=${this.required && !value.length}
          .value=${""}
-          .addButtonLabel=${this.label}
          .getItems=${this._getItems(options, value, true)}
          .allowCustomValue=${this.selector.select.custom_value ?? false}
          @value-changed=${this._comboBoxValueChanged}
-        ></ha-generic-picker>
+        >
+          <ha-sortable
+            slot="field"
+            no-style
+            .disabled=${!this.selector.select.reorder}
+            @item-moved=${this._itemMoved}
+            draggable-selector="ha-input-chip"
+            handle-selector="button.primary.action"
+          >
+            <ha-chip-set
+              aria-labelledby=${ifDefined(this.label ? "label" : undefined)}
+            >
+              ${repeat(
+                value,
+                (item) => item,
+                (item, idx) => {
+                  const label =
+                    options.find((option) => option.value === item)?.label ||
+                    item;
+                  return html`
+                    <ha-input-chip
+                      .idx=${idx}
+                      @remove=${this._removeItem}
+                      .label=${label}
+                      .title=${label}
+                      selected
+                    >
+                      ${
+                        this.selector.select?.reorder
+                          ? html`
+                              <ha-svg-icon
+                                slot="icon"
+                                .path=${mdiDragHorizontalVariant}
+                              ></ha-svg-icon>
+                            `
+                          : nothing
+                      }
+                      ${label}
+                    </ha-input-chip>
+                  `;
+                }
+              )}
+              <ha-button
+                size="s"
+                appearance="filled"
+                .disabled=${this.disabled}
+                @click=${this._openPicker}
+              >
+                <ha-svg-icon slot="start" .path=${mdiPlus}></ha-svg-icon>
+                ${addLabel}
+              </ha-button>
+            </ha-chip-set>
+          </ha-sortable>
+        </ha-generic-picker>
+        ${this._renderHelper()}
      `;
    }

@@ -263,6 +281,11 @@ export class HaSelectSelector extends LitElement {
      : "";
  }

+  private _openPicker(ev: Event) {
+    ev.stopPropagation();
+    this._picker?.open();
+  }
+
  private _getOptions = memoizeOne(
    (selector: SelectSelector) =>
      selector.select?.options?.map((option) =>
@@ -403,19 +426,32 @@ export class HaSelectSelector extends LitElement {
    ha-dropdown-item[disabled] {
      --mdc-theme-text-primary-on-background: var(--disabled-text-color);
    }
-    ha-chip-set {
-      padding: 8px 0;
-    }
-
    .label {
      display: block;
      margin: 0 0 8px;
    }

+    .chips-label {
+      font-weight: var(--ha-font-weight-medium);
+    }
+
+    ha-sortable ha-chip-set {
+      background-color: var(--mdc-text-field-fill-color);
+      border-bottom: 1px solid var(--ha-color-border-neutral-normal);
+      border-top-right-radius: var(--ha-border-radius-sm);
+      border-top-left-radius: var(--ha-border-radius-sm);
+      padding: var(--ha-space-3);
+    }
+
    ha-select-box + ha-input-helper-text {
      margin-top: 4px;
    }

+    ha-generic-picker + ha-input-helper-text {
+      padding: 0;
+      margin-top: 4px;
+    }
+
    .checkbox-list ha-input-helper-text {
      padding: 0;
      margin-top: 4px;
@@ -98,8 +98,9 @@ export class HaUnitOfMeasurementSelector extends LitElement {
      return;
    }

-    if (this.required && units.length === 1 && units[0] !== null) {
-      // Preselect the only allowed unit
+    if (units.length === 1 && units[0] !== null) {
+      // Preselect the only allowed unit; "no unit" is not allowed either, so
+      // this also applies to an optional field
      fireEvent(this, "value-changed", { value: units[0] });
    }
  }
@@ -1064,6 +1064,9 @@ export class HaTabsSubpageDataTable extends KeyboardShortcutMixin(LitElement) {
      align-items: center;
      color: var(--secondary-text-color);
    }
+    .search-toolbar ha-input-search {
+      min-width: 0;
+    }
    .filters {
      --mdc-text-field-fill-color: var(--input-fill-color);
      --mdc-text-field-idle-line-color: var(--input-idle-line-color);
@@ -942,6 +942,7 @@ class HaConfigAreaPage extends LitElement {

        :host {
          display: block;
+          height: 100%;
        }
        .container {
          display: flex;
@@ -1645,6 +1645,7 @@ export class HaConfigDevicePage extends LitElement {
      css`
        :host {
          display: block;
+          height: 100%;
        }
        .container {
          display: flex;
@@ -106,6 +106,10 @@ class HaConfigSectionNetwork extends LitElement {
      margin-bottom: 24px;
      max-width: 600px;
    }
+    .discovery-card ha-list-item-button::part(headline),
+    .discovery-card ha-list-item-button::part(supporting-text) {
+      white-space: normal;
+    }
  `;
 }

@@ -73,6 +73,10 @@ const mountPartitionLabel = ({
  return drive ? `${drive} — ${identity}, ${size}` : `${identity}, ${size}`;
 };

+// Supervisor accepts only ASCII letters, digits and underscores.
+const mountNameFromLabel = (label?: string): string =>
+  (label ?? "").replace(/^\W+|\W+$/g, "").replace(/\W+/g, "_");
+
 const requiredFieldsFilled = (
  schema: readonly HaFormSchema[],
  data?: MountFormData
@@ -305,6 +309,8 @@ class ViewMountDialog extends DirtyStateProviderMixin<

  private _originalType?: SupervisorMountType;

+  private _suggestedName?: string;
+
  @state() private _diskIdentity?: string;

  public connectedCallback(): void {
@@ -529,7 +535,9 @@ class ViewMountDialog extends DirtyStateProviderMixin<
  private _valueChanged(ev: CustomEvent) {
    this._validationError = {};
    this._validationWarning = {};
+    const previous = this._data;
    this._data = ev.detail.value;
+    this._suggestName(previous);
    if (this._data?.name && !/^\w+$/.test(this._data.name)) {
      this._validationError.name = "invalid_name";
    }
@@ -556,6 +564,32 @@ class ViewMountDialog extends DirtyStateProviderMixin<
    );
  }

+  // Name a new disk mount after the partition's volume label, unless the user
+  // typed a name of their own.
+  private _suggestName(previous?: MountFormData) {
+    const data = this._data;
+    if (data?.name !== previous?.name) {
+      this._suggestedName = undefined;
+    }
+    if (
+      this._existing ||
+      data?.type !== SupervisorMountType.DISK ||
+      (data.device === previous?.device &&
+        previous?.type === SupervisorMountType.DISK) ||
+      (data.name && data.name !== this._suggestedName)
+    ) {
+      return;
+    }
+    const name = mountNameFromLabel(
+      this._partitions?.find((entry) => entry.partition.device === data.device)
+        ?.partition.label
+    );
+    if (name !== (data.name ?? "")) {
+      data.name = name;
+    }
+    this._suggestedName = name;
+  }
+
  private async _connectMount(ev) {
    const progressButton = ev.target as HaProgressButton;
    this._error = undefined;
@@ -1,5 +1,5 @@
 import type { TemplateResult } from "lit";
-import { html, LitElement } from "lit";
+import { css, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators";
 import "../../../../components/item/ha-list-item-base";
 import "../../../../components/ha-switch";
@@ -43,6 +43,13 @@ class HaDebugConnectionRow extends LitElement {
    setDebugConnection(debugConnection);
    storeState(this.hass);
  }
+
+  static styles = css`
+    ha-list-item-base::part(headline),
+    ha-list-item-base::part(supporting-text) {
+      white-space: normal;
+    }
+  `;
 }

 declare global {
@@ -1,5 +1,5 @@
 import type { TemplateResult } from "lit";
-import { html, LitElement } from "lit";
+import { css, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators";
 import { storage } from "../../../../common/decorators/storage";
 import { setViewTransitionDisabled } from "../../../../common/util/view-transition";
@@ -41,6 +41,13 @@ class HaDebugDisableViewTransitionRow extends LitElement {
    this._disabled = (ev.target as HaSwitch).checked;
    setViewTransitionDisabled(this._disabled);
  }
+
+  static styles = css`
+    ha-list-item-base::part(headline),
+    ha-list-item-base::part(supporting-text) {
+      white-space: normal;
+    }
+  `;
 }

 declare global {
@@ -1,4 +1,4 @@
-import { html, LitElement } from "lit";
+import { css, html, LitElement } from "lit";
 import { customElement, state } from "lit/decorators";
 import { consumeLocalize } from "../../../../common/decorators/consume-context-entry";
 import { storage } from "../../../../common/decorators/storage";
@@ -42,6 +42,13 @@ class HaDebugSafeAreaToolRow extends LitElement {
  private _checkedChanged(ev: Event) {
    this._enabled = (ev.target as HaSwitch).checked;
  }
+
+  static styles = css`
+    ha-list-item-base::part(headline),
+    ha-list-item-base::part(supporting-text) {
+      white-space: normal;
+    }
+  `;
 }

 declare global {
@@ -5,7 +5,6 @@ import { css, html, LitElement, nothing } from "lit";
 import { customElement, state } from "lit/decorators";
 import { classMap } from "lit/directives/class-map";
 import { styleMap } from "lit/directives/style-map";
-import { computeCssColor } from "../../../common/color/compute-color";
 import { consume } from "../../../common/decorators/consume";
 import {
  consumeEntityState,
@@ -14,7 +13,7 @@ import {
 import { fireEvent } from "../../../common/dom/fire_event";
 import {
  ALERT_DOMAINS,
-  DEFAULT_ALERT_COLOR,
+  computeAlertColor,
  isAlertActive,
 } from "../../../common/entity/alert_active";
 import { computeDomain } from "../../../common/entity/compute_domain";
@@ -121,12 +120,14 @@ export class HuiAlertBadge extends LitElement implements LovelaceBadge {

    const active = isAlertActive(stateObj);

-    const color = active
-      ? (this._config.alert_color ?? DEFAULT_ALERT_COLOR)
-      : this._config.clear_color;
+    const color = computeAlertColor(
+      stateObj,
+      active
+        ? (this._config.alert_color ?? "state")
+        : (this._config.clear_color ?? "none")
+    );

    const pulse = active && this._config.pulse === true;
-    const hasColor = color !== undefined && color !== "none";

    const name = this._formatters.formatEntityName(stateObj, this._config.name);

@@ -143,10 +144,9 @@ export class HuiAlertBadge extends LitElement implements LovelaceBadge {
        .type=${hasTileCardAction(this._config) ? "button" : "badge"}
        .label=${showState && showName ? name : undefined}
        .iconOnly=${!content}
-        class=${classMap({ alert: true, pulse, "no-color": !hasColor })}
+        class=${classMap({ alert: true, pulse })}
        style=${styleMap({
-          "--ha-alert-color":
-            color && hasColor ? computeCssColor(color) : undefined,
+          "--ha-alert-color": color,
        })}
        @action=${this._handleAction}
        .actionHandler=${actionHandler({
@@ -205,10 +205,7 @@ export class HuiAlertBadge extends LitElement implements LovelaceBadge {
      );
      background: var(--ha-alert-badge-background);
      --ha-card-background: transparent;
-      --badge-color: var(--ha-alert-color);
-    }
-    ha-badge.alert.no-color {
-      --badge-color: var(--secondary-text-color);
+      --badge-color: var(--ha-alert-color, var(--secondary-text-color));
    }
    ha-badge.alert::before {
      position: absolute;
@@ -5,12 +5,11 @@ import { customElement, state } from "lit/decorators";
 import { classMap } from "lit/directives/class-map";
 import { styleMap } from "lit/directives/style-map";
 import { consume } from "../../../common/decorators/consume";
-import { computeCssColor } from "../../../common/color/compute-color";
 import { consumeEntityState } from "../../../common/decorators/consume-context-entry";
 import { fireEvent } from "../../../common/dom/fire_event";
 import {
  ALERT_DOMAINS,
-  DEFAULT_ALERT_COLOR,
+  computeAlertColor,
  isAlertActive,
 } from "../../../common/entity/alert_active";
 import { computeDomain } from "../../../common/entity/compute_domain";
@@ -120,12 +119,14 @@ export class HuiAlertCard extends LitElement implements LovelaceCard {

    const active = isAlertActive(stateObj);

-    const color = active
-      ? (this._config.alert_color ?? DEFAULT_ALERT_COLOR)
-      : this._config.clear_color;
+    const color = computeAlertColor(
+      stateObj,
+      active
+        ? (this._config.alert_color ?? "state")
+        : (this._config.clear_color ?? "none")
+    );

    const pulse = active && this._config.pulse === true;
-    const hasColor = color !== undefined && color !== "none";

    const areaName = this._formatters.formatEntityName(stateObj, {
      type: "area",
@@ -133,10 +134,9 @@ export class HuiAlertCard extends LitElement implements LovelaceCard {

    return html`
      <ha-card
-        class=${classMap({ pulse, "no-color": !hasColor })}
+        class=${classMap({ pulse })}
        style=${styleMap({
-          "--ha-alert-color":
-            color && hasColor ? computeCssColor(color) : undefined,
+          "--ha-alert-color": color,
          "--ha-alert-static-opacity": pulse
            ? undefined
            : "var(--ha-alert-pulse-opacity)",
@@ -211,12 +211,7 @@ export class HuiAlertCard extends LitElement implements LovelaceCard {
        position: relative;
        overflow: hidden;
        height: 100%;
-      }
-      ha-card:not(.no-color) {
-        --tile-color: var(--ha-alert-color);
-      }
-      ha-card.no-color {
-        --tile-color: var(--secondary-text-color);
+        --tile-color: var(--ha-alert-color, var(--secondary-text-color));
      }
      ha-card::before {
        position: absolute;
@@ -310,11 +310,11 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
        position: relative;
      }

-      #states > div:first-child > hui-section-row::part(divider) {
+      #states:first-child > div:first-child > hui-section-row::part(divider) {
        display: none;
      }

-      #states > div:first-child > hui-section-row::part(label) {
+      #states:first-child > div:first-child > hui-section-row::part(label) {
        margin-top: 0;
      }

@@ -1,3 +1,4 @@
+import { navigate } from "../../../common/navigate";
 import type { LovelacePanelConfig } from "../../../data/lovelace";
 import type { LovelaceCardConfig } from "../../../data/lovelace/config/card";
 import type { LovelaceSectionConfig } from "../../../data/lovelace/config/section";
@@ -13,8 +14,10 @@ import {
 } from "../../../data/lovelace/config/types";
 import { isStrategyView } from "../../../data/lovelace/config/view";
 import { fetchDashboards } from "../../../data/lovelace/dashboard";
+import { getPanelTitleFromUrlPath, LOVELACE_PANEL } from "../../../data/panel";
 import { showAlertDialog } from "../../../dialogs/generic/show-dialog-box";
 import type { HomeAssistant } from "../../../types";
+import { showToast } from "../../../util/toast";
 import { SECTIONS_VIEW_LAYOUT } from "../views/const";
 import { getViewType } from "../views/get-view-type";
 import type { SuggestCardDialogParams } from "./card-editor/show-suggest-card-dialog";
@@ -144,7 +147,23 @@ export const addEntitiesToLovelaceView = async (
        await saveConfig(hass!, viewUrlPath, newConfig);
      } catch (_err: any) {
        alert(hass.localize("ui.panel.lovelace.add_entities.saving_failed"));
+        return;
      }
+      const dashboardPath = viewUrlPath ?? LOVELACE_PANEL;
+      const viewPath = newConfig.views[viewIndex].path || viewIndex;
+      const dashboardTitle = getPanelTitleFromUrlPath(hass, dashboardPath);
+      showToast(element, {
+        message: dashboardTitle
+          ? {
+              translationKey: "ui.panel.lovelace.add_entities.added",
+              args: { dashboard: dashboardTitle },
+            }
+          : { translationKey: "ui.panel.lovelace.add_entities.added_unnamed" },
+        action: {
+          text: { translationKey: "ui.panel.lovelace.add_entities.open" },
+          action: () => navigate(`/${dashboardPath}/${viewPath}`),
+        },
+      });
    };

    const view = config.views[viewIndex];
@@ -20,7 +20,6 @@ import {
  haStyleDialogFixedTop,
 } from "../../../../resources/styles";
 import type { HomeAssistant } from "../../../../types";
-import { showSaveSuccessToast } from "../../../../util/toast-saved-success";
 import "../../cards/hui-card";
 import type { DeviceSectionCategory } from "../../strategies/device/device-section-strategy";
 import {
@@ -253,7 +252,6 @@ export class HuiDialogAddDeviceCard
      addCards(this._params.lovelaceConfig, this._params.path, this._cardConfig)
    );
    this._saving = false;
-    showSaveSuccessToast(this, this.hass);
    this.closeDialog();
  }

@@ -17,7 +17,6 @@ import type { LovelaceViewRawConfig } from "../../../../data/lovelace/config/vie
 import { isStrategyView } from "../../../../data/lovelace/config/view";
 import { haStyleDialog } from "../../../../resources/styles";
 import type { HomeAssistant } from "../../../../types";
-import { showSaveSuccessToast } from "../../../../util/toast-saved-success";
 import "../../cards/hui-card";
 import "../../sections/hui-section";
 import { getViewType } from "../../views/get-view-type";
@@ -282,7 +281,6 @@ export class HuiDialogSuggestCard extends LitElement {
    );
    await this._params!.saveConfig(newConfig);
    this._saving = false;
-    showSaveSuccessToast(this, this.hass);
    this.closeDialog();
  }
 }
@@ -1,5 +1,4 @@
 import { mdiAlertOutline, mdiTextShort } from "@mdi/js";
-import { DEFAULT_ALERT_COLOR } from "../../../../common/entity/alert_active";
 import type { LocalizeFunc } from "../../../../common/translations/localize";
 import type { HaFormSchema } from "../../../../components/ha-form/types";
 import { contentLayoutSchema, displayedElementsSchema } from "./content-schema";
@@ -18,7 +17,11 @@ export const alertSchema = () =>
          {
            name: "clear_color",
            selector: {
-              ui_color: { include_none: true, default_color: "none" },
+              ui_color: {
+                include_none: true,
+                include_state: true,
+                default_color: "none",
+              },
            },
          },
          {
@@ -26,7 +29,8 @@ export const alertSchema = () =>
            selector: {
              ui_color: {
                include_none: true,
-                default_color: DEFAULT_ALERT_COLOR,
+                include_state: true,
+                default_color: "state",
              },
            },
          },
@@ -7,6 +7,7 @@ import "../../../../components/ha-button";
 import "../../../../components/ha-svg-icon";
 import type { LovelaceConfig } from "../../../../data/lovelace/config/types";
 import type { HomeAssistant } from "../../../../types";
+import { showSaveSuccessToast } from "../../../../util/toast-saved-success";
 import { computeUnusedEntities } from "../../common/compute-unused-entities";
 import {
  computeCards,
@@ -111,6 +112,11 @@ export class HuiUnusedEntities extends LitElement {
    this._selectedEntities = ev.detail.selectedEntities;
  }

+  private _saveConfig = async (config: LovelaceConfig): Promise<void> => {
+    await this.lovelace.saveConfig(config);
+    showSaveSuccessToast(this, this.hass);
+  };
+
  private _addToLovelaceView(): void {
    const cardConfig = computeCards(this.hass, this._selectedEntities, {});
    const sectionConfig = computeSection(this._selectedEntities, {});
@@ -118,7 +124,7 @@ export class HuiUnusedEntities extends LitElement {
    if (this.lovelace.config.views.length === 1) {
      showSuggestCardDialog(this, {
        lovelaceConfig: this.lovelace.config!,
-        saveConfig: this.lovelace.saveConfig,
+        saveConfig: this._saveConfig,
        path: ["views", 0],
        entities: this._selectedEntities,
        cardConfig,
@@ -132,7 +138,7 @@ export class HuiUnusedEntities extends LitElement {
      viewSelectedCallback: (_urlPath, _selectedDashConfig, viewIndex) => {
        showSuggestCardDialog(this, {
          lovelaceConfig: this.lovelace.config!,
-          saveConfig: this.lovelace.saveConfig,
+          saveConfig: this._saveConfig,
          path: ["views", viewIndex],
          entities: this._selectedEntities,
          cardConfig,
@@ -319,7 +319,7 @@ export class LovelacePanel extends LitElement {
      // Refreshing a YAML config can trigger an update event. We will ignore
      // all update events while fetching the config and for 2 seconds after the config is back.
      // We ignore because we already have the latest config.
-      if (this.lovelace && this.lovelace.mode === "yaml") {
+      if (confMode === "yaml") {
        this._ignoreNextUpdateEvent = true;
      }

@@ -367,7 +367,7 @@ export class LovelacePanel extends LitElement {
    } finally {
      this._loading = false;
      // Ignore updates for another 2 seconds.
-      if (this.lovelace && this.lovelace.mode === "yaml") {
+      if (confMode === "yaml") {
        setTimeout(() => {
          this._ignoreNextUpdateEvent = false;
        }, 2000);
@@ -92,16 +92,22 @@ export const filterUnavailableBatteryEntities = (
    return states[entityId]?.state === "unavailable";
  });

-const computeBatteryTileCard = (
+const computeMaintenanceTileCard = (
+  states: HomeAssistant["states"],
  entities: HomeAssistant["entities"],
  entityId: string
 ): TileCardConfig => {
-  const entity = entities[entityId];
-  const deviceId = entity?.device_id;
+  const deviceId = entities[entityId]?.device_id;
+  if (!deviceId) {
+    return { type: "tile", entity: entityId, name: { type: "entity" } };
+  }
+  const isProblem = states[entityId]?.attributes?.device_class === "problem";
  return {
    type: "tile",
    entity: entityId,
-    name: { type: deviceId ? "device" : "entity" },
+    name: isProblem
+      ? [{ type: "device" }, { type: "entity" }]
+      : { type: "device" },
  };
 };

@@ -130,7 +136,9 @@ const processAreasForBattery = (
    const areaCards: LovelaceCardConfig[] = [];

    for (const entityId of areaBatteryEntities) {
-      areaCards.push(computeBatteryTileCard(hass.entities, entityId));
+      areaCards.push(
+        computeMaintenanceTileCard(hass.states, hass.entities, entityId)
+      );
    }

    if (areaCards.length > 0) {
@@ -170,7 +178,9 @@ const processUnassignedEntities = (
  const cards: LovelaceCardConfig[] = [];

  for (const entityId of unassignedEntities) {
-    cards.push(computeBatteryTileCard(hass.entities, entityId));
+    cards.push(
+      computeMaintenanceTileCard(hass.states, hass.entities, entityId)
+    );
  }

  return cards;
@@ -0,0 +1,10 @@
+// Install the Intl.PluralRules polyfill together with its locale data.
+// FormatJS replaces Intl.PluralRules as soon as polyfill-force runs, and a
+// data-less polyfill throws from select(). Keeping both imports in one module
+// closes that gap for every caller, including the should-polyfill probes
+// that other entry bundles run.
+import "@formatjs/intl-pluralrules/polyfill-force";
+// Locale data for plural rules breaks current JSON conversions as it includes functions,
+// so only import English to avoid huge bundles
+// TODO: Setup JS imports instead of JSON fetches
+import "@formatjs/intl-pluralrules/locale-data/en";
@@ -14,8 +14,6 @@ import {
  polyfillTimeZoneData,
 } from "./locale-data-polyfill";

-let polyfilled = false;
-
 const _polyfillTimeZoneData = polyfillTimeZoneData;

 // The DateTimeFormat and DurationFormat polyfills call BigInt() when formatting
@@ -47,10 +45,6 @@ const setDefaultTimeZone = () => {
 };

 const polyfillIntl = async () => {
-  if (polyfilled) {
-    return;
-  }
-  polyfilled = true;
  const locale = getLocalLanguage();
  const polyfills: Promise<unknown>[] = [];
  if (shouldPolyfillGetCanonicalLocales()) {
@@ -79,14 +73,10 @@ const polyfillIntl = async () => {
    polyfills.push(import("@formatjs/intl-numberformat/polyfill-force"));
  }
  if (shouldPolyfillPluralRules(locale)) {
-    polyfills.push(
-      import("@formatjs/intl-pluralrules/polyfill-force").then(
-        // Locale data for plural rules breaks current JSON conversions as it includes functions,
-        // so only import English to avoid huge bundles
-        // TODO: Setup JS imports instead of JSON fetches
-        () => import("@formatjs/intl-pluralrules/locale-data/en")
-      )
-    );
+    // The polyfill and its English data are one chunk, so Intl.PluralRules
+    // is never installed without data. Its should-polyfill probe calls
+    // select(), which throws on a data-less polyfill.
+    polyfills.push(import("./intl-pluralrules"));
  }
  if (shouldPolyfillRelativeTimeFormat(locale)) {
    polyfills.push(import("@formatjs/intl-relativetimeformat/polyfill-force"));
@@ -100,4 +90,9 @@ const polyfillIntl = async () => {
  );
 };

-await polyfillIntl();
+// Each legacy entry bundle (core, app, authorize, onboarding) carries its own
+// copy of this module, and the bundles load in parallel. A module-level flag
+// only stops re-runs within one bundle, so a second bundle could probe
+// Intl.* while the first was still loading locale data. Share one promise
+// per page instead, so every bundle waits for the same run.
+await (globalThis.__haIntlPolyfill ??= polyfillIntl());
@@ -857,7 +857,6 @@
          },
          "mode_composed": "Composed",
          "mode_custom": "Custom",
-          "add": "Add",
          "search": "Search name",
          "custom_name": "Custom name",
          "no_more_parts": "Nothing left to add",
@@ -944,7 +943,6 @@
        "collapse": "Collapse"
      },
      "entity-type-picker": {
-        "add": "Add type",
        "no_types": "No types available"
      },
      "subpage-data-table": {
@@ -10225,7 +10223,10 @@
        "add_entities": {
          "yaml_unsupported": "You cannot use this function when using your dashboard in YAML mode.",
          "generated_unsupported": "You can only use this function when you have taken control of your dashboard.",
-          "saving_failed": "Saving dashboard configuration failed."
+          "saving_failed": "Saving dashboard configuration failed.",
+          "added": "Added to {dashboard}",
+          "added_unnamed": "Added to the dashboard",
+          "open": "Open"
        },
        "views": {
          "unnamed_view": "Unnamed view",
@@ -41,6 +41,8 @@ declare global {
  var __HASS_URL__: string;
  // Read by intl-polyfill before a polyfill replaces Intl.DateTimeFormat
  var __haNativeTimeZone: string | undefined;
+  // Shared by every legacy entry bundle so the Intl polyfills load once
+  var __haIntlPolyfill: Promise<void> | undefined;
  // Handshake between the app entry and the extra modules in index.html
  var __haScopedRegistryReady: boolean | undefined;
  var __haLoadExtraModules: (() => void) | undefined;
@@ -0,0 +1,184 @@
+import { ContextProvider } from "@lit/context";
+import {
+  afterEach,
+  beforeAll,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import "../../src/components/ha-areas-floors-display-editor";
+import type {
+  AreasFloorsDisplayValue,
+  HaAreasFloorsDisplayEditor,
+} from "../../src/components/ha-areas-floors-display-editor";
+import type { HaItemDisplayEditor } from "../../src/components/ha-items-display-editor";
+import {
+  areasContext,
+  floorsContext,
+  internationalizationContext,
+} from "../../src/data/context";
+import type {
+  HomeAssistant,
+  HomeAssistantInternationalization,
+} from "../../src/types";
+
+beforeAll(() => {
+  // jsdom's ElementInternals lacks the validity API used by the webawesome
+  // buttons that render inside the items editor.
+  const internalsProto = window.ElementInternals.prototype as any;
+  internalsProto.setValidity = vi.fn();
+  internalsProto.setFormValue = vi.fn();
+  Object.defineProperty(internalsProto, "validity", {
+    get: () => ({ valid: true }),
+    configurable: true,
+  });
+});
+
+class MockResizeObserver {
+  observe = vi.fn();
+
+  unobserve = vi.fn();
+
+  disconnect = vi.fn();
+}
+
+const UNASSIGNED_FLOOR = "__unassigned__";
+
+const FLOORS = {
+  floor_a: { floor_id: "floor_a", name: "A", level: 0 },
+  floor_b: { floor_id: "floor_b", name: "B", level: 1 },
+} as unknown as HomeAssistant["floors"];
+
+const area = (areaId: string, floorId: string | null) => ({
+  area_id: areaId,
+  name: areaId,
+  floor_id: floorId,
+  icon: null,
+});
+
+const AREAS = Object.fromEntries(
+  [
+    area("a1", "floor_a"),
+    area("a2", "floor_a"),
+    area("a3", "floor_a"),
+    area("b1", "floor_b"),
+    area("b2", "floor_b"),
+    area("b3", "floor_b"),
+    area("u1", null),
+    area("u2", null),
+  ].map((entry) => [entry.area_id, entry])
+) as unknown as HomeAssistant["areas"];
+
+describe("ha-areas-floors-display-editor", () => {
+  let host: HTMLDivElement | undefined;
+
+  beforeEach(() => {
+    vi.stubGlobal("ResizeObserver", MockResizeObserver);
+  });
+
+  afterEach(() => {
+    host?.remove();
+    host = undefined;
+    vi.unstubAllGlobals();
+  });
+
+  const mount = async (
+    value: AreasFloorsDisplayValue
+  ): Promise<HaAreasFloorsDisplayEditor> => {
+    host = document.createElement("div");
+    document.body.appendChild(host);
+    new ContextProvider(host, {
+      context: internationalizationContext,
+      initialValue: {
+        localize: (key: string) => key,
+      } as unknown as HomeAssistantInternationalization,
+    });
+    new ContextProvider(host, { context: areasContext, initialValue: AREAS });
+    new ContextProvider(host, { context: floorsContext, initialValue: FLOORS });
+    const el = document.createElement(
+      "ha-areas-floors-display-editor"
+    ) as HaAreasFloorsDisplayEditor;
+    el.value = value;
+    host.appendChild(el);
+    await el.updateComplete;
+    return el;
+  };
+
+  // Drags the first visible area of a floor below the second one and returns
+  // the configuration the editor emits.
+  const reorderFirstTwo = async (
+    el: HaAreasFloorsDisplayEditor,
+    floorId: string
+  ): Promise<AreasFloorsDisplayValue> => {
+    const editor = Array.from(
+      el.shadowRoot!.querySelectorAll("ha-items-display-editor")
+    ).find(
+      (child) =>
+        (child as HaItemDisplayEditor & { floorId: string }).floorId === floorId
+    )!;
+    await editor.updateComplete;
+    const emitted: AreasFloorsDisplayValue[] = [];
+    el.addEventListener(
+      "value-changed",
+      (ev) => emitted.push((ev as CustomEvent).detail.value),
+      { once: true }
+    );
+    editor.shadowRoot!.querySelector("ha-sortable")!.dispatchEvent(
+      new CustomEvent("item-moved", {
+        detail: { oldIndex: 0, newIndex: 1 },
+        bubbles: true,
+        composed: true,
+      })
+    );
+    expect(emitted).toHaveLength(1);
+    return emitted[0];
+  };
+
+  it.each([
+    {
+      name: "hidden area on another floor",
+      floorId: "floor_a",
+      value: {
+        areas_display: { hidden: ["b1"], order: ["b3", "b2"] },
+      },
+      expected: {
+        hidden: ["b1"],
+        order: ["a2", "a1", "a3", "b3", "b2"],
+      },
+    },
+    {
+      name: "hidden areas on the reordered and another floor",
+      floorId: "floor_a",
+      value: { areas_display: { hidden: ["a3", "b1"] } },
+      expected: { hidden: ["a3", "b1"], order: ["a2", "a1"] },
+    },
+    {
+      name: "reordering areas without a floor",
+      floorId: UNASSIGNED_FLOOR,
+      value: { areas_display: { hidden: ["b1"] } },
+      expected: { hidden: ["b1"], order: ["u2", "u1"] },
+    },
+    {
+      name: "no hidden areas",
+      floorId: "floor_b",
+      value: {},
+      expected: { order: ["b2", "b1", "b3"] },
+    },
+  ])(
+    "keeps hidden areas unchanged when reordering: $name",
+    async ({ floorId, value, expected }) => {
+      const el = await mount(value);
+
+      const first = await reorderFirstTwo(el, floorId);
+      expect(first.areas_display).toEqual(expected);
+
+      // Saving and reordering again must not grow the hidden list
+      el.value = first;
+      await el.updateComplete;
+      const second = await reorderFirstTwo(el, floorId);
+      expect(second.areas_display?.hidden).toEqual(expected.hidden);
+    }
+  );
+});
@@ -2,8 +2,13 @@ import { describe, expect, it } from "vitest";
 import {
  filterLowBatteryEntities,
  filterProblemEntities,
+  MaintenanceViewStrategy,
 } from "../../../../src/panels/maintenance/strategies/maintenance-view-strategy";
-import { mockEntity } from "../../../common/entity/context/context-mock";
+import {
+  mockDevice,
+  mockEntity,
+} from "../../../common/entity/context/context-mock";
+import type { LovelaceSectionConfig } from "../../../../src/data/lovelace/config/section";
 import { createMockEntityState, createMockHass } from "../../../fixtures/hass";

 describe("filterLowBatteryEntities", () => {
@@ -209,3 +214,70 @@ describe("filterProblemEntities", () => {
    ).toEqual(["binary_sensor.has_problem"]);
  });
 });
+
+describe("MaintenanceViewStrategy.generate", () => {
+  it("names problem tiles after the device and the entity", async () => {
+    const hass = createMockHass(
+      {
+        "sensor.microwave_battery": createMockEntityState(
+          "sensor.microwave_battery",
+          "80",
+          { device_class: "battery" }
+        ),
+        "binary_sensor.microwave_overheating": createMockEntityState(
+          "binary_sensor.microwave_overheating",
+          "off",
+          { device_class: "problem" }
+        ),
+        "binary_sensor.standalone_problem": createMockEntityState(
+          "binary_sensor.standalone_problem",
+          "off",
+          { device_class: "problem" }
+        ),
+      },
+      {
+        devices: {
+          microwave: mockDevice({ id: "microwave", name: "Microwave" }),
+        },
+        entities: {
+          "sensor.microwave_battery": mockEntity({
+            entity_id: "sensor.microwave_battery",
+            device_id: "microwave",
+          }),
+          "binary_sensor.microwave_overheating": mockEntity({
+            entity_id: "binary_sensor.microwave_overheating",
+            device_id: "microwave",
+          }),
+          "binary_sensor.standalone_problem": mockEntity({
+            entity_id: "binary_sensor.standalone_problem",
+          }),
+        },
+      }
+    );
+
+    const view = await MaintenanceViewStrategy.generate(
+      { type: "maintenance" },
+      hass
+    );
+
+    const section = view.sections?.[0] as LovelaceSectionConfig;
+
+    expect(section.cards?.slice(1)).toEqual([
+      {
+        type: "tile",
+        entity: "sensor.microwave_battery",
+        name: { type: "device" },
+      },
+      {
+        type: "tile",
+        entity: "binary_sensor.microwave_overheating",
+        name: [{ type: "device" }, { type: "entity" }],
+      },
+      {
+        type: "tile",
+        entity: "binary_sensor.standalone_problem",
+        name: { type: "entity" },
+      },
+    ]);
+  });
+});
Author	SHA1	Message	Date
Bram Kragten	275e30879c	Bumped version to 20261028.1	2026-10-29 16:44:20 +01:00
Maarten Lakerveld	7b53005865	Load the legacy Intl polyfills once per page and bundle PluralRules with its data (#55452 ) Each legacy entry bundle carries its own copy of intl-polyfill.ts, so the module-level guard only stopped re-runs within one bundle. With the bundles loading in parallel, the second bundle could probe Intl.PluralRules after the first had installed the polyfill but before its locale data chunk arrived. The FormatJS should-polyfill probe calls select(), which throws on a data-less polyfill, rejecting the top-level await so the entry never evaluated. On the companion app this surfaces as ExternalBusTimeout on old WebViews. Share one promise per page on globalThis so every bundle waits for the same run, and import the PluralRules polyfill and its English data from one module so Intl.PluralRules is never installed without data.	2026-10-29 16:43:58 +01:00
Paul Bottein	94950fcacd	Show a toast with a link to the dashboard after adding to it (#55444 )	2026-10-29 16:43:56 +01:00
Petar Petrov	4214fe46c6	Name new disk mounts after the partition's volume label (#55441 )	2026-10-29 16:43:55 +01:00
Aidan Timson	d6325eef7d	Fix the Marketplace search field overlapping the top bar icons on narrow screens (#55439 ) Let the narrow data table search field shrink to fit	2026-10-29 16:43:54 +01:00
WendelinandClaude Opus 5.5	12e722f122	Wrap long text in debug tool and network discovery rows (#55438 ) Co-authored-by: Claude Opus 5.5 <[email protected]> Co-authored-by: Claude <[email protected]>	2026-10-29 16:43:53 +01:00
Paul Bottein	83eb3ca13a	Use the state color by default in alert cards and badges (#55436 )	2026-10-29 16:43:51 +01:00
Petar Petrov	0532b1f5f6	Ignore YAML dashboard update event on first load (#55430 )	2026-10-29 16:43:50 +01:00
Tristan Cartledge	970afb588d	Fix duplicated hidden areas when reordering areas in the areas dashboard editor (#55424 )	2026-10-29 16:43:49 +01:00
Maarten Lakerveld	23137ce6d2	Name maintenance problem tiles after the device and the entity (#55420 ) Problem binary sensors were added to the maintenance view using the battery tile builder, which names every tile after its device. A device with several problem sensors (overheating, overvoltage, ...) then showed identical tiles. Problem tiles now use a device plus entity name; the entity part is dropped automatically when the sensor has no name of its own, so single-sensor devices still read as just the device name. Battery tiles keep the device-only name. Fixes home-assistant/frontend#55413	2026-10-29 16:43:48 +01:00
JonathanandXyolyp	6b022d63e8	Preselect the only allowed unit also in an optional unit selector (#55417 ) Co-authored-by: Xyolyp <[email protected]>	2026-10-29 16:43:46 +01:00
Paul Bottein	d3c6e132b7	Show multi-select chips in a field with an inline add button (#55416 )	2026-10-29 16:43:45 +01:00
Paul Bottein	c08b261d4b	Keep the section row divider under the entities card header (#55415 )	2026-10-29 16:43:44 +01:00
Bram KragtenandClaude Opus 5.5	0721b22036	Keep the device and area page headers fixed while scrolling (#55409 ) Co-authored-by: Claude Opus 5.5 <[email protected]>	2026-10-29 16:43:43 +01:00