IMS

SketchSystems.spec

IMS
  Left Panel
    Switch Panel
      tabs*
        next -> tab item
        up -> reports
        down-> reports

      reports
        next -> report item
        up -> tabs
        down -> tabs      

    Listing Panel    
      tab item
        next -> Table Screen
        previous -> reports
        up -> tab item
        down -> tab item
        
      report item
        next -> Report Detail
        previous -> tabs
        up -> report item      
        down -> report item
     
  Table Screen
    table empty?*
      yes -> add
      no  -> table
    
    add
      next -> Forms
      previous -> tab item
      up -> row
      down -> row
    
    table
      row
        previous -> tab item
        next -> Forms
        delete -> confirm delete?
        up -> first row?
        down -> last row?
      first row?
        yes -> add
        no -> row
      last row?
        yes -> add
        no -> row
      confirm delete?
        yes -> table
        no -> row
    
  Forms
    form*
      dependency?
        yes -> dropdown
        no -> valid field?
      
      valid field?
        yes -> field
        no -> valid field?
    
      field
        next -> dependency?
        previous -> warning_alert
        ctrl_t -> preview_table
    
    submit_btn
      next -> confirmation_alert
      previous -> field
      ctrl_p -> Print View
    
    confirmation_alert
      yes -> form
      no -> field
    
    warning_alert
      yes -> tab item
      no -> field
    
    dropdown
      select option
        up -> select option
        down -> select option
        next -> field
        ctrl_down -> add_more_btn
        ctrl_up -> add_more_btn
    
      add_more_btn
        return -> form
        up -> select option
        down -> select option
    
    preview_table
      preview_row
        up -> preview_row
        down -> preview_row
        next -> form
        previous -> field
    
    
  Report Detail
    duration_field
      return__valid_duration -> Report View
      previous -> report item
     
  Report View
    report_row
      up -> report_row
      down  -> report_row
      ctrl_f -> filter
      ctrl_p -> Print View
    
    filter
      
  Print View

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("li",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}