Ready*

SketchSystems.spec

Ready*  
  Unit Ready*
    attack -> Select Attack
    defend -> Player Defend
    move -> Select Move
    use item -> Select Item
    done -> Waiting

  Select Attack
    Select Attack Type*
      select attack -> Select Target
    Select Target
      cancel -> Select Attack Type
      attack -> Player Attack
  Select Item
    cancel -> Unit Ready
    use -> Player Use Item
  Select Move
    select desination -> Player Move
  Player Perform Action
    complete -> Unit Ready
    Player Attack
      invalid -> Select Attack
    Player Defend
      invalid -> Unit Ready
    Player Move
      invalid -> Unit Ready
    Player Use Item
      invalid -> Select Item
      
  
Waiting
  Waiting Ready*
    player turn -> Ready
    attack -> Opponent Attack
    defend -> Opponent Defend
    move -> Opponent Move
    use item -> Opponent Use Item
    
  Opponent Perform Action
    complete -> Waiting Ready

    Opponent Attack
    Opponent Defend
    Opponent Move
    Opponent Use Item

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