jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-02 14:07:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add support for debug pipeline session

Browse Source
This commit is contained in:
Bram Kragten 2023-04-19 14:22:23 +02:00
parent 0ce3757b80
commit 4ef0940f17
No known key found for this signature in database
GPG Key ID: FBE2DFDB363EF55B
3 changed files with 59 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/data/assist_pipeline.ts
View File

@ -21,7 +21,7 @@ export interface AssistPipelineMutableParams {
} }
export interface assistRunListing { export interface assistRunListing {
pipeline_run_id: string; pipeline_session_id: string;
timestamp: string; timestamp: string;
} }
@ -235,7 +235,7 @@ export const listAssistPipelineRuns = (
pipeline_id: string pipeline_id: string
) => ) =>
hass.callWS<{ hass.callWS<{
pipeline_runs: assistRunListing[]; pipeline_sessions: assistRunListing[];
}>({ }>({
type: "assist_pipeline/pipeline_debug/list", type: "assist_pipeline/pipeline_debug/list",
pipeline_id, pipeline_id,
@ -244,14 +244,16 @@ export const listAssistPipelineRuns = (
export const getAssistPipelineRun = ( export const getAssistPipelineRun = (
hass: HomeAssistant, hass: HomeAssistant,
pipeline_id: string, pipeline_id: string,
pipeline_run_id: string pipeline_session_id: string
) => ) =>
hass.callWS<{ hass.callWS<{
runs: {
events: PipelineRunEvent[]; events: PipelineRunEvent[];
}[];
}>({ }>({
type: "assist_pipeline/pipeline_debug/get", type: "assist_pipeline/pipeline_debug/get",
pipeline_id, pipeline_id,
pipeline_run_id, pipeline_session_id,
}); });
export const fetchAssistPipelines = (hass: HomeAssistant) => export const fetchAssistPipelines = (hass: HomeAssistant) =>

91
src/panels/config/voice-assistants/debug/assist-pipeline-debug.ts
View File

@ -29,11 +29,11 @@ export class AssistPipelineDebug extends LitElement {
@property() public pipelineId!: string; @property() public pipelineId!: string;
@state() private _runId?: string; @state() private _sessionId?: string;
@state() private _runs?: assistRunListing[]; @state() private _sessions?: assistRunListing[];
@state() private _events?: PipelineRunEvent[]; @state() private _runs?: { events: PipelineRunEvent[] }[];
protected render() { protected render() {
return html`<hass-subpage return html`<hass-subpage
@ -47,21 +47,21 @@ export class AssistPipelineDebug extends LitElement {
><ha-icon-button .path=${mdiMicrophoneMessage}></ha-icon-button ><ha-icon-button .path=${mdiMicrophoneMessage}></ha-icon-button
></a> ></a>
<div class="toolbar"> <div class="toolbar">
${this._runs?.length ${this._sessions?.length
? html` ? html`
<ha-icon-button <ha-icon-button
.disabled=${this._runs[this._runs.length - 1] .disabled=${this._sessions[this._sessions.length - 1]
.pipeline_run_id === this._runId} .pipeline_session_id === this._sessionId}
label="Older run" label="Older run"
@click=${this._pickOlderRun} @click=${this._pickOlderRun}
.path=${mdiRayEndArrow} .path=${mdiRayEndArrow}
></ha-icon-button> ></ha-icon-button>
<select .value=${this._runId} @change=${this._pickRun}> <select .value=${this._sessionId} @change=${this._pickRun}>
${repeat( ${repeat(
this._runs, this._sessions,
(run) => run.pipeline_run_id, (run) => run.pipeline_session_id,
(run) => (run) =>
html`<option value=${run.pipeline_run_id}> html`<option value=${run.pipeline_session_id}>
${formatDateTimeWithSeconds( ${formatDateTimeWithSeconds(
new Date(run.timestamp), new Date(run.timestamp),
this.hass.locale this.hass.locale
@ -70,7 +70,8 @@ export class AssistPipelineDebug extends LitElement {
)} )}
</select> </select>
<ha-icon-button <ha-icon-button
.disabled=${this._runs[0].pipeline_run_id === this._runId} .disabled=${this._sessions[0].pipeline_session_id ===
this._sessionId}
label="Newer run" label="Newer run"
@click=${this._pickNewerRun} @click=${this._pickNewerRun}
.path=${mdiRayStartArrow} .path=${mdiRayStartArrow}
@ -78,15 +79,17 @@ export class AssistPipelineDebug extends LitElement {
` `
: ""} : ""}
</div> </div>
${this._runs?.length === 0 ${!this._sessions?.length
? html`<div class="container">No runs found</div>` ? html`<div class="container">No sessions found</div>`
: ""} : ""}
<div class="content"> <div class="content">
${this._events ${this._runs
? html`<assist-render-pipeline-events ? this._runs.map(
(run) => html`<assist-render-pipeline-events
.hass=${this.hass} .hass=${this.hass}
.events=${this._events} .events=${run.events}
></assist-render-pipeline-events>` ></assist-render-pipeline-events>`
)
: ""} : ""}
</div> </div>
</hass-subpage>`; </hass-subpage>`;
@ -94,22 +97,22 @@ export class AssistPipelineDebug extends LitElement {
protected willUpdate(changedProperties) { protected willUpdate(changedProperties) {
if (changedProperties.has("pipelineId")) { if (changedProperties.has("pipelineId")) {
this._fetchRuns(); this._fetchSessions();
} }
if (changedProperties.has("_runId")) { if (changedProperties.has("_sessionId")) {
this._fetchEvents(); this._fetchRuns();
} }
} }
private async _fetchRuns() { private async _fetchSessions() {
if (!this.pipelineId) { if (!this.pipelineId) {
this._runs = undefined; this._sessions = undefined;
return; return;
} }
try { try {
this._runs = ( this._sessions = (
await listAssistPipelineRuns(this.hass, this.pipelineId) await listAssistPipelineRuns(this.hass, this.pipelineId)
).pipeline_runs.reverse(); ).pipeline_sessions?.reverse();
} catch (e: any) { } catch (e: any) {
showAlertDialog(this, { showAlertDialog(this, {
title: "Failed to fetch pipeline runs", title: "Failed to fetch pipeline runs",
@ -117,27 +120,27 @@ export class AssistPipelineDebug extends LitElement {
}); });
return; return;
} }
if (!this._runs.length) { if (!this._sessions?.length) {
return; return;
} }
if ( if (
!this._runId || !this._sessionId ||
!this._runs.find((run) => run.pipeline_run_id === this._runId) !this._sessions.find((run) => run.pipeline_session_id === this._sessionId)
) { ) {
this._runId = this._runs[0].pipeline_run_id; this._sessionId = this._sessions[0].pipeline_session_id;
this._fetchEvents(); this._fetchRuns();
} }
} }
private async _fetchEvents() { private async _fetchRuns() {
if (!this._runId) { if (!this._sessionId) {
this._events = undefined; this._runs = undefined;
return; return;
} }
try { try {
this._events = ( this._runs = (
await getAssistPipelineRun(this.hass, this.pipelineId, this._runId) await getAssistPipelineRun(this.hass, this.pipelineId, this._sessionId)
).events; ).runs;
} catch (e: any) { } catch (e: any) {
showAlertDialog(this, { showAlertDialog(this, {
title: "Failed to fetch events", title: "Failed to fetch events",
@ -147,21 +150,21 @@ export class AssistPipelineDebug extends LitElement {
} }
private _pickOlderRun() { private _pickOlderRun() {
const curIndex = this._runs!.findIndex( const curIndex = this._sessions!.findIndex(
(run) => run.pipeline_run_id === this._runId (run) => run.pipeline_session_id === this._sessionId
); );
this._runId = this._runs![curIndex + 1].pipeline_run_id; this._sessionId = this._sessions![curIndex + 1].pipeline_session_id;
} }
private _pickNewerRun() { private _pickNewerRun() {
const curIndex = this._runs!.findIndex( const curIndex = this._sessions!.findIndex(
(run) => run.pipeline_run_id === this._runId (run) => run.pipeline_session_id === this._sessionId
); );
this._runId = this._runs![curIndex - 1].pipeline_run_id; this._sessionId = this._sessions![curIndex - 1].pipeline_session_id;
} }
private _pickRun(ev) { private _pickRun(ev) {
this._runId = ev.target.value; this._sessionId = ev.target.value;
} }
static styles = [ static styles = [
@ -186,8 +189,12 @@ export class AssistPipelineDebug extends LitElement {
.container { .container {
padding: 16px; padding: 16px;
} }
assist-render-pipeline-run { assist-render-pipeline-events {
display: block;
}
assist-render-pipeline-events + assist-render-pipeline-events {
padding-top: 16px; padding-top: 16px;
border-top: 1px solid var(--divider-color);
} }
`, `,
]; ];

2
src/panels/config/voice-assistants/debug/assist-pipeline-run-debug.ts
View File

@ -358,7 +358,7 @@ export class AssistPipelineRunDebug extends LitElement {
padding-top: 16px; padding-top: 16px;
} }
assist-render-pipeline-run + assist-render-pipeline-run { assist-render-pipeline-run + assist-render-pipeline-run {
border-top: 3px solid black; border-top: 1px solid var(--divider-color);
} }
`, `,
]; ];