Workflow

SketchSystems.spec

Workflow
  reset -> Resetting
  delete -> Deleting

  Main*
    Unknown*
      transmit downstream cluster -> Transmitting
    Transmitting
      transmitted -> Agent

  Agent
    Agent Unknown
      storage provisioning -> Provisioning
    Provisioning
      storage provisioned -> Provisioned
    Provisioned
      submit argo workflow -> Submitted
    Submitted
      argo workflow completed -> WorkflowDone
    WorkflowDone
      deprovisioning -> Deprovisioning
    Deprovisioning
      done -> Deprovisioned
    Deprovisioned
      done with error -> Failed
      done with failed -> Failed
      done successfully -> Succeeded
    Failed
    Succeeded
    
  Resetting
    restored wf to pristine state -> Unknown
  
  Deleting
    delete downstream cluster -> Deleted
  Deleted

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