diff --git a/src/app/shared/bias-impact-report-list/bias-impact-report-list.css b/src/app/shared/bias-impact-report-list/bias-impact-report-list.css index e027d15..0d5ecac 100644 --- a/src/app/shared/bias-impact-report-list/bias-impact-report-list.css +++ b/src/app/shared/bias-impact-report-list/bias-impact-report-list.css @@ -2,7 +2,32 @@ .bias-report-list__progress { background: #eff6ff; border-left: 3px solid #2563eb; color: #1e3a8a; margin: 0; padding: .6rem .7rem; font-size: .84rem; } .bias-report-list__error { background: #fff1f2; border-left: 3px solid #e11d48; color: #9f1239; margin: 0; padding: .6rem .7rem; font-size: .84rem; } .bias-report-list__error-row { align-items: center; display: flex; gap: .6rem; justify-content: space-between; } -.bias-report-list__empty { color: #64748b; font-size: .84rem; margin: 0; padding: .5rem; } +/* An empty tab that only said "none yet" left the user with no idea how one is produced. */ +.bias-report-list__empty { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: .5rem; + color: #64748b; + font-size: .84rem; + padding: .5rem; +} + +.bias-report-list__empty p { margin: 0; } + +.bias-report-list__empty-lead { color: #334155; font-weight: 600; } + +.bias-report-list__empty-body { line-height: 1.45; } + +/* The precondition that is in the way, stated instead of left to be guessed from a dead button. */ +.bias-report-list__empty-blocked { + border-left: 3px solid #f59e0b; + background: #fffbeb; + border-radius: 4px; + padding: .4rem .55rem; + color: #92400e; + line-height: 1.45; +} .bias-report-list__row { align-items: center; diff --git a/src/app/shared/bias-impact-report-list/bias-impact-report-list.html b/src/app/shared/bias-impact-report-list/bias-impact-report-list.html index 988c330..bb9125b 100644 --- a/src/app/shared/bias-impact-report-list/bias-impact-report-list.html +++ b/src/app/shared/bias-impact-report-list/bias-impact-report-list.html @@ -21,7 +21,25 @@ } @else if (!reports().length) { -

No bias impact reports for this execution yet.

+
+

No bias impact reports for this run yet.

+

+ A report compares this run against the same run with its bias or mitigation probes turned + on, and shows which node outputs it changed. Reports appear here once you produce one. +

+ @if (blockedReason(); as reason) { +

{{ reason }}

+ } @else { +

+ {{ annotatedNodeCount() }} + {{ annotatedNodeCount() === 1 ? 'node carries a probe' : 'nodes carry a probe' }} + that can be activated on this run. +

+ + } +
} @else { @for (report of reports(); track report.id) {