views {

  // the application meta-definition travels through all deploying components 
  view application-transition {
    title 'application-transistion'
    autoLayout LeftRight 180 140

    // include *
    exclude developer, localbox, edp, otherProductLifecycleRoles
    exclude element.kind = workflow
    include cloud with {
      title 'EdgeConnect Cloud'
    }
    include cloud.application

    group 'developer-scope' {
      color green
      opacity 20%
      border none
      include developer
      include otherProductLifecycleRoles
    
      group 'Devops inner-loop'  {
        color gray
        opacity 30%
        border none
        
        include localbox, localbox.application
      }
      group 'Devops outer-loop'  {
        color gray
        opacity 30%
        border none
        include edp, edp.application
      }
    }

    // Only in this view: highlight EDP itself
    style edp {
      color magenta
    }

    // Make actors more "icon-like" (no subtitle/description in-node)
    style developer, otherProductLifecycleRoles {
      size xsmall
      textSize small
    }
  }
}