added Voice assistant column to data tables

Author: kritsel

src/panels/config/automation/ha-automation-picker.ts

@@ -92,7 +92,10 @@ import type {
   EntityRegistryEntry,
   UpdateEntityRegistryEntryResult,
 } from "../../../data/entity/entity_registry";
-import { updateEntityRegistryEntry } from "../../../data/entity/entity_registry";
+import {
+  entityRegistryByEntityId,
+  updateEntityRegistryEntry,
+} from "../../../data/entity/entity_registry";
 import type { LabelRegistryEntry } from "../../../data/label/label_registry";
 import {
   createLabelRegistryEntry,
@@ -115,6 +118,8 @@ import { showCategoryRegistryDetailDialog } from "../category/show-dialog-catego
 import { configSections } from "../ha-panel-config";
 import { showLabelDetailDialog } from "../labels/show-dialog-label-detail";
 import { showNewAutomationDialog } from "./show-dialog-new-automation";
+import { voiceAssistants } from "../../../data/expose";
+import { brandsUrl } from "../../../util/brands-url";
 
 type AutomationItem = AutomationEntity & {
   name: string;
@@ -376,6 +381,43 @@ class HaAutomationPicker extends SubscribeMixin(LitElement) {
             ></ha-icon-button>
           `,
         },
+        voice_assistants: {
+          title: localize(
+            "ui.panel.config.automation.picker.headers.voice_assistants"
+          ),
+          type: "icon",
+          showNarrow: true,
+          sortable: true,
+          filterable: true,
+          template: (automation) => {
+            // const entry = this._entityReg.find(
+            //   (reg) => reg.entity_id === automation.entity_id
+            // );
+            const entry = entityRegistryByEntityId(this._entityReg)[
+              automation.entity_id
+            ];
+            return html` ${Object.keys(voiceAssistants).filter(
+              (vaKey) => entry?.options?.[vaKey]?.should_expose
+            ).length !== 0
+              ? Object.keys(voiceAssistants)
+                  .filter((vaKey) => entry?.options?.[vaKey]?.should_expose)
+                  .map(
+                    (vaKey) =>
+                      html`<img
+                        alt=""
+                        src=${brandsUrl({
+                          domain: voiceAssistants[vaKey].domain,
+                          type: "icon",
+                          darkOptimized: this.hass.themes?.darkMode,
+                        })}
+                        crossorigin="anonymous"
+                        referrerpolicy="no-referrer"
+                        slot="prefix"
+                      />`
+                  )
+              : "—"}`;
+          },
+        },
       };
       return columns;
     }

src/panels/config/entities/ha-config-entities.ts

@@ -115,6 +115,8 @@ import { isHelperDomain } from "../helpers/const";
 import "../integrations/ha-integration-overflow-menu";
 import { showAddIntegrationDialog } from "../integrations/show-add-integration-dialog";
 import { showLabelDetailDialog } from "../labels/show-dialog-label-detail";
+import { voiceAssistants } from "../../../data/expose";
+import { brandsUrl } from "../../../util/brands-url";
 
 export interface StateEntity extends Omit<
   EntityRegistryEntry,
@@ -493,6 +495,37 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
         template: (entry) =>
           entry.label_entries.map((lbl) => lbl.name).join(" "),
       },
+      voice_assistants: {
+        title: localize(
+          "ui.panel.config.entities.picker.headers.voice_assistants"
+        ),
+        type: "icon",
+        showNarrow: true,
+        sortable: true,
+        filterable: true,
+        template: (entry) =>
+          html` ${Object.keys(voiceAssistants).filter(
+            (vaKey) => entry?.options?.[vaKey]?.should_expose
+          ).length !== 0
+            ? Object.keys(voiceAssistants)
+                .filter((vaKey) => entry?.options?.[vaKey]?.should_expose)
+                .map(
+                  (vaKey) => html`
+                    <img
+                      alt=""
+                      src=${brandsUrl({
+                        domain: voiceAssistants[vaKey].domain,
+                        type: "icon",
+                        darkOptimized: this.hass.themes?.darkMode,
+                      })}
+                      crossorigin="anonymous"
+                      referrerpolicy="no-referrer"
+                      slot="prefix"
+                    />
+                  `
+                )
+            : "—"}`,
+      },
     })
   );
 

src/panels/config/helpers/ha-config-helpers.ts

@@ -122,6 +122,8 @@ import "../integrations/ha-integration-overflow-menu";
 import { showLabelDetailDialog } from "../labels/show-dialog-label-detail";
 import { isHelperDomain, type HelperDomain } from "./const";
 import { showHelperDetailDialog } from "./show-dialog-helper-detail";
+import { voiceAssistants } from "../../../data/expose";
+import { brandsUrl } from "../../../util/brands-url";
 
 interface HelperItem {
   id: string;
@@ -480,6 +482,40 @@ export class HaConfigHelpers extends SubscribeMixin(LitElement) {
           </ha-icon-overflow-menu>
         `,
       },
+      voice_assistants: {
+        title: localize(
+          "ui.panel.config.helpers.picker.headers.voice_assistants"
+        ),
+        type: "icon",
+        showNarrow: true,
+        sortable: true,
+        filterable: true,
+        template: (helper) => {
+          const entry = entityRegistryByEntityId(this._entityReg)[
+            helper.entity_id
+          ];
+          return html` ${Object.keys(voiceAssistants).filter(
+            (vaKey) => entry?.options?.[vaKey]?.should_expose
+          ).length !== 0
+            ? Object.keys(voiceAssistants)
+                .filter((vaKey) => entry?.options?.[vaKey]?.should_expose)
+                .map(
+                  (vaKey) =>
+                    html`<img
+                      alt=""
+                      src=${brandsUrl({
+                        domain: voiceAssistants[vaKey].domain,
+                        type: "icon",
+                        darkOptimized: this.hass.themes?.darkMode,
+                      })}
+                      crossorigin="anonymous"
+                      referrerpolicy="no-referrer"
+                      slot="prefix"
+                    />`
+                )
+            : "—"}`;
+        },
+      },
     })
   );
 

