Restore navigation header for home, light, security and climate dashboards (#28552)

src/panels/climate/strategies/climate-view-strategy.ts

@@ -103,6 +103,10 @@ const processAreasForClimate = (
         heading_style: "subtitle",
         type: "heading",
         heading: area.name,
+        tap_action: {
+          action: "navigate",
+          navigation_path: `/home/areas-${area.area_id}`,
+        },
       });
       cards.push(...areaCards);
     }

src/panels/light/strategies/light-view-strategy.ts

@@ -49,6 +49,10 @@ const processAreasForLight = (
         heading_style: "subtitle",
         type: "heading",
         heading: area.name,
+        tap_action: {
+          action: "navigate",
+          navigation_path: `/home/areas-${area.area_id}`,
+        },
       });
       cards.push(...areaCards);
     }

src/panels/lovelace/strategies/home/home-area-view-strategy.ts

@@ -8,7 +8,6 @@ import {
 } from "../../../../common/entity/entity_filter";
 import { clamp } from "../../../../common/number/clamp";
 import type { LovelaceBadgeConfig } from "../../../../data/lovelace/config/badge";
-import type { LovelaceCardConfig } from "../../../../data/lovelace/config/card";
 import type { LovelaceSectionRawConfig } from "../../../../data/lovelace/config/section";
 import type { LovelaceViewConfig } from "../../../../data/lovelace/config/view";
 import type { HomeAssistant } from "../../../../types";
@@ -27,25 +26,6 @@ export interface HomeAreaViewStrategyConfig {
   area?: string;
 }
 
-const computeHeadingCard = (
-  heading: string,
-  icon: string,
-  navigation_path?: string
-): LovelaceCardConfig =>
-  ({
-    type: "heading",
-    heading: heading,
-    icon: icon,
-    tap_action: navigation_path
-      ? {
-          action: "navigate",
-          navigation_path,
-        }
-      : {
-          action: "none",
-        },
-  }) satisfies HeadingCardConfig;
-
 @customElement("home-area-view-strategy")
 export class HomeAreaViewStrategy extends ReactiveElement {
   static async generate(
@@ -114,11 +94,15 @@ export class HomeAreaViewStrategy extends ReactiveElement {
       sections.push({
         type: "grid",
         cards: [
-          computeHeadingCard(
+          {
-            getSummaryLabel(hass.localize, "light"),
+            type: "heading",
-            HOME_SUMMARIES_ICONS.light,
+            heading: getSummaryLabel(hass.localize, "light"),
-            "/light?historyBack=1"
+            icon: HOME_SUMMARIES_ICONS.light,
-          ),
+            tap_action: {
+              action: "navigate",
+              navigation_path: "/light?historyBack=1",
+            },
+          } satisfies HeadingCardConfig,
           ...light.map(computeTileCard),
         ],
       });
@@ -128,11 +112,15 @@ export class HomeAreaViewStrategy extends ReactiveElement {
       sections.push({
         type: "grid",
         cards: [
-          computeHeadingCard(
+          {
-            getSummaryLabel(hass.localize, "climate"),
+            type: "heading",
-            HOME_SUMMARIES_ICONS.climate,
+            heading: getSummaryLabel(hass.localize, "climate"),
-            "/climate?historyBack=1"
+            icon: HOME_SUMMARIES_ICONS.climate,
-          ),
+            tap_action: {
+              action: "navigate",
+              navigation_path: "/climate?historyBack=1",
+            },
+          } satisfies HeadingCardConfig,
           ...climate.map(computeTileCard),
         ],
       });
@@ -142,11 +130,15 @@ export class HomeAreaViewStrategy extends ReactiveElement {
       sections.push({
         type: "grid",
         cards: [
-          computeHeadingCard(
+          {
-            getSummaryLabel(hass.localize, "security"),
+            type: "heading",
-            HOME_SUMMARIES_ICONS.security,
+            heading: getSummaryLabel(hass.localize, "security"),
-            "/security?historyBack=1"
+            icon: HOME_SUMMARIES_ICONS.security,
-          ),
+            tap_action: {
+              action: "navigate",
+              navigation_path: "/security?historyBack=1",
+            },
+          } satisfies HeadingCardConfig,
           ...security.map(computeTileCard),
         ],
       });
@@ -156,11 +148,15 @@ export class HomeAreaViewStrategy extends ReactiveElement {
       sections.push({
         type: "grid",
         cards: [
-          computeHeadingCard(
+          {
-            getSummaryLabel(hass.localize, "media_players"),
+            type: "heading",
-            HOME_SUMMARIES_ICONS.media_players,
+            heading: getSummaryLabel(hass.localize, "media_players"),
-            "/media-players"
+            icon: HOME_SUMMARIES_ICONS.media_players,
-          ),
+            tap_action: {
+              action: "navigate",
+              navigation_path: "media-players?historyBack=1",
+            },
+          } satisfies HeadingCardConfig,
           ...mediaPlayers.map(computeTileCard),
         ],
       });
@@ -181,11 +177,17 @@ export class HomeAreaViewStrategy extends ReactiveElement {
       sections.push({
         type: "grid",
         cards: [
-          computeHeadingCard(
+          {
-            hass.localize("ui.panel.lovelace.strategy.home.scenes"),
+            type: "heading",
-            "mdi:palette",
+            heading: hass.localize("ui.panel.lovelace.strategy.home.scenes"),
-            hass.user?.is_admin ? "/config/scene/dashboard" : undefined
+            icon: "mdi:palette",
-          ),
+            tap_action: hass.user?.is_admin
+              ? {
+                  action: "navigate",
+                  navigation_path: "/config/scene/dashboard",
+                }
+              : undefined,
+          } satisfies HeadingCardConfig,
           ...scenes.map(computeTileCard),
         ],
       });
@@ -293,7 +295,7 @@ export class HomeAreaViewStrategy extends ReactiveElement {
                     action: "navigate",
                     navigation_path: `/config/devices/device/${device.id}`,
                   }
-                : { action: "none" },
+                : undefined,
             badges: [
               ...batteryEntities.slice(0, 1).map((e) => ({
                 entity: e,
@@ -334,11 +336,19 @@ export class HomeAreaViewStrategy extends ReactiveElement {
       sections.push({
         type: "grid",
         cards: [
-          computeHeadingCard(
+          {
-            hass.localize("ui.panel.lovelace.strategy.home.automations"),
+            type: "heading",
-            "mdi:robot",
+            heading: hass.localize(
-            hass.user?.is_admin ? "/config/automation/dashboard" : undefined
+              "ui.panel.lovelace.strategy.home.automations"
             ),
+            icon: "mdi:robot",
+            tap_action: hass.user?.is_admin
+              ? {
+                  action: "navigate",
+                  navigation_path: "/config/automation/dashboard",
+                }
+              : undefined,
+          } satisfies HeadingCardConfig,
           ...automations.map(computeTileCard),
         ],
       });

src/panels/security/strategies/security-view-strategy.ts

@@ -91,6 +91,10 @@ const processAreasForSecurity = (
         heading_style: "subtitle",
         type: "heading",
         heading: area.name,
+        tap_action: {
+          action: "navigate",
+          navigation_path: `/home/areas-${area.area_id}`,
+        },
       });
       cards.push(...areaCards);
     }