diff --git a/report-app/src/app/pages/report-viewer/report-viewer.html b/report-app/src/app/pages/report-viewer/report-viewer.html
index af25e46..233b1be 100644
--- a/report-app/src/app/pages/report-viewer/report-viewer.html
+++ b/report-app/src/app/pages/report-viewer/report-viewer.html
@@ -461,13 +461,21 @@
{{ journey.name }}
Debugging Tools
+
+
+ @let debugCommand = getDebugCommand(report, result);
+
+ @if (debugCommand) {
+
To see the app locally, run the following command:
+
{{debugCommand}}
+ }
+
@if (result.toolLogs && result.toolLogs.length > 0) {
Tool Logs
diff --git a/report-app/src/app/pages/report-viewer/report-viewer.ts b/report-app/src/app/pages/report-viewer/report-viewer.ts
index 00dcd5b..ff376b3 100644
--- a/report-app/src/app/pages/report-viewer/report-viewer.ts
+++ b/report-app/src/app/pages/report-viewer/report-viewer.ts
@@ -44,6 +44,8 @@ import { ExpansionPanel } from '../../shared/expansion-panel/expansion-panel';
import { ExpansionPanelHeader } from '../../shared/expansion-panel/expansion-panel-header';
import { ProviderLabel } from '../../shared/provider-label';
+const localReportRegex = /-l\d+$/;
+
@Component({
imports: [
StackedBarChart,
@@ -439,4 +441,16 @@ export class ReportViewer {
return 'failed';
}
}
+
+ protected getDebugCommand(
+ report: RunInfo,
+ result: AssessmentResult
+ ): string | null {
+ // Only show the command for local reports.
+ if (!localReportRegex.test(report.group)) {
+ return null;
+ }
+
+ return `wcs run --prompt=${result.promptDef.name} --env=`;
+ }
}