Timer*

SketchSystems.spec

Timer*
  Idle*
    start->Running

  Running
    reset->Idle
    tick-> SpecifiedTimeElapsed?
      
  # Transient state define system’s logic without dropping into code
  SpecifiedTimeElapsed?
    noTimeLeft->Idle
    timeLeft->Running

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