Comment

SketchSystems.spec

Comment
  Absent
    highlight -> Empty
  Present&
    Composing
      Empty
        type -> Non-Empty
        cancel -> Absent
        unfocus -> Absent
      Non-Empty
        type -> Non-Empty
        clear -> Empty
        cancel -> Absent
        save -> Saved
      Saved
        delete -> Absent

    Focus
      Focused
        unfocus -> Unfocused
      Unfocused
        focus -> Focused

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}`);
}