Hierarchical Selection*

SketchSystems.spec

Hierarchical Selection*
  Selection One*
    1A -> Selection Two
    1B -> Selection Two
    1C -> Selection Two
    Selection Two*
      2A -> Selection Three
      2B -> Selection Three
      2C -> Selection Three
      2D -> Selection Three
      2E -> Selection Three
      Selection Three*
        3A -> Final Selection
        3B -> Final Selection
        3C -> Final Selection
        3D -> Final Selection
        Final Selection*
          FA
          FB
          FC
          FD

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}