Add External app version into ha-config-info (#27064)

src/external_app/external_messaging.ts

@@ -304,6 +304,7 @@ export interface ExternalConfig {
   hasBarCodeScanner: number;
   canSetupImprov: boolean;
   downloadFileSupported: boolean;
+  appVersion: string;
 }
 
 export class ExternalMessaging {

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

@@ -133,7 +133,7 @@ class HaConfigInfo extends LitElement {
               <li>
                 <span class="version-label"
                   >${this.hass.localize(
-                    `ui.panel.config.info.installation_method`
+                    "ui.panel.config.info.installation_method"
                   )}</span
                 >
                 <span class="version">${this._installationMethod || "…"}</span>
@@ -170,6 +170,20 @@ class HaConfigInfo extends LitElement {
                   ${JS_VERSION}${JS_TYPE !== "modern" ? ` · ${JS_TYPE}` : ""}
                 </span>
               </li>
+              ${this.hass.auth.external?.config.appVersion
+                ? html`
+                    <li>
+                      <span class="version-label"
+                        >${this.hass.localize(
+                          "ui.panel.config.info.external_app_version"
+                        )}</span
+                      >
+                      <span class="version"
+                        >${this.hass.auth.external?.config.appVersion}</span
+                      >
+                    </li>
+                  `
+                : nothing}
             </ul>
           </ha-card>
           <ha-card outlined class="ohf">

src/translations/en.json

@@ -3261,6 +3261,7 @@
         "info": {
           "caption": "About",
           "installation_method": "Installation method",
+          "external_app_version": "Companion app",
           "copy_menu": "Copy menu",
           "copy_raw": "Raw text",
           "copy_github": "For GitHub",