Focus

SketchSystems.spec

Focus
  Unfocused
    focus -> Focused
  Focused*
    unfocus -> Unfocused

Tabs
  Tab1 Selected*
    click tab 2 -> Tab1 Selected
    click tab 1 -> Tab1 Selected
  Tab2 Selected
    click tab 2 -> Tab1 Selected
    click tab 1 -> Tab1 Selected
  # Etc for all tabs

Window State
  Maximized
    maximize -> Unmaximized
    minimize -> Minimized 
    
  Unmaximized
    maximize -> Maximized
  Minimized
    minimize -> Minimized 

  Unminimize
    

  
    

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