srecord noeq G22ShowCasePanel(G22Utils g22utils) is Swingable {
  transient SingleComponentPanel scpShowCase;
  transient ReliableSingleThread rstUpdateShowCase = rst(l0 updateShowCase);
  
  void updateShowCase() {
    if (!isShowing(scpShowCase)) ret;
    var autoStarter = g22utils.autoStarter();
    if (autoStarter.cancelled())
      ret with scpShowCase.set(jcenteredlabel("Auto-start cancelled"));
    if (!autoStarter.waitedAndDone()) ret;
    var script = varShowCasedScript()!;
    
    if (script == null)
      ret with scpShowCase.set(g22utils.jGazelleLogo());
      
    scpShowCase.set(g22utils.visualizeAutoRunnableScript(script));
  }
  
  IVarWithNotify<G22LeftArrowScript> varShowCasedScript() {
    ret g22utils.projectActions().varShowCasedScript();
  }
  
  cachedVisualize {
    g22utils.autoStarter().onDone(rstUpdateShowCase);
    scpShowCase = singleComponentPanel(
      varShowCasedScript()! == null ? null : jcenteredlabel("Waiting for auto-start to finish..."));
    onChange(varShowCasedScript(), rstUpdateShowCase);
    bindToComponent(scpShowCase, rstUpdateShowCase);
      
    // LAYOUT
    
    ret
      northAndCenterWithMargin(
        centerAndEastWithMargin(
          // combo box (script selector)
          
          withSideMargins(withLabel("Script:", bindComboBoxToVar(varShowCasedScript(),
            swing(-> centerComboBoxAndItems(new ConceptsComboBox<>(g22utils.concepts(), G22LeftArrowScript)
              .allowNull(true)
              .itemFilter(script -> classIs(G22LeftArrowScript, script) && script.isClearForAutoRun())
              .sorter(l -> sortedByFieldAlphanumIC description(l))
          ))))),
          jline(
            jimageButton(#1101440, "Re-run script", rstUpdateShowCase),
            g22utils.editButton("Edit script",
              -> g22utils.projectActions().editScript(varShowCasedScript()!))
          )
        ),
        scpShowCase
      );
  }
}