[*] ---> Draft : Create a new headcount in plan

is_deleted

yep

SketchSystems.spec

[*] ---> Draft : Create a new headcount in plan
[*] ---> HRDraft : Fill form in headcount request UI
HRDraft ---> PendingAddToPlan : Send for approval
PendingAddToPlan ---> HRDenied : Request denied by approver
PendingAddToPlan ---> Draft : Add to plan
PendingApproval ---> Approved: Approved by approver\n(merge or create)
Draft ---> PendingApproval : Send for approval
PendingApproval ---> Denied : Denied by approver
Approved ---> Draft : Modified
PendingAddToPlan ---> HRDraft : Modified
@enduml

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