src/panels/config/scene/ha-scene-dashboard.ts

@@ -77,7 +77,10 @@ import type {
   EntityRegistryEntry,
   UpdateEntityRegistryEntryResult,
 } from "../../../data/entity/entity_registry";
-import { updateEntityRegistryEntry } from "../../../data/entity/entity_registry";
+import {
+  entityRegistryByEntityId,
+  updateEntityRegistryEntry,
+} from "../../../data/entity/entity_registry";
 import { forwardHaptic } from "../../../data/haptics";
 import type { LabelRegistryEntry } from "../../../data/label/label_registry";
 import {
@@ -107,6 +110,8 @@ import { showAssignCategoryDialog } from "../category/show-dialog-assign-categor
 import { showCategoryRegistryDetailDialog } from "../category/show-dialog-category-registry-detail";
 import { configSections } from "../ha-panel-config";
 import { showLabelDetailDialog } from "../labels/show-dialog-label-detail";
+import { voiceAssistants } from "../../../data/expose";
+import { brandsUrl } from "../../../util/brands-url";
 
 type SceneItem = SceneEntity & {
   name: string;
@@ -410,6 +415,40 @@ class HaSceneDashboard extends SubscribeMixin(LitElement) {
             </ha-icon-overflow-menu>
           `,
         },
+        voice_assistants: {
+          title: localize(
+            "ui.panel.config.scene.picker.headers.voice_assistants"
+          ),
+          type: "icon",
+          showNarrow: true,
+          sortable: true,
+          filterable: true,
+          template: (scene) => {
+            const entry = entityRegistryByEntityId(this._entityReg)[
+              scene.entity_id
+            ];
+            return html` ${Object.keys(voiceAssistants).filter(
+              (vaKey) => entry?.options?.[vaKey]?.should_expose
+            ).length !== 0
+              ? Object.keys(voiceAssistants)
+                  .filter((vaKey) => entry?.options?.[vaKey]?.should_expose)
+                  .map(
+                    (vaKey) =>
+                      html`<img
+                        alt=""
+                        src=${brandsUrl({
+                          domain: voiceAssistants[vaKey].domain,
+                          type: "icon",
+                          darkOptimized: this.hass.themes?.darkMode,
+                        })}
+                        crossorigin="anonymous"
+                        referrerpolicy="no-referrer"
+                        slot="prefix"
+                      />`
+                  )
+              : "—"}`;
+          },
+        },
       };
 
       return columns;

src/panels/config/script/ha-script-picker.ts

@@ -78,7 +78,10 @@ import type {
   EntityRegistryEntry,
   UpdateEntityRegistryEntryResult,
 } from "../../../data/entity/entity_registry";
-import { updateEntityRegistryEntry } from "../../../data/entity/entity_registry";
+import {
+  entityRegistryByEntityId,
+  updateEntityRegistryEntry,
+} from "../../../data/entity/entity_registry";
 import type { LabelRegistryEntry } from "../../../data/label/label_registry";
 import {
   createLabelRegistryEntry,
@@ -111,6 +114,8 @@ import { showAssignCategoryDialog } from "../category/show-dialog-assign-categor
 import { showCategoryRegistryDetailDialog } from "../category/show-dialog-category-registry-detail";
 import { configSections } from "../ha-panel-config";
 import { showLabelDetailDialog } from "../labels/show-dialog-label-detail";
+import { voiceAssistants } from "../../../data/expose";
+import { brandsUrl } from "../../../util/brands-url";
 
 type ScriptItem = ScriptEntity & {
   name: string;
@@ -398,8 +403,41 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
             </ha-icon-overflow-menu>
           `,
         },
+        voice_assistants: {
+          title: localize(
+            "ui.panel.config.script.picker.headers.voice_assistants"
+          ),
+          type: "icon",
+          showNarrow: true,
+          sortable: true,
+          filterable: true,
+          template: (script) => {
+            const entry = entityRegistryByEntityId(this._entityReg)[
+              script.entity_id
+            ];
+            return html` ${Object.keys(voiceAssistants).filter(
+              (vaKey) => entry?.options?.[vaKey]?.should_expose
+            ).length !== 0
+              ? Object.keys(voiceAssistants)
+                  .filter((vaKey) => entry?.options?.[vaKey]?.should_expose)
+                  .map(
+                    (vaKey) =>
+                      html`<img
+                        alt=""
+                        src=${brandsUrl({
+                          domain: voiceAssistants[vaKey].domain,
+                          type: "icon",
+                          darkOptimized: this.hass.themes?.darkMode,
+                        })}
+                        crossorigin="anonymous"
+                        referrerpolicy="no-referrer"
+                        slot="prefix"
+                      />`
+                  )
+              : "—"}`;
+          },
+        },
       };
-
       return columns;
     }
   );

