sclass G22ScriptsPanel {
  replace Script with G22LeftArrowScript.
  replace IDE with G22LAScriptIDE.
  
  transient settable G22Utils g22utils;

  *(G22Utils *g22utils) {}
 
  transient SimpleCRUD_v2<Script> scriptCRUD;
  transient SingleComponentPanel scpIDE;
  transient IDE scriptIDE;
  
  cachedVisualize {
    scriptCRUD = new SimpleCRUD_v2<>(g22utils.concepts(), Script);
    scriptCRUD.noSubclasses(true);
    scriptCRUD.entityName = -> "Script";
    g22utils.setupScriptCRUD(scriptCRUD, true);
    
    scpIDE = singleComponentPanel();

    var scriptCRUDVis = scriptCRUD.visualize();

    scriptCRUD.onSelectionChanged(-> {
      scriptIDE = new IDE(g22utils);
      var script = scriptCRUD.selected();
      scriptIDE.setScript(script);
      scpIDE.set(jCenteredRaisedSection(str(script),
        scriptIDE));
    });

    ret jvsplit(
      jCenteredSection("Scripts", scriptCRUDVis),
      scpIDE);
  }
  
  void updateCount {
    scriptCRUD.update();
  }
  
  void edit(Script script) {
    scriptCRUD.setSelected(script);
  }
    
  void setSelected(Script script) {
    scriptCRUD.setSelected(script);
  }
  
  void selectAfterUpdate(Script script) {
    scriptCRUD.selectAfterUpdate(script);
  }
}