Show url in label

src/common/util/configuration-url.ts

@@ -0,0 +1,29 @@
+export interface ProcessedConfigurationUrl {
+  url: string;
+  isLocal: boolean;
+}
+
+/**
+ * Get a processed configuration URL, converting homeassistant:// URLs to local paths
+ * and determining if it should be opened locally or in a new tab.
+ *
+ * @param configurationUrl - The configuration URL to process
+ * @returns Processed URL and whether it's a local link, or null if URL is empty
+ */
+export const getConfigurationUrl = (
+  configurationUrl: string | null | undefined
+): ProcessedConfigurationUrl | null => {
+  if (!configurationUrl) {
+    return null;
+  }
+
+  const isHomeAssistant = configurationUrl.startsWith("homeassistant://");
+  const url = isHomeAssistant
+    ? configurationUrl.replace("homeassistant://", "/")
+    : configurationUrl;
+
+  return {
+    url,
+    isLocal: isHomeAssistant,
+  };
+};

src/data/config_entries.ts

@@ -27,6 +27,7 @@ export interface ConfigEntry {
   reason: string | null;
   error_reason_translation_key: string | null;
   error_reason_translation_placeholders: Record<string, string> | null;
+  configuration_url?: string | null;
 }
 
 export interface SubEntry {

src/panels/config/devices/ha-config-device-page.ts

@@ -26,6 +26,7 @@ import { computeStateName } from "../../../common/entity/compute_state_name";
 import { stringCompare } from "../../../common/string/compare";
 import { slugify } from "../../../common/string/slugify";
 import { groupBy } from "../../../common/util/group-by";
+import { getConfigurationUrl } from "../../../common/util/configuration-url";
 import "../../../components/entity/ha-battery-icon";
 import "../../../components/ha-alert";
 import "../../../components/ha-button";
@@ -1090,17 +1091,12 @@ export class HaConfigDevicePage extends LitElement {
 
     const deviceActions: DeviceAction[] = [];
 
-    const configurationUrlIsHomeAssistant =
-      device.configuration_url?.startsWith("homeassistant://") || false;
+    const processedUrl = getConfigurationUrl(device.configuration_url);
 
-    const configurationUrl = configurationUrlIsHomeAssistant
-      ? device.configuration_url!.replace("homeassistant://", "/")
-      : device.configuration_url;
-
-    if (configurationUrl) {
+    if (processedUrl) {
       deviceActions.push({
-        href: configurationUrl,
-        target: configurationUrlIsHomeAssistant ? undefined : "_blank",
+        href: processedUrl.url,
+        target: processedUrl.isLocal ? undefined : "_blank",
         icon: mdiCog,
         label: this.hass.localize(
           "ui.panel.config.devices.open_configuration_url"

src/panels/config/integrations/ha-config-entry-row.ts

@@ -8,6 +8,7 @@ import {
   mdiDotsVertical,
   mdiDownload,
   mdiHandExtendedOutline,
+  mdiOpenInNew,
   mdiPlayCircleOutline,
   mdiPlus,
   mdiProgressHelper,
@@ -73,6 +74,7 @@ import "./ha-config-entry-device-row";
 import { renderConfigEntryError } from "./ha-config-integration-page";
 import "./ha-config-sub-entry-row";
 import { copyToClipboard } from "../../../common/util/copy-clipboard";
+import { getConfigurationUrl } from "../../../common/util/configuration-url";
 import { showToast } from "../../../util/toast";
 
 @customElement("ha-config-entry-row")
@@ -213,34 +215,53 @@ class HaConfigEntryRow extends LitElement {
           ? html`<ha-button slot="end" @click=${this._handleEnable}>
               ${this.hass.localize("ui.common.enable")}
             </ha-button>`
-          : configPanel &&
-              (item.domain !== "matter" ||
-                isDevVersion(this.hass.config.version)) &&
-              !stateText
-            ? html`<a
-                slot="end"
-                href=${`/${configPanel}?config_entry=${item.entry_id}`}
-                ><ha-icon-button
-                  .path=${mdiCogOutline}
-                  .label=${this.hass.localize(
-                    "ui.panel.config.integrations.config_entry.configure"
-                  )}
-                >
-                </ha-icon-button
-              ></a>`
-            : item.supports_options
-              ? html`
-                  <ha-icon-button
-                    slot="end"
-                    @click=${this._showOptions}
-                    .path=${mdiCogOutline}
-                    .label=${this.hass.localize(
-                      "ui.panel.config.integrations.config_entry.configure"
-                    )}
-                  >
-                  </ha-icon-button>
-                `
-              : nothing}
+          : (() => {
+              const processedUrl = getConfigurationUrl(item.configuration_url);
+
+              return html`
+                ${processedUrl
+                  ? html`<a
+                      slot="end"
+                      href=${processedUrl.url}
+                      target=${processedUrl.isLocal ? undefined : "_blank"}
+                      rel=${processedUrl.isLocal ? undefined : "noreferrer"}
+                    >
+                      <ha-icon-button
+                        .path=${mdiOpenInNew}
+                        .label=${processedUrl.url}
+                      ></ha-icon-button>
+                    </a>`
+                  : nothing}
+                ${configPanel &&
+                (item.domain !== "matter" ||
+                  isDevVersion(this.hass.config.version)) &&
+                !stateText
+                  ? html`<a
+                      slot="end"
+                      href=${`/${configPanel}?config_entry=${item.entry_id}`}
+                      ><ha-icon-button
+                        .path=${mdiCogOutline}
+                        .label=${this.hass.localize(
+                          "ui.panel.config.integrations.config_entry.configure"
+                        )}
+                      >
+                      </ha-icon-button
+                    ></a>`
+                  : item.supports_options
+                    ? html`
+                        <ha-icon-button
+                          slot="end"
+                          @click=${this._showOptions}
+                          .path=${mdiCogOutline}
+                          .label=${this.hass.localize(
+                            "ui.panel.config.integrations.config_entry.configure"
+                          )}
+                        >
+                        </ha-icon-button>
+                      `
+                    : nothing}
+              `;
+            })()}
         <ha-md-button-menu positioning="popover" slot="end">
           <ha-icon-button
             slot="trigger"