diff --git a/src/panels/config/voice-assistants/dialog-voice-assistant-pipeline-detail.ts b/src/panels/config/voice-assistants/dialog-voice-assistant-pipeline-detail.ts index 62c35bdc2b..89f1222fe8 100644 --- a/src/panels/config/voice-assistants/dialog-voice-assistant-pipeline-detail.ts +++ b/src/panels/config/voice-assistants/dialog-voice-assistant-pipeline-detail.ts @@ -1,9 +1,19 @@ +import { + mdiBug, + mdiClose, + mdiDotsVertical, + mdiStar, + mdiStarOutline, +} from "@mdi/js"; import { css, CSSResultGroup, html, LitElement, nothing } from "lit"; import { customElement, property, state } from "lit/decorators"; import { fireEvent } from "../../../common/dom/fire_event"; +import { stopPropagation } from "../../../common/dom/stop_propagation"; +import { shouldHandleRequestSelectedEvent } from "../../../common/mwc/handle-request-selected-event"; +import { navigate } from "../../../common/navigate"; import "../../../components/ha-button"; -import { createCloseHeading } from "../../../components/ha-dialog"; import "../../../components/ha-form/ha-form"; +import "../../../components/ha-header-bar"; import { AssistPipeline, AssistPipelineMutableParams, @@ -11,8 +21,8 @@ import { } from "../../../data/assist_pipeline"; import { haStyleDialog } from "../../../resources/styles"; import { HomeAssistant } from "../../../types"; -import "./assist-pipeline-detail/assist-pipeline-detail-conversation"; import "./assist-pipeline-detail/assist-pipeline-detail-config"; +import "./assist-pipeline-detail/assist-pipeline-detail-conversation"; import "./assist-pipeline-detail/assist-pipeline-detail-stt"; import "./assist-pipeline-detail/assist-pipeline-detail-tts"; import "./debug/assist-render-pipeline-events"; @@ -74,21 +84,62 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement { return nothing; } + const title = this._params.pipeline?.id + ? this._params.pipeline.name + : this.hass.localize( + "ui.panel.config.voice_assistants.assistants.pipeline.detail.add_assistant_title" + ); + return html` + + +
${title}
+ ${this._params.pipeline?.id + ? html` + + + + + + ${this.hass.localize( + "ui.panel.config.voice_assistants.assistants.pipeline.detail.debug" + )} + + + + ` + : nothing} +
${this._error ? html`${this._error}` @@ -111,8 +162,8 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement { (this._data.tts_engine === "cloud" || this._data.stt_engine === "cloud") ? html` - ${this.hass.localize( + + ${this.hass.localize( "ui.panel.config.voice_assistants.assistants.pipeline.detail.no_cloud_message" )} ${this.hass.localize("ui.common.delete")} - Set as preferred - Debug - ` : nothing}