srecord noeq G22VariablesPanel is Swingable {

  settable G22Utils g22utils;

  settable bool compactView;

  settable double updateInterval = 1.0;

  transient SimpleCRUD_v2<G22Variable> crud;

  transient SingleComponentPanel scpDetail;

  transient ReliableSingleThread rstUpdateDetail = rst(l0 _updateDetail);

  SimpleCRUD_v2<G22Variable> crud() {

    if (crud == null) {

      crud = new SimpleCRUD_v2<>(g22utils.concepts(), G22Variable);

      crud.updateInterval(updateInterval);

    }

    ret crud;

  }

  cachedVisualize {

    crud().iconButtons(true);

    crud.entityName = -> "Variable";

    crud.renderValue = l1 strOrNull; // no huge images (e.g. live feed) in variables table - too slow!

    //if (compactView) crud.hideField("persistent");

    crud.itemToMap_inner2 = var -> {

      var map = crud.itemToMap_inner2_base(var);

      if (var.big())

        map.put("Size on disk" := str_toKB(var.bigFile()));

      ret map;

    };

    var vis = jCenteredSection("Project Variables", crud.visualize());

    var cbPauseUpdates = jCheckBox("Pause updates");

    onChange(cbPauseUpdates, -> crud.pauseUpdates(isChecked(cbPauseUpdates)));

    crud.addButton(cbPauseUpdates);

    IVF1<G22Variable> rUpdate = v -> crud.update();

    bindToComponent(vis,

      -> g22utils.onBigVariableLoaded(rUpdate),

      -> g22utils.removeBigVariableLoadedListener(rUpdate));

    if (compactView) ret vis;

    crud.onSingleSelectionChanged(rstUpdateDetail);

    scpDetail = scp();

    ret jvsplit(vis, scpDetail);

  }

  void updateCount { crud().update(); }

  void setSelected(G22Variable var) { crud().setSelected(var); }

  void _updateDetail {  

    var var = crud.selected();

    if (var == null) ret with scpDetail.clear();

    O value = var.value();

    var vis = new G22JavaObjectVisualizer(g22utils, value).visualize();

    bindChangeListenerToComponent(vis, var.varValue(), -> {

      if (!eq(var.value(), value))

        rstUpdateDetail!;

    });

    scpDetail.set(jCenteredSection("Variable " + var.name, vis));

  }

}