persistable sclass CollapsibleNorthPanel > MetaWithChangeListeners is Swingable {
  settableWithVar volatile bool expanded;
  settable double defaultSplitPoint = 0.5;
  
  settableWithVar volatile transient S sidePanelName;
  
  transient gettable JComponent sideComponent;
  transient gettable JComponent mainComponent;
  transient JSplitPane splitPane;
  transient SingleComponentPanel scp = singleComponentPanel();
  
  *(bool *expanded) {}
  *(bool *expanded, S *sidePanelName, JComponent *sideComponent, JComponent *mainComponent) {
  }
  
  void init(S sidePanelName, JComponent sideComponent, JComponent mainComponent) {
    this.sideComponent = sideComponent;
    this.mainComponent = mainComponent;
    sidePanelName(sidePanelName);
  }
  
  void expand { setExpanded(true); }
  void collapse { setExpanded(false); }
  void toggle { setExpanded(!expanded); }
  
  scaffolded void updateScp() swing {
    if (expanded) {
      splitPane().setTopComponent(wrappedSideComponent());
      splitPane().setBottomComponent(mainComponent);
      scp.set(splitPane());
    } else {
      scp.set(northAndCenterWithMargin(
        collapsedSidePanel(),
        mainComponent));
    }
  }
  
  JComponent expandButton() {
    print("Making expandButton");
    ret jClickableImage_instantToolTip(#1103076, "Expand " + sidePanelName, r expand);
  }
  
  JComponent collapseButton() {
    print("Making collapseButton");
    ret jClickableImage_instantToolTip(#1103104, "Collapse " + sidePanelName, r collapse);
  }
  
  // side component plus heading in expanded view
  swappable JComponent wrappedSideComponent() {
    var c = northAndCenterWithMargin(
      sidePanelHeading(),
      sideComponent
    );
    ret sidePanelMargins(c);
  }
  
  swappable JComponent collapsedSidePanel() {
    ret sidePanelMargins(sidePanelHeading());
  }
  
  JComponent expandOrCollapseButton() {
    ret expanded ? collapseButton() : expandButton();
  }

  JComponent sidePanelHeading() {  
    ret rightAlignedLineWithSpacing(5,
      onLeftClick(r toggle, liveValueLabel(varSidePanelName())),
      expandOrCollapseButton());
  }

  JSplitPane splitPane() {
    if (splitPane == null) {
      splitPane = jvsplit_minZero(defaultSplitPoint(), wrappedSideComponent(), null);
      varExpanded().onChangeAndNow(r updateScp);
    }
    ret splitPane;
  }
  
  swappable JComponent sidePanelMargins(JComponent c) { ret c; }
  
  visualize {
    splitPane();
    ret scp;
  }
}