diff --git a/lit_nlp/client/modules/lm_salience_module.ts b/lit_nlp/client/modules/lm_salience_module.ts index 20aaa0e3..bc10193e 100644 --- a/lit_nlp/client/modules/lm_salience_module.ts +++ b/lit_nlp/client/modules/lm_salience_module.ts @@ -4,6 +4,7 @@ import '@material/mwc-icon'; import '../elements/color_legend'; +import '../elements/interstitial'; import '../elements/numeric_input'; import '../elements/fused_button_bar'; @@ -852,8 +853,18 @@ export class LMSalienceModule extends SingleExampleSingleModelModule { `; } + renderNoExampleInterstitial() { + // prettier-ignore + return html` + + Enter a prompt in the Editor or select an example from the Data Table to begin. + `; + } + renderContent() { - if (this.currentData == null) return null; + if (this.currentData == null) { + return this.renderNoExampleInterstitial(); + } if (this.salienceTargetOption === undefined) { return this.renderTargetSelectorInterstitial();