@likec4/generators 1.31.0 → 1.32.1

package/src/model/__snapshots__/{likec4-model.snap → likec4.computed-model.snap}

@@ -6,9 +6,86 @@
  * DO NOT EDIT MANUALLY!
  ******************************************************************************/
 
-import { LikeC4Model } from 'likec4/model'
+import { LikeC4Model } from '@likec4/core/model'
+import type { ComputedLikeC4ModelData } from '@likec4/core/types'
+import type { Aux, SpecAux } from '@likec4/core/types';
 
-export const likeC4Model = LikeC4Model.fromDump({
+export type $Specs = SpecAux<
+  // Element kinds
+  | "component"
+  | "mobile"
+  | "person"
+  | "system"
+  | "webapp",
+  // Deployment kinds
+  | "env"
+  | "node"
+  | "zone",
+  // Relationship kinds
+  never,
+  // Tags
+  | "external"
+  | "internal",
+  // Metadata keys
+  | "key1"
+>
+
+export type $Aux = Aux<
+  "computed",
+  // Elements
+  | "aws"
+  | "cloud"
+  | "customer"
+  | "email"
+  | "aws.rds"
+  | "aws.s3"
+  | "cloud.auth"
+  | "cloud.backend"
+  | "cloud.frontend"
+  | "cloud.media"
+  | "cloud.backend.api"
+  | "cloud.backend.graphql"
+  | "cloud.frontend.dashboard"
+  | "cloud.frontend.mobile",
+  // Deployments
+  | "customer"
+  | "prod"
+  | "customer.instance"
+  | "prod.eu"
+  | "prod.us"
+  | "prod.eu.db"
+  | "prod.eu.media"
+  | "prod.eu.zone1"
+  | "prod.eu.zone2"
+  | "prod.us.db"
+  | "prod.eu.zone1.api"
+  | "prod.eu.zone1.ui"
+  | "prod.eu.zone2.api"
+  | "prod.eu.zone2.ui",
+  // Views
+  | "cloud"
+  | "index"
+  | "prod",
+  // Project ID
+  "from-builder",
+  $Specs
+>
+
+export type $ElementId = $Aux['ElementId']
+export type $DeploymentId = $Aux['DeploymentId']
+export type $ViewId = $Aux['ViewId']
+
+export type $ElementKind = $Aux['ElementKind']
+export type $RelationKind = $Aux['RelationKind']
+export type $DeploymentKind = $Aux['DeploymentKind']
+export type $Tag = $Aux['Tag']
+export type $Tags = readonly $Aux['Tag'][]
+export type $MetadataKey = $Aux['MetadataKey']
+
+
+export const likec4model: LikeC4Model<$Aux> = new LikeC4Model(<ComputedLikeC4ModelData<$Aux>>({
+  _stage: 'computed',
+  projectId: 'from-builder',
   specification: {
     elements: {
       person: {
@@ -35,7 +112,18 @@ export const likeC4Model = LikeC4Model.fromDump({
       node: {},
     },
     relationships: {},
-    tags: [],
+    tags: {
+      internal: {
+        color: 'primary',
+      },
+      external: {
+        color: 'primary',
+      },
+    },
+    metadataKeys: [
+      'key1',
+    ],
+    customColors: {},
   },
   elements: {
     customer: {
@@ -44,7 +132,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'customer',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'person',
       style: {},
@@ -56,7 +144,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'cloud',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'rectangle',
       style: {},
@@ -68,7 +156,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'frontend',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'rectangle',
       style: {},
@@ -80,7 +168,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'dashboard',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'browser',
       style: {},
@@ -92,7 +180,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'mobile',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'mobile',
       style: {},
@@ -104,7 +192,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'auth',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'rectangle',
       style: {},
@@ -116,11 +204,16 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'backend',
       description: null,
       technology: null,
-      tags: null,
+      tags: [
+        'external',
+      ],
       color: 'primary',
       shape: 'rectangle',
       style: {},
       links: null,
+      metadata: {
+        key1: 'value1',
+      },
     },
     'cloud.backend.api': {
       id: 'cloud.backend.api',
@@ -128,7 +221,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'api',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'rectangle',
       style: {},
@@ -140,7 +233,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'graphql',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'rectangle',
       style: {},
@@ -152,7 +245,9 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'media',
       description: null,
       technology: null,
-      tags: null,
+      tags: [
+        'internal',
+      ],
       color: 'primary',
       shape: 'storage',
       style: {},
@@ -164,7 +259,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'aws',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'rectangle',
       style: {},
@@ -176,7 +271,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'rds',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'storage',
       style: {},
@@ -188,11 +283,14 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 's3',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'storage',
       style: {},
       links: null,
+      metadata: {
+        key1: 'value2',
+      },
     },
     email: {
       id: 'email',
@@ -200,7 +298,7 @@ export const likeC4Model = LikeC4Model.fromDump({
       title: 'email',
       description: null,
       technology: null,
-      tags: null,
+      tags: [],
       color: 'primary',
       shape: 'rectangle',
       style: {},
@@ -210,93 +308,159 @@ export const likeC4Model = LikeC4Model.fromDump({
   relations: {
     rel1: {
       id: 'rel1',
-      source: 'customer',
-      target: 'cloud',
+      source: {
+        model: 'customer',
+      },
+      target: {
+        model: 'cloud',
+      },
       title: 'uses services',
     },
     rel2: {
       id: 'rel2',
-      source: 'customer',
-      target: 'cloud.frontend.mobile',
+      source: {
+        model: 'customer',
+      },
+      target: {
+        model: 'cloud.frontend.mobile',
+      },
       title: 'opens mobile app',
     },
     rel3: {
       id: 'rel3',
-      source: 'customer',
-      target: 'cloud.frontend.dashboard',
+      source: {
+        model: 'customer',
+      },
+      target: {
+        model: 'cloud.frontend.dashboard',
+      },
       title: 'opens in browser',
     },
     rel4: {
       id: 'rel4',
-      source: 'cloud.frontend.dashboard',
-      target: 'cloud.auth',
+      source: {
+        model: 'cloud.frontend.dashboard',
+      },
+      target: {
+        model: 'cloud.auth',
+      },
       title: 'authenticates',
     },
     rel5: {
       id: 'rel5',
-      source: 'cloud.frontend.dashboard',
-      target: 'cloud.backend.api',
+      source: {
+        model: 'cloud.frontend.dashboard',
+      },
+      target: {
+        model: 'cloud.backend.api',
+      },
       title: 'fetches data',
     },
     rel6: {
       id: 'rel6',
-      source: 'cloud.frontend.dashboard',
-      target: 'cloud.media',
+      source: {
+        model: 'cloud.frontend.dashboard',
+      },
+      target: {
+        model: 'cloud.media',
+      },
       title: 'fetches media',
     },
     rel7: {
       id: 'rel7',
-      source: 'cloud.frontend.mobile',
-      target: 'cloud.auth',
+      source: {
+        model: 'cloud.frontend.mobile',
+      },
+      target: {
+        model: 'cloud.auth',
+      },
       title: 'authenticates',
     },
     rel8: {
       id: 'rel8',
-      source: 'cloud.frontend.mobile',
-      target: 'cloud.backend.api',
+      source: {
+        model: 'cloud.frontend.mobile',
+      },
+      target: {
+        model: 'cloud.backend.api',
+      },
       title: 'fetches data',
     },
     rel9: {
       id: 'rel9',
-      source: 'cloud.frontend.mobile',
-      target: 'cloud.media',
+      source: {
+        model: 'cloud.frontend.mobile',
+      },
+      target: {
+        model: 'cloud.media',
+      },
       title: 'fetches media',
     },
     rel10: {
       id: 'rel10',
-      source: 'cloud.backend.api',
-      target: 'cloud.auth',
+      source: {
+        model: 'cloud.backend.api',
+      },
+      target: {
+        model: 'cloud.auth',
+      },
       title: 'authorizes',
     },
     rel11: {
       id: 'rel11',
-      source: 'cloud.backend.api',
-      target: 'cloud.media',
+      source: {
+        model: 'cloud.backend.api',
+      },
+      target: {
+        model: 'cloud.media',
+      },
       title: 'uploads media',
     },
     rel12: {
       id: 'rel12',
-      source: 'cloud.backend.api',
-      target: 'aws.rds',
+      source: {
+        model: 'cloud.backend.api',
+      },
+      target: {
+        model: 'aws.rds',
+      },
       title: 'reads/writes',
     },
     rel13: {
       id: 'rel13',
-      source: 'cloud.backend.api',
-      target: 'email',
+      source: {
+        model: 'cloud.backend.api',
+      },
+      target: {
+        model: 'email',
+      },
       title: 'sends emails',
     },
     rel14: {
       id: 'rel14',
-      source: 'cloud.media',
-      target: 'aws.s3',
+      source: {
+        model: 'cloud.media',
+      },
+      target: {
+        model: 'aws.s3',
+      },
       title: 'uploads',
     },
     rel15: {
       id: 'rel15',
-      source: 'email',
-      target: 'customer',
+      source: {
+        model: 'email',
+      },
+      target: {
+        model: 'customer',
+      },
       title: 'sends emails',
+      tags: [
+        'external',
+      ],
+      metadata: {
+        key1: 'value3',
+      },
     },
   },
   globals: {
@@ -313,9 +477,10 @@ export const likeC4Model = LikeC4Model.fromDump({
         description: null,
         technology: null,
         tags: null,
-        color: 'primary',
-        shape: 'rectangle',
-        style: {},
+        style: {
+          color: 'primary',
+          shape: 'rectangle',
+        },
       },
       'customer.instance': {
         id: 'customer.instance',
@@ -328,9 +493,10 @@ export const likeC4Model = LikeC4Model.fromDump({
         description: null,
         technology: null,
         tags: null,
-        color: 'primary',
-        shape: 'rectangle',
-        style: {},
+        style: {
+          color: 'primary',
+          shape: 'rectangle',
+        },
       },
       'prod.eu': {
         id: 'prod.eu',
@@ -339,9 +505,10 @@ export const likeC4Model = LikeC4Model.fromDump({
         description: null,
         technology: null,
         tags: null,
-        color: 'primary',
-        shape: 'rectangle',
-        style: {},
+        style: {
+          color: 'primary',
+          shape: 'rectangle',
+        },
       },
       'prod.eu.zone1': {
         id: 'prod.eu.zone1',
@@ -350,9 +517,10 @@ export const likeC4Model = LikeC4Model.fromDump({
         description: null,
         technology: null,
         tags: null,
-        color: 'primary',
-        shape: 'rectangle',
-        style: {},
+        style: {
+          color: 'primary',
+          shape: 'rectangle',
+        },
       },
       'prod.eu.zone1.ui': {
         id: 'prod.eu.zone1.ui',
@@ -369,9 +537,10 @@ export const likeC4Model = LikeC4Model.fromDump({
         description: null,
         technology: null,
         tags: null,
-        color: 'primary',
-        shape: 'rectangle',
-        style: {},
+        style: {
+          color: 'primary',
+          shape: 'rectangle',
+        },
       },
       'prod.eu.zone2.ui': {
         id: 'prod.eu.zone2.ui',
@@ -396,9 +565,10 @@ export const likeC4Model = LikeC4Model.fromDump({
         description: null,
         technology: null,
         tags: null,
-        color: 'primary',
-        shape: 'rectangle',
-        style: {},
+        style: {
+          color: 'primary',
+          shape: 'rectangle',
+        },
       },
       'prod.us.db': {
         id: 'prod.us.db',
@@ -409,26 +579,25 @@ export const likeC4Model = LikeC4Model.fromDump({
       deploy_rel1: {
         id: 'deploy_rel1',
         source: {
-          id: 'prod.eu.db',
+          deployment: 'prod.eu.db',
         },
         target: {
-          id: 'prod.us.db',
+          deployment: 'prod.us.db',
         },
         title: 'replicates',
       },
     },
   },
   imports: {},
-  __: 'computed',
   views: {
     index: {
       id: 'index',
       title: null,
       description: null,
-      tags: null,
+      tags: [],
       links: null,
-      customColorDefinitions: {},
-      __: 'element',
+      _stage: 'computed',
+      _type: 'element',
       autoLayout: {
         direction: 'TB',
       },
@@ -455,6 +624,9 @@ export const likeC4Model = LikeC4Model.fromDump({
           relations: [
             'rel15',
           ],
+          tags: [
+            'external',
+          ],
         },
         {
           id: 'cloud:aws',
@@ -484,13 +656,12 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'system',
           title: 'email',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'cloud:email',
@@ -498,7 +669,8 @@ export const likeC4Model = LikeC4Model.fromDump({
           outEdges: [
             'email:customer',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'email',
           style: {},
         },
         {
@@ -506,13 +678,12 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'person',
           title: 'customer',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'person',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'email:customer',
@@ -520,7 +691,8 @@ export const likeC4Model = LikeC4Model.fromDump({
           outEdges: [
             'customer:cloud',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'customer',
           style: {},
         },
         {
@@ -528,13 +700,12 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'system',
           title: 'cloud',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'customer:cloud',
@@ -543,7 +714,8 @@ export const likeC4Model = LikeC4Model.fromDump({
             'cloud:aws',
             'cloud:email',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'cloud',
           style: {},
         },
         {
@@ -551,19 +723,19 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'system',
           title: 'aws',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'cloud:aws',
           ],
           outEdges: [],
-          modelRef: 1,
+          links: null,
+          modelRef: 'aws',
           style: {},
         },
       ],
@@ -572,11 +744,11 @@ export const likeC4Model = LikeC4Model.fromDump({
       id: 'cloud',
       title: null,
       description: null,
-      tags: null,
+      tags: [],
       links: null,
-      customColorDefinitions: {},
+      _stage: 'computed',
       viewOf: 'cloud',
-      __: 'element',
+      _type: 'element',
       autoLayout: {
         direction: 'TB',
       },
@@ -679,19 +851,19 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'person',
           title: 'customer',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'person',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [],
           outEdges: [
             'customer:cloud.frontend.dashboard',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'customer',
           style: {},
         },
         {
@@ -699,13 +871,12 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'system',
           title: 'cloud',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [
             'cloud.frontend',
             'cloud.backend',
@@ -720,7 +891,8 @@ export const likeC4Model = LikeC4Model.fromDump({
             'cloud.backend:email',
             'cloud.media:aws',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'cloud',
           style: {},
           depth: 2,
         },
@@ -729,13 +901,12 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: 'cloud',
           kind: 'component',
           title: 'frontend',
+          description: null,
+          technology: null,
           level: 1,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [
             'cloud.frontend.dashboard',
           ],
@@ -747,7 +918,8 @@ export const likeC4Model = LikeC4Model.fromDump({
             'cloud.frontend.dashboard:cloud.backend',
             'cloud.frontend.dashboard:cloud.media',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'cloud.frontend',
           style: {},
           depth: 1,
         },
@@ -756,13 +928,12 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: 'cloud.frontend',
           kind: 'webapp',
           title: 'dashboard',
+          description: null,
+          technology: null,
           level: 2,
           color: 'primary',
           shape: 'browser',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'customer:cloud.frontend.dashboard',
@@ -772,7 +943,8 @@ export const likeC4Model = LikeC4Model.fromDump({
             'cloud.frontend.dashboard:cloud.backend',
             'cloud.frontend.dashboard:cloud.media',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'cloud.frontend.dashboard',
           style: {},
         },
         {
@@ -780,13 +952,14 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: 'cloud',
           kind: 'component',
           title: 'backend',
+          description: null,
+          technology: null,
           level: 1,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [
+            'external',
+          ],
           children: [],
           inEdges: [
             'cloud.frontend.dashboard:cloud.backend',
@@ -797,7 +970,11 @@ export const likeC4Model = LikeC4Model.fromDump({
             'cloud.backend:aws',
             'cloud.backend:email',
           ],
-          modelRef: 1,
+          links: null,
+          metadata: {
+            key1: 'value1',
+          },
+          modelRef: 'cloud.backend',
           style: {},
         },
         {
@@ -805,20 +982,20 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: 'cloud',
           kind: 'component',
           title: 'auth',
+          description: null,
+          technology: null,
           level: 1,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'cloud.backend:cloud.auth',
             'cloud.frontend.dashboard:cloud.auth',
           ],
           outEdges: [],
-          modelRef: 1,
+          links: null,
+          modelRef: 'cloud.auth',
           style: {},
         },
         {
@@ -826,13 +1003,14 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: 'cloud',
           kind: 'component',
           title: 'media',
+          description: null,
+          technology: null,
           level: 1,
           color: 'primary',
           shape: 'storage',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [
+            'internal',
+          ],
           children: [],
           inEdges: [
             'cloud.backend:cloud.media',
@@ -841,7 +1019,8 @@ export const likeC4Model = LikeC4Model.fromDump({
           outEdges: [
             'cloud.media:aws',
           ],
-          modelRef: 1,
+          links: null,
+          modelRef: 'cloud.media',
           style: {},
         },
         {
@@ -849,19 +1028,19 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'system',
           title: 'email',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'cloud.backend:email',
           ],
           outEdges: [],
-          modelRef: 1,
+          links: null,
+          modelRef: 'email',
           style: {},
         },
         {
@@ -869,20 +1048,20 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'system',
           title: 'aws',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'cloud.backend:aws',
             'cloud.media:aws',
           ],
           outEdges: [],
-          modelRef: 1,
+          links: null,
+          modelRef: 'aws',
           style: {},
         },
       ],
@@ -891,10 +1070,10 @@ export const likeC4Model = LikeC4Model.fromDump({
       id: 'prod',
       title: 'prod',
       description: null,
-      tags: null,
+      tags: [],
       links: null,
-      customColorDefinitions: {},
-      __: 'deployment',
+      _stage: 'computed',
+      _type: 'deployment',
       autoLayout: {
         direction: 'TB',
       },
@@ -917,34 +1096,35 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: null,
           kind: 'instance',
           title: 'customer',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'person',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [],
           outEdges: [
             'customer.instance:prod.eu.zone1.ui',
           ],
-          deploymentRef: 1,
+          links: null,
+          deploymentRef: 'customer.instance',
           modelRef: 'customer',
-          style: {},
+          style: {
+            size: 'md',
+          },
         },
         {
           id: 'prod',
           parent: null,
           kind: 'env',
           title: 'prod',
+          description: null,
+          technology: null,
           level: 0,
           color: 'primary',
           shape: 'rectangle',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [
             'prod.eu.zone1.ui',
           ],
@@ -952,7 +1132,7 @@ export const likeC4Model = LikeC4Model.fromDump({
             'customer.instance:prod.eu.zone1.ui',
           ],
           outEdges: [],
-          deploymentRef: 1,
+          deploymentRef: 'prod',
           style: {},
           depth: 1,
         },
@@ -961,30 +1141,27 @@ export const likeC4Model = LikeC4Model.fromDump({
           parent: 'prod',
           kind: 'instance',
           title: 'dashboard',
+          description: null,
+          technology: null,
           level: 1,
           color: 'primary',
           shape: 'browser',
-          description: null,
-          technology: null,
-          tags: null,
-          links: null,
+          tags: [],
           children: [],
           inEdges: [
             'customer.instance:prod.eu.zone1.ui',
           ],
           outEdges: [],
-          deploymentRef: 1,
+          links: null,
+          deploymentRef: 'prod.eu.zone1.ui',
           modelRef: 'cloud.frontend.dashboard',
-          style: {},
+          style: {
+            size: 'md',
+          },
         },
       ],
     },
   },
-})
-
-export type LikeC4ModelTypes = typeof likeC4Model.Aux
-export type LikeC4ElementId = LikeC4ModelTypes['Fqn']
-export type LikeC4DeploymentId = LikeC4ModelTypes['Deployment']
-export type LikeC4ViewId = LikeC4ModelTypes['ViewId']
+} as unknown))
 
 /* prettier-ignore-end */