asclass G22CRUDAndDetailPanel<A extends Concept> {
  transient settable G22Utils g22utils;

  transient gettable SimpleCRUD_v2<A> crud;
  transient SingleComponentPanel scpDetail;

  abstract SimpleCRUD_v2<A> makeCRUD();
  
  // a is not null
  abstract JComponent makeDetailView(A a);

  cachedVisualize {
    crud = makeCRUD();
    scpDetail = singleComponentPanel();
    var crudVis = crud.visualize();

    crud.onSelectionChanged(-> {
      var selected = crud.selected();
      if (selected == null)
        scpDetail.set(emptyDetailView());
      else {
        var view = makeDetailView(selected);
        // TODO: change section title when concept changes
        scpDetail.set(jCenteredRaisedSection(crud.entityName() + " " + selected.id + ": " + selected, view));
      }
    });

    /*ret jvsplit(
      jCenteredSection(crud.entityNamePlural(), crudVis),
      scpDetail);*/
      
    ret new CollapsibleNorthPanel(true, crud.entityName() + " List", crudVis, scpDetail).visualize();
  }
  
  JComponent emptyDetailView() {
    ret jGazelleLogo();
  }
  
  void addCountToEnclosingTab(bool b) {
    crud.addCountToEnclosingTab(b);
  }
  
  void updateCount {
    crud.update();
  }
  
  void edit(A A) {
    crud.setSelected(A);
  }
    
  void setSelected(A A) {
    crud.setSelected(A);
  }
  
  void selectAfterUpdate(A A) {
    crud.selectAfterUpdate(A);
  }
}