Long Press Confirm Button &

SketchSystems.spec

Long Press Confirm Button &
  Button
    release -> Idle
    Idle
      press -> Pending
    Pending
      timer done -> Ready
      move out -> Pending out
    Pending out
      move in -> Pending
      timer done -> Ready out
    Ready
      release -> Confirmed
      move out -> Ready out
    Ready out
      move in -> Ready
    # final state
    Confirmed
  
  Timer
    release -> Initial
    Initial
      press -> Running
    Running
      timer done -> Done
    # final state
    Done

SketchSystems_prototype.js

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