sclass G22ChallengesPanel {
  replace Challenge with G22Challenge.
  
  transient settable G22Utils g22utils;
 
  transient SimpleCRUD_v2<Challenge> challengeCRUD;
  transient SingleComponentPanel scpChallengePanel;
  transient SimpleCRUD_v2<G22RecognizerScript> recognizerCRUD;
  transient G22ChallengePanel challengePanel;
  
  transient G22ChallengeIDE challengeIDE;
  
  simplyCached JComponent visualize() {
    challengeCRUD = new SimpleCRUD_v2<>(g22utils.concepts(), Challenge);
    g22utils.setupScriptCRUD(challengeCRUD);
    challengeCRUD.addCountToEnclosingTab(true);
    challengeCRUD.entityName = -> "Challenge";
    
    challengeIDE = new G22ChallengeIDE(g22utils);
    challengeIDE.noScriptSelectedMsg("Please select a challenge above to start");
      
    challengeIDE.modifyIDE = ide -> {
      // TODO ide.runScript = 
    };
    
    recognizerCRUD = new SimpleCRUD_v2<>(g22utils.concepts(), G22RecognizerScript);
    recognizerCRUD.entityName = -> "Recognizer";
    g22utils.setupScriptCRUD(recognizerCRUD);
    
    var recognizerCRUDVis = recognizerCRUD.visualize();
    
    recognizerCRUD.onSelectionChanged(->
      recognizerIDE().setScript(recognizerCRUD.selected()));

    scpChallengePanel = singleComponentPanel();

    challengeCRUD.onSelectionChangedAndNow(r_dm_q(l0 makeChallengePanel));

    ret jhsplit(
      withTopRightAndBottomMargin(jCenteredRaisedSection("Challenges", 
        withSideAndBottomMargin(
          jvsplit(
            jvsplit(
              withBottomMargin(challengeCRUD.visualize()),
              challengeIDE.visualize()
            ),
            jCenteredRaisedSection("Recognizers", recognizerCRUDVis)
          )
        ))),
        withSideMargins(scpChallengePanel));
  }
  
  G22LAScriptIDE<G22RecognizerScript> recognizerIDE() {
    ret challengePanel.recognizerIDE;
  }

  void makeChallengePanel {
    var challenge = challengeCRUD.selected();
    challengeIDE.setScript(challenge);
    if (challenge == null) ret;

    var panel = challengePanel = G22ChallengePanel(challenge);
    panel.g22utils(g22utils);
    panel.init();

    scpChallengePanel.set(withTopAndBottomMargin(12, 6, panel.visualize()));
  }
  
  void updateCount {
    challengeCRUD.update();
  }
}