update example

_spec.c4

@@ -6,7 +6,7 @@ specification {
     }
   }
 
-  element system
+  element softwareSys
 
   element externalSystem {
     style {

cloud/legacy.c4

@@ -22,13 +22,15 @@ views {
     include
       *,
       cloud,
+      amazon,
+      cloud.legacy -> amazon.*,
       -> customer ->
 
     style * {
       color secondary
     }  
 
-    style cloud {
+    style cloud, amazon {
       color muted
     }
 

cloud/next.c4

@@ -69,17 +69,16 @@ views {
 
 
   view cloud_next of cloud.next {
-    include *
-    include cloud
-    exclude
-      amazon.* -> cloud,
-      cloud.ui.supportPanel -> amazon,
-      cloud.next.backend -> amazon.*
+    include
+      *,
+      cloud,
+      amazon,
+      cloud.next.* -> amazon.*,      
 
     style * {
       color secondary
     }
-    style cloud {
+    style cloud, amazon {
       color muted
     }
     style cloud.next, cloud.next.* {

externals.c4

@@ -58,7 +58,7 @@ model {
 views {
 
   view amazon of amazon {
-    title "Overview Amazon"
+    title "Amazon"
 
     include
       *,
@@ -77,15 +77,27 @@ views {
   }
 
   view amazon_sqs of sqs {
-    title: 'Overview Amazon SQS'
+    title 'Amazon: SQS'
 
     include
       *,
-      amazon
+      amazon,
+      cloud,
+      cloud.next.* -> sqs.*
+
+    style * {
+      color secondary
+    }
+    style amazon, cloud {
+      color muted
+    }
+    style sqs, sqs.* {
+      color green
+    }        
   }
 
   view amazon_lambdas of lambdas {
-    title: 'Overview Amazon Lambdas'
+    title 'Amazon: Lambdas'
 
     include
       *,
@@ -105,7 +117,7 @@ views {
   }
 
   view amazon_rds of amazon.rds {
-    title 'Overview Amazon RDS'
+    title 'Amazon: RDS'
 
     include
       *,

model.c4

@@ -6,7 +6,7 @@ model {
     '
   }
 
-  cloud = system 'Cloud System' {
+  cloud = softwareSys 'Cloud System' {
     description '
       Our SaaS platfrom that allows
       customers to interact with
@@ -29,7 +29,7 @@ model {
       description 'Cloud Next is the next version of our cloud systems'
     }
 
-    supportUser = actor 'Support User' {
+    supportUser = actor 'Suppot User' {
       description '
         A emploere from the support team
         Has limited access to the system
@@ -55,12 +55,20 @@ views {
   view customer of customer {
     include
       *,
+      cloud,
+      cloud.ui,
       customer -> cloud.ui.*,
-      supportUser
-
-    style supportUser {
-      color indigo
-    }  
+      supportUser,
+
+    style * {
+      color secondary
+    }
+    style cloud, cloud.ui {
+      color muted
+    }
+    style customer {
+      color green
+    }      
   }  
 
 }

views.c4

@@ -1,19 +1,25 @@
 views {
 
   view cloud of cloud {
-    title "The Cloud System"
+    title "Context: Cloud System"
 
-    include *
+    include
+      *,
+      amazon,
+      -> amazon.*,
 
     style * {
       color secondary
     }
-    style cloud {
+    style cloud, amazon {
       color muted
     }
     style cloud.* {
       color green
-    }      
+    }   
+    style supportUser {
+      color secondary
+    }   
   }
 
 }