Support more-info entity in action editor and add divider to template card interactions

Author: piitaya

src/cards/template-card/template-card-editor.ts

@@ -3,6 +3,7 @@ import { customElement, property, state } from "lit/decorators.js";
 import memoizeOne from "memoize-one";
 import { assert } from "superstruct";
 import {
+  atLeastHaVersion,
   fireEvent,
   HASSDomEvent,
   LocalizeFunc,
@@ -95,7 +96,11 @@ export class MushroomTemplateCardEditor
   );
 
   private _schema = memoizeOne(
-    (localize: LocalizeFunc, entityId: string | undefined) =>
+    (
+      localize: LocalizeFunc,
+      entityId: string | undefined,
+      supportDivider: boolean
+    ) =>
       [
         {
           name: "context",
@@ -178,6 +183,9 @@ export class MushroomTemplateCardEditor
                 },
               },
             },
+            ...(supportDivider
+              ? ([{ name: "", type: "divider" }] as const)
+              : []),
             {
               name: "icon_tap_action",
               selector: {
@@ -295,7 +303,11 @@ export class MushroomTemplateCardEditor
       return nothing;
     }
 
-    const schema = this._schema(this.hass.localize, this._config.entity);
+    const schema = this._schema(
+      this.hass.localize,
+      this._config.entity,
+      atLeastHaVersion(this.hass.connection.haVersion, 2026, 9)
+    );
     const customLocalize = setupCustomlocalize(this.hass!);
 
     const data = {

src/ha/data/lovelace.ts

@@ -148,6 +148,7 @@ export interface CallServiceActionConfig extends BaseActionConfig {
 export interface NavigateActionConfig extends BaseActionConfig {
   action: "navigate";
   navigation_path: string;
+  navigation_replace?: boolean;
 }
 
 export interface UrlActionConfig extends BaseActionConfig {
@@ -157,6 +158,7 @@ export interface UrlActionConfig extends BaseActionConfig {
 
 export interface MoreInfoActionConfig extends BaseActionConfig {
   action: "more-info";
+  entity?: string;
 }
 
 export interface NoActionConfig extends BaseActionConfig {

src/ha/panels/lovelace/editor/structs/action-struct.ts

@@ -51,6 +51,7 @@ const actionConfigStructService = object({
 const actionConfigStructNavigate = object({
   action: literal("navigate"),
   navigation_path: string(),
+  navigation_replace: optional(boolean()),
   confirmation: optional(actionConfigStructConfirmation),
 });
 
@@ -60,6 +61,11 @@ const actionConfigStructAssist = type({
   start_listening: optional(boolean()),
 });
 
+const actionConfigStructMoreInfo = type({
+  action: literal("more-info"),
+  entity: optional(string()),
+});
+
 const actionConfigStructCustom = type({
   action: literal("fire-dom-event"),
 });
@@ -99,6 +105,9 @@ export const actionConfigStruct = dynamic<any>((value) => {
       case "assist": {
         return actionConfigStructAssist;
       }
+      case "more-info": {
+        return actionConfigStructMoreInfo;
+      }
     }
   }
 

src/utils/form/ha-form.ts

@@ -10,6 +10,7 @@ interface HaDurationData {
 
 export type HaFormSchema =
   | HaFormConstantSchema
+  | HaFormDividerSchema
   | HaFormStringSchema
   | HaFormIntegerSchema
   | HaFormFloatSchema
@@ -70,6 +71,10 @@ export interface HaFormConstantSchema extends HaFormBaseSchema {
   value?: string;
 }
 
+export interface HaFormDividerSchema extends HaFormBaseSchema {
+  type: "divider";
+}
+
 export interface HaFormIntegerSchema extends HaFormBaseSchema {
   type: "integer";
   default?: HaFormIntegerData;