diff --git a/src/panels/config/integrations/ha-config-flow-card.ts b/src/panels/config/integrations/ha-config-flow-card.ts
index 369b4dca7a..34dcd2bca9 100644
--- a/src/panels/config/integrations/ha-config-flow-card.ts
+++ b/src/panels/config/integrations/ha-config-flow-card.ts
@@ -1,6 +1,7 @@
import { css, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators";
import { classMap } from "lit/directives/class-map";
+import { mdiDotsVertical, mdiOpenInNew } from "@mdi/js";
import { fireEvent } from "../../../common/dom/fire_event";
import {
ATTENTION_SOURCES,
@@ -50,17 +51,62 @@ export class HaConfigFlowCard extends LitElement {
}`
)}
>
- ${DISCOVERY_SOURCES.includes(this.flow.context.source) &&
- this.flow.context.unique_id
- ? html`
-
+
+ ${this.flow.context.configuration_url
+ ? html`
- `
- : ""}
+ rel="noreferrer"
+ target=${this.flow.context.configuration_url.startsWith(
+ "homeassistant://"
+ )
+ ? "_self"
+ : "_blank"}
+ >
+
+ ${this.hass.localize(
+ "ui.panel.config.integrations.config_entry.open_configuration_url"
+ )}
+
+ `
+ : ""}
+ ${this.manifest
+ ? html`
+
+ ${this.hass.localize(
+ "ui.panel.config.integrations.config_entry.documentation"
+ )}
+
+ `
+ : ""}
+ ${DISCOVERY_SOURCES.includes(this.flow.context.source) &&
+ this.flow.context.unique_id
+ ? html`
+
+ ${this.hass.localize(
+ "ui.panel.config.integrations.ignore.ignore"
+ )}
+
+ `
+ : ""}
+
`;
}
@@ -114,6 +160,10 @@ export class HaConfigFlowCard extends LitElement {
--state-color: var(--primary-color);
--text-on-state-color: var(--text-primary-color);
}
+ a {
+ text-decoration: none;
+ color: var(--primary-color);
+ }
`;
}
diff --git a/src/translations/en.json b/src/translations/en.json
index 846f8dd406..6896311e4d 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -2478,7 +2478,8 @@
"setup_retry": "Retrying setup",
"not_loaded": "Not loaded",
"failed_unload": "Failed to unload"
- }
+ },
+ "open_configuration_url": "Visit device"
},
"config_flow": {
"aborted": "Aborted",