src/translations/en.json

@@ -3342,7 +3342,8 @@
               "type": "Type",
               "editable": "Editable",
               "category": "Category",
-              "area": "Area"
+              "area": "Area",
+              "voice_assistants": "Voice assistants"
             },
             "create_helper": "Create helper",
             "no_helpers": "Looks like you don't have any helpers yet!",
@@ -3983,7 +3984,8 @@
               "state": "State",
               "category": "Category",
               "area": "Area",
-              "icon": "Icon"
+              "icon": "Icon",
+              "voice_assistants": "Voice assistants"
             },
             "bulk_action": "Action",
             "bulk_actions": {
@@ -4999,7 +5001,8 @@
               "state": "State",
               "category": "Category",
               "area": "Area",
-              "icon": "Icon"
+              "icon": "Icon",
+              "voice_assistants": "Voice assistants"
             },
             "edit_category": "[%key:ui::panel::config::automation::picker::edit_category%]",
             "assign_category": "[%key:ui::panel::config::automation::picker::assign_category%]",
@@ -5127,7 +5130,8 @@
               "category": "Category",
               "editable": "[%key:ui::panel::config::helpers::picker::headers::editable%]",
               "area": "Area",
-              "icon": "Icon"
+              "icon": "Icon",
+              "voice_assistants": "Voice assistants"
             },
             "edit_category": "[%key:ui::panel::config::automation::picker::edit_category%]",
             "assign_category": "[%key:ui::panel::config::automation::picker::assign_category%]",
@@ -5580,7 +5584,8 @@
               "domain": "Domain",
               "availability": "Availability",
               "visibility": "Visibility",
-              "enabled": "Enabled"
+              "enabled": "Enabled",
+              "voice_assistants": "Voice assistants"
             },
             "selected": "{number} selected",
             "enable_selected": {