diff --git a/src/panels/config/automation/blueprint-automation-editor.ts b/src/panels/config/automation/blueprint-automation-editor.ts index 28f4832d86..75a7019d27 100644 --- a/src/panels/config/automation/blueprint-automation-editor.ts +++ b/src/panels/config/automation/blueprint-automation-editor.ts @@ -104,12 +104,21 @@ export class HaBlueprintAutomationEditor extends LitElement { "ui.panel.config.automation.editor.enable_disable" )} - - ${this.hass.localize("ui.card.automation.trigger")} - +
+ + + ${this.hass.localize( + "ui.panel.config.automation.editor.show_trace" + )} + + + + ${this.hass.localize("ui.card.automation.trigger")} + +
` : ""} diff --git a/src/panels/config/automation/trace/ha-automation-trace.ts b/src/panels/config/automation/trace/ha-automation-trace.ts index a6f7b5e0c1..d439bdebc6 100644 --- a/src/panels/config/automation/trace/ha-automation-trace.ts +++ b/src/panels/config/automation/trace/ha-automation-trace.ts @@ -15,7 +15,6 @@ import { loadTrace, loadTraces, } from "../../../../data/trace"; -import "../../../../components/ha-icon-button"; import "../../../../components/trace/hat-script-graph"; import type { NodeInfo } from "../../../../components/trace/hat-graph"; import { haStyle } from "../../../../resources/styles"; @@ -33,6 +32,13 @@ import "./ha-automation-trace-timeline"; import "./ha-automation-trace-config"; import { classMap } from "lit-html/directives/class-map"; import { traceTabStyles } from "./styles"; +import { + mdiRayEndArrow, + mdiRayStartArrow, + mdiPencil, + mdiRefresh, + mdiDownload, +} from "@mdi/js"; @customElement("ha-automation-trace") export class HaAutomationTrace extends LitElement { @@ -74,17 +80,18 @@ export class HaAutomationTrace extends LitElement { const title = stateObj?.attributes.friendly_name || this._entityId; - const actionButtons = html` this._loadTraces()} - > - this._loadTraces()}> + + + `; + > + + + `; return html` ${title} + + + + + ` : ""} ${this._traces && this._traces.length > 0 ? html`
- + > + + - + > + +
` : ""} @@ -417,6 +434,10 @@ export class HaAutomationTrace extends LitElement { flex: 1; background-color: var(--card-background-color); } + + .linkButton { + color: var(--primary-text-color); + } `, ]; }