@likec4/core 1.37.0 → 1.38.0

package/README.md

@@ -1,7 +1,7 @@
 # `@likec4/core`
 
 <a href="https://www.npmjs.com/package/%40likec4%2Fcore" target="_blank">![NPM Version](https://img.shields.io/npm/v/%40likec4%2Fcore)</a>
-<a href="https://www.npmjs.com/package/%40likec4%2Fcore" target="_blank">![NPM Downloads](https://img.shields.io/npm/dw/%40likec4%2Fcore)</a>
+<a href="https://www.npmjs.com/package/%40likec4%2Fcore" target="_blank">![NPM Downloads](https://img.shields.io/npm/dm/%40likec4%2Fcore)</a>
 
 A core package for LikeC4, containing types, api, utilities and guards.
 
@@ -157,8 +157,8 @@ Generic guards are also available in `@likec4/core/model`:
 
 ```ts
 import {
-  isElementModel,
   isDeployedInstanceModel,
+  isElementModel,
   isLikeC4ViewModel,
   // ... other guards
 } from '@likec4/core/model'

package/dist/builder/index.d.mts

@@ -1,5 +1,5 @@
 import { LastArrayElement, Split, Simplify, IsLiteral, Writable, IfNever, IsNever, TupleToUnion, Tagged } from 'type-fest';
-import { g as LikeC4Model } from '../shared/core.rk17MdPp.mjs';
+import { g as LikeC4Model } from '../shared/core.BvlHvikl.mjs';
 import { D as DeploymentFqn, F as Fqn } from '../shared/core.DX-WYEPA.mjs';
 import { r as DeploymentElement, v as DeploymentRelationship, T as Element, _ as ModelRelation, a9 as Participant, M as ModelFqnExpr, d as ModelRelationExpr, aH as AnyViewRuleStyle, aM as AutoLayoutDirection, E as Expression, an as ParsedView, bb as ParsedDeploymentView, br as ParsedElementView, n as ParsedLikeC4ModelData, $ as ElementSpecification$1, a2 as RelationshipSpecification, a0 as TagSpecification } from '../shared/core.CE_hG7EJ.mjs';
 import { N as NonEmptyArray, K as KeysOf } from '../shared/core.DuSLYTG6.mjs';

package/dist/builder/index.mjs

@@ -1,17 +1,17 @@
-import { i, l, d, c as computeLikeC4Model } from '../shared/core.mpx5crlJ.mjs';
+import { i, l, d, c as computeLikeC4Model } from '../shared/core.YyjkRVss.mjs';
 import { m } from '../shared/core.ByrmCl9I.mjs';
 import { a as _type, n as n$1, _ as _stage, c as isDeployedInstance, F as FqnRef } from '../shared/core.DK6I-Nr7.mjs';
 import { t as t$2 } from '../shared/core.BH9nN-_I.mjs';
 import { l as l$1 } from '../shared/core.8KM0D6va.mjs';
 import { u } from '../shared/core.DbRvwARP.mjs';
-import { t as t$1 } from '../shared/core.n8wh5WZA.mjs';
+import { t as t$1 } from '../shared/core.DsznOb9G.mjs';
 import { i as i$1 } from '../shared/core.CpwrZi3D.mjs';
 import { n as nameFromFqn, k as isSameHierarchy, p as parentFqn } from '../shared/core.DQj9iv_y.mjs';
 import { t } from '../shared/core.zLlww-07.mjs';
 import { s as o, M as ModelFqnExpr, f as isElementView } from '../shared/core.BW8K1y6R.mjs';
 import { i as invariant } from '../shared/core.D4npX2q8.mjs';
 import { a as DefaultElementShape, D as DefaultThemeColor } from '../shared/core.H8NbNp2X.mjs';
-import '../shared/core.DX4dbV2w.mjs';
+import '../shared/core.DyzAZvbX.mjs';
 import '../shared/core.C1GV0WWV.mjs';
 import '../shared/core.CnIyafWn.mjs';
 import '../shared/core.B0oEIXqd.mjs';

package/dist/compute-view/index.d.mts

@@ -1,5 +1,5 @@
 import { A as Any } from '../shared/core.O6FG0HF9.mjs';
-import { g as LikeC4Model } from '../shared/core.rk17MdPp.mjs';
+import { g as LikeC4Model } from '../shared/core.BvlHvikl.mjs';
 import { n as ParsedLikeC4ModelData, C as ComputedLikeC4ModelData, an as ParsedView, aq as ComputedView } from '../shared/core.CE_hG7EJ.mjs';
 import 'type-fest';
 import '../shared/core.DuSLYTG6.mjs';

package/dist/compute-view/index.mjs

@@ -1,7 +1,7 @@
-import { G as Graph, w as willCreateCycle, t as topologicalSortExports, i as i$2, l } from '../shared/core.mpx5crlJ.mjs';
-export { c as computeLikeC4Model, a as computeParsedModelData, b as computeView, u as unsafeComputeView } from '../shared/core.mpx5crlJ.mjs';
-import { i as i$1 } from '../shared/core.DX4dbV2w.mjs';
-import { r } from '../shared/core.n8wh5WZA.mjs';
+import { G as Graph, w as willCreateCycle, t as topologicalSortExports, i as i$2, l } from '../shared/core.YyjkRVss.mjs';
+export { c as computeLikeC4Model, a as computeParsedModelData, b as computeView, u as unsafeComputeView } from '../shared/core.YyjkRVss.mjs';
+import { i as i$1 } from '../shared/core.DyzAZvbX.mjs';
+import { r } from '../shared/core.DsznOb9G.mjs';
 import { h as isExtendsElementView, f as isElementView } from '../shared/core.BW8K1y6R.mjs';
 import { o as isNonEmptyArray } from '../shared/core.DQj9iv_y.mjs';
 import { i } from '../shared/core.CpwrZi3D.mjs';

package/dist/compute-view/relationships-view/index.d.mts

@@ -1,5 +1,5 @@
 import { A as Any, U as Unknown, g as ElementId, V as ViewId } from '../../shared/core.O6FG0HF9.mjs';
-import { E as ElementModel, R as RelationshipModel, g as LikeC4Model } from '../../shared/core.rk17MdPp.mjs';
+import { E as ElementModel, R as RelationshipModel, g as LikeC4Model } from '../../shared/core.BvlHvikl.mjs';
 import 'type-fest';
 import '../../shared/core.DuSLYTG6.mjs';
 import '../../shared/core.DX-WYEPA.mjs';

package/dist/model/connection/deployment/index.d.mts

@@ -1,6 +1,6 @@
-export { C as Connection } from '../../../shared/core.DYufusLE.mjs';
-export { D as DeploymentConnectionModel, a as findConnection, b as findConnectionsBetween, c as findConnectionsWithin } from '../../../shared/core.BTw4y86Y.mjs';
-import '../../../shared/core.rk17MdPp.mjs';
+export { C as Connection } from '../../../shared/core.Bf5zKDK1.mjs';
+export { D as DeploymentConnectionModel, a as findConnection, b as findConnectionsBetween, c as findConnectionsWithin } from '../../../shared/core.DhDo8LAz.mjs';
+import '../../../shared/core.BvlHvikl.mjs';
 import '../../../shared/core.O6FG0HF9.mjs';
 import 'type-fest';
 import '../../../shared/core.DuSLYTG6.mjs';

package/dist/model/connection/deployment/index.mjs

@@ -1,5 +1,5 @@
 export { C as Connection } from '../../../shared/core.C1GV0WWV.mjs';
-export { D as DeploymentConnectionModel, f as findConnection, a as findConnectionsBetween, b as findConnectionsWithin } from '../../../shared/core.DX4dbV2w.mjs';
+export { D as DeploymentConnectionModel, f as findConnection, a as findConnectionsBetween, b as findConnectionsWithin } from '../../../shared/core.DyzAZvbX.mjs';
 import '../../../shared/core.DQj9iv_y.mjs';
 import '../../../shared/core.zLlww-07.mjs';
 import '../../../shared/core.CpwrZi3D.mjs';

package/dist/model/connection/index.d.mts

@@ -1,8 +1,8 @@
-import { C as Connection } from '../../shared/core.DYufusLE.mjs';
-export { D as DeploymentConnectionModel, f as deployment } from '../../shared/core.BTw4y86Y.mjs';
-export { C as ConnectionModel, f as model } from '../../shared/core.CLQVFRsf.mjs';
+import { C as Connection } from '../../shared/core.Bf5zKDK1.mjs';
+export { D as DeploymentConnectionModel, f as deployment } from '../../shared/core.DhDo8LAz.mjs';
+export { C as ConnectionModel, f as model } from '../../shared/core.Dtw1SBlz.mjs';
 import { I as IterableContainer, R as ReorderedArray } from '../../shared/core.wwaSalox.mjs';
-import '../../shared/core.rk17MdPp.mjs';
+import '../../shared/core.BvlHvikl.mjs';
 import '../../shared/core.O6FG0HF9.mjs';
 import 'type-fest';
 import '../../shared/core.DuSLYTG6.mjs';

package/dist/model/connection/index.mjs

@@ -1,5 +1,5 @@
 export { C as Connection } from '../../shared/core.C1GV0WWV.mjs';
-export { D as DeploymentConnectionModel, d as deployment } from '../../shared/core.DX4dbV2w.mjs';
+export { D as DeploymentConnectionModel, d as deployment } from '../../shared/core.DyzAZvbX.mjs';
 export { C as ConnectionModel, d as differenceConnections, f as findAscendingConnections, a as findDeepestNestedConnection, b as findDescendantConnections, h as hasSameSource, c as hasSameSourceTarget, e as hasSameTarget, i as isAnyInOut, g as isIncoming, j as isNestedConnection, k as isOutgoing, m as mergeConnections, n as model, s as sortConnectionsByBoundaryHierarchy, l as sortDeepestFirst } from '../../shared/core.Y3j3s-oq.mjs';
 import '../../shared/core.DQj9iv_y.mjs';
 import '../../shared/core.zLlww-07.mjs';

package/dist/model/connection/model/index.d.mts

@@ -1,6 +1,6 @@
-export { C as Connection } from '../../../shared/core.DYufusLE.mjs';
-export { C as ConnectionModel, a as findConnection, b as findConnectionsBetween, c as findConnectionsWithin } from '../../../shared/core.CLQVFRsf.mjs';
-import '../../../shared/core.rk17MdPp.mjs';
+export { C as Connection } from '../../../shared/core.Bf5zKDK1.mjs';
+export { C as ConnectionModel, a as findConnection, b as findConnectionsBetween, c as findConnectionsWithin } from '../../../shared/core.Dtw1SBlz.mjs';
+import '../../../shared/core.BvlHvikl.mjs';
 import '../../../shared/core.O6FG0HF9.mjs';
 import 'type-fest';
 import '../../../shared/core.DuSLYTG6.mjs';

package/dist/model/index.d.mts

@@ -1,10 +1,10 @@
-import { D as DeploymentNodeModel, a as DeployedInstanceModel, b as DeploymentRelationModel, A as AnyRelationshipModel, N as NestedElementOfDeployedInstanceModel, E as ElementModel, R as RelationshipModel, L as LikeC4ViewModel, c as NodeModel, d as EdgeModel, e as DeploymentElementModel } from '../shared/core.rk17MdPp.mjs';
-export { f as AnyLikeC4Model, l as DeploymentOrFqn, h as DeploymentRelationEndpoint, m as EdgeOrId, n as ElementOrFqn, I as IncomingFilter, j as LikeC4DeploymentModel, g as LikeC4Model, k as LikeC4ViewsFolder, o as NodeOrId, O as OutgoingFilter, i as RelationshipsAccum, W as WithMetadata, p as WithTags } from '../shared/core.rk17MdPp.mjs';
+import { D as DeploymentNodeModel, a as DeployedInstanceModel, b as DeploymentRelationModel, A as AnyRelationshipModel, N as NestedElementOfDeployedInstanceModel, E as ElementModel, R as RelationshipModel, L as LikeC4ViewModel, c as NodeModel, d as EdgeModel, e as DeploymentElementModel } from '../shared/core.BvlHvikl.mjs';
+export { f as AnyLikeC4Model, l as DeploymentOrFqn, h as DeploymentRelationEndpoint, m as EdgeOrId, n as ElementOrFqn, I as IncomingFilter, j as LikeC4DeploymentModel, g as LikeC4Model, k as LikeC4ViewsFolder, o as NodeOrId, O as OutgoingFilter, i as RelationshipsAccum, W as WithMetadata, p as WithTags } from '../shared/core.BvlHvikl.mjs';
 import { A as Any } from '../shared/core.O6FG0HF9.mjs';
 export { a as Aux, S as SpecAux, _ as aux } from '../shared/core.O6FG0HF9.mjs';
-export { C as Connection } from '../shared/core.DYufusLE.mjs';
-export { C as ConnectionModel, f as modelConnection } from '../shared/core.CLQVFRsf.mjs';
-export { D as DeploymentConnectionModel, f as deploymentConnection } from '../shared/core.BTw4y86Y.mjs';
+export { C as Connection } from '../shared/core.Bf5zKDK1.mjs';
+export { C as ConnectionModel, f as modelConnection } from '../shared/core.Dtw1SBlz.mjs';
+export { D as DeploymentConnectionModel, f as deploymentConnection } from '../shared/core.DhDo8LAz.mjs';
 export { differenceConnections, findAscendingConnections, findDeepestNestedConnection, findDescendantConnections, hasSameSource, hasSameSourceTarget, hasSameTarget, isAnyInOut, isIncoming, isNestedConnection, isOutgoing, mergeConnections, sortConnectionsByBoundaryHierarchy, sortDeepestFirst } from './connection/index.mjs';
 export { H as AuxFromDump, A as AuxFromLikeC4ModelData, R as RichText, a as RichTextEmpty, b as RichTextOrEmpty } from '../shared/core.CE_hG7EJ.mjs';
 import '../shared/core.DX-WYEPA.mjs';

package/dist/model/index.mjs

@@ -1,5 +1,5 @@
-export { b as EdgeModel, E as ElementModel, a as LikeC4DeploymentModel, L as LikeC4Model, c as LikeC4ViewModel, d as LikeC4ViewsFolder, N as NodeModel, R as RelationshipModel, V as VIEW_FOLDERS_SEPARATOR, e as extractViewTitleFromPath, g as getViewFolderPath, f as isDeployedInstanceModel, h as isDeploymentElementModel, i as isDeploymentNodeModel, k as isDeploymentRelationModel, q as isEdgeModel, m as isElementModel, o as isLikeC4ViewModel, l as isModelRelation, j as isNestedElementOfDeployedInstanceModel, p as isNodeModel, l as isRelationModel, l as isRelationshipModel, n as normalizeViewPath } from '../shared/core.n8wh5WZA.mjs';
-export { c as DeployedInstanceModel, D as DeploymentConnectionModel, e as DeploymentNodeModel, g as DeploymentRelationModel, R as RelationshipsAccum, d as deploymentConnection } from '../shared/core.DX4dbV2w.mjs';
+export { b as EdgeModel, E as ElementModel, a as LikeC4DeploymentModel, L as LikeC4Model, c as LikeC4ViewModel, d as LikeC4ViewsFolder, N as NodeModel, R as RelationshipModel, V as VIEW_FOLDERS_SEPARATOR, e as extractViewTitleFromPath, g as getViewFolderPath, f as isDeployedInstanceModel, h as isDeploymentElementModel, i as isDeploymentNodeModel, k as isDeploymentRelationModel, q as isEdgeModel, m as isElementModel, o as isLikeC4ViewModel, l as isModelRelation, j as isNestedElementOfDeployedInstanceModel, p as isNodeModel, l as isRelationModel, l as isRelationshipModel, n as normalizeViewPath } from '../shared/core.DsznOb9G.mjs';
+export { c as DeployedInstanceModel, D as DeploymentConnectionModel, e as DeploymentNodeModel, g as DeploymentRelationModel, R as RelationshipsAccum, d as deploymentConnection } from '../shared/core.DyzAZvbX.mjs';
 export { C as Connection } from '../shared/core.C1GV0WWV.mjs';
 export { C as ConnectionModel, d as differenceConnections, f as findAscendingConnections, a as findDeepestNestedConnection, b as findDescendantConnections, h as hasSameSource, c as hasSameSourceTarget, e as hasSameTarget, i as isAnyInOut, g as isIncoming, j as isNestedConnection, k as isOutgoing, m as mergeConnections, n as modelConnection, s as sortConnectionsByBoundaryHierarchy, l as sortDeepestFirst } from '../shared/core.Y3j3s-oq.mjs';
 export { R as RichText } from '../shared/core.H8NbNp2X.mjs';

package/dist/shared/{core.DYufusLE.d.mts → core.Bf5zKDK1.d.mts}

@@ -1,4 +1,4 @@
-import { E as ElementModel, e as DeploymentElementModel } from './core.rk17MdPp.mjs';
+import { E as ElementModel, e as DeploymentElementModel } from './core.BvlHvikl.mjs';
 import { A as Any } from './core.O6FG0HF9.mjs';
 import { F as Fqn } from './core.DX-WYEPA.mjs';
 

package/dist/shared/{core.rk17MdPp.d.mts → core.BvlHvikl.d.mts}

@@ -368,7 +368,7 @@ declare class LikeC4ViewModel<A extends Any = Any, V extends $View<A> = $View<A>
     get _type(): V[_type];
     get id(): StrictViewId<A>;
     /**
-     * Returns title if defined, otherwise returns its {@link id}
+     * Returns title if defined, otherwise returns title of the element it is based on, otherwise returns its {@link id}
      */
     get titleOrId(): string;
     /**
@@ -610,6 +610,7 @@ declare abstract class AbstractDeploymentElementModel<A extends Any> implements
     abstract readonly $node: DeploymentElement<A>;
     abstract readonly tags: Tags<A>;
     get style(): SetRequired<DeploymentElementStyle, 'shape' | 'color' | 'size'>;
+    get name(): string;
     get shape(): ElementShape;
     get color(): Color;
     get description(): RichTextOrEmpty;

package/dist/shared/{core.BTw4y86Y.d.mts → core.DhDo8LAz.d.mts}

@@ -1,5 +1,5 @@
-import { C as Connection, c as customInspectSymbol } from './core.DYufusLE.mjs';
-import { e as DeploymentElementModel, i as RelationshipsAccum, D as DeploymentNodeModel, R as RelationshipModel, b as DeploymentRelationModel } from './core.rk17MdPp.mjs';
+import { C as Connection, c as customInspectSymbol } from './core.Bf5zKDK1.mjs';
+import { e as DeploymentElementModel, i as RelationshipsAccum, D as DeploymentNodeModel, R as RelationshipModel, b as DeploymentRelationModel } from './core.BvlHvikl.mjs';
 import { A as Any, C as EdgeId } from './core.O6FG0HF9.mjs';
 import { I as IteratorLike } from './core.DuSLYTG6.mjs';
 

package/dist/shared/{core.n8wh5WZA.mjs → core.DsznOb9G.mjs}

@@ -4,7 +4,7 @@ import { m as m$2 } from './core.ByrmCl9I.mjs';
 import { i as i$2 } from './core.CpwrZi3D.mjs';
 import { g as hierarchyLevel, n as nameFromFqn, i as isAncestor, d as commonAncestor, l as sortNaturalByFqn, m as sortParentsFirst, p as parentFqn, b as ancestorsFqn, C, a as compareNaturalHierarchically, c as compareNatural } from './core.DQj9iv_y.mjs';
 import { g as getOrCreate } from './core.DcS-0zys.mjs';
-import { i as i$1, n as n$3, e as DeploymentNodeModel, c as DeployedInstanceModel, N as NestedElementOfDeployedInstanceModel, g as DeploymentRelationModel } from './core.DX4dbV2w.mjs';
+import { i as i$1, n as n$3, e as DeploymentNodeModel, c as DeployedInstanceModel, N as NestedElementOfDeployedInstanceModel, g as DeploymentRelationModel } from './core.DyzAZvbX.mjs';
 import { D as DefaultMap } from './core.yaRvRnMW.mjs';
 import { i as invariant, a as nonNullable } from './core.D4npX2q8.mjs';
 import { F as FqnRef, b as isDeploymentNode, a as _type, _ as _stage, i as isOnStage, w as whereOperatorAsPredicate } from './core.DK6I-Nr7.mjs';
@@ -984,10 +984,10 @@ class LikeC4ViewModel {
     return this.$view.id;
   }
   /**
-   * Returns title if defined, otherwise returns its {@link id}
+   * Returns title if defined, otherwise returns title of the element it is based on, otherwise returns its {@link id}
    */
   get titleOrId() {
-    return this.title ?? this.id;
+    return this.title ?? this.viewOf?.title ?? this.id;
   }
   /**
    * Returns title if defined, otherwise returns `Untitled`.

package/dist/shared/{core.CLQVFRsf.d.mts → core.Dtw1SBlz.d.mts}

@@ -1,5 +1,5 @@
-import { C as Connection, c as customInspectSymbol } from './core.DYufusLE.mjs';
-import { E as ElementModel, R as RelationshipModel } from './core.rk17MdPp.mjs';
+import { C as Connection, c as customInspectSymbol } from './core.Bf5zKDK1.mjs';
+import { E as ElementModel, R as RelationshipModel } from './core.BvlHvikl.mjs';
 import { A as Any, U as Unknown, C as EdgeId } from './core.O6FG0HF9.mjs';
 
 /**

package/dist/shared/{core.DX4dbV2w.mjs → core.DyzAZvbX.mjs}

@@ -1,6 +1,6 @@
 import { c as customInspectSymbol } from './core.C1GV0WWV.mjs';
 import { a as intersection, d as difference, u as union, b as stringHash, e as equals } from './core.CpwrZi3D.mjs';
-import { C, t as s, g as hierarchyLevel, d as commonAncestor, k as isSameHierarchy } from './core.DQj9iv_y.mjs';
+import { C, t as s, g as hierarchyLevel, d as commonAncestor, n as nameFromFqn, k as isSameHierarchy } from './core.DQj9iv_y.mjs';
 import { u } from './core.DbRvwARP.mjs';
 import { n as n$1 } from './core.CnIyafWn.mjs';
 import { a as nonNullable, i as invariant } from './core.D4npX2q8.mjs';
@@ -24,6 +24,9 @@ class AbstractDeploymentElementModel {
       ...this.$node.style
     };
   }
+  get name() {
+    return nameFromFqn(this.id);
+  }
   get shape() {
     return this.$node.style?.shape ?? DefaultElementShape;
   }

package/dist/shared/{core.mpx5crlJ.mjs → core.YyjkRVss.mjs}

@@ -1,7 +1,7 @@
-import { s as a$2, t as t$3, u as a$3, r as r$3, m as isElementModel, j as isNestedElementOfDeployedInstanceModel, f as isDeployedInstanceModel, i as isDeploymentNodeModel, h as isDeploymentElementModel, L as LikeC4Model } from './core.n8wh5WZA.mjs';
+import { s as a$2, t as t$3, u as a$3, r as r$3, m as isElementModel, j as isNestedElementOfDeployedInstanceModel, f as isDeployedInstanceModel, i as isDeploymentNodeModel, h as isDeploymentElementModel, L as LikeC4Model } from './core.DsznOb9G.mjs';
 import { u as u$5 } from './core.DbRvwARP.mjs';
 import { m as m$2 } from './core.ByrmCl9I.mjs';
-import { i as i$a, t as t$4, n as n$2, d as deploymentConnection, R as RelationshipsAccum, D as DeploymentConnectionModel } from './core.DX4dbV2w.mjs';
+import { i as i$a, t as t$4, n as n$2, d as deploymentConnection, R as RelationshipsAccum, D as DeploymentConnectionModel } from './core.DyzAZvbX.mjs';
 import { p as p$1, f as findAscendingConnections, m as mergeConnections, d as differenceConnections, j as isNestedConnection, s as sortConnectionsByBoundaryHierarchy, o as findConnectionsBetween$3, n as modelConnection, b as findDescendantConnections, a as findDeepestNestedConnection, i as isAnyInOut, k as isOutgoing, g as isIncoming, C as ConnectionModel } from './core.Y3j3s-oq.mjs';
 import { u as a$1, C, t as s, r as getDefaultExportFromCjs, j as isDescendantOf, m as sortParentsFirst, i as isAncestor, p as parentFqn, e as compareByFqnHierarchically, o as isNonEmptyArray, n as nameFromFqn, s as sortByFqnHierarchically, d as commonAncestor, b as ancestorsFqn, k as isSameHierarchy } from './core.DQj9iv_y.mjs';
 import { c as commonHead, r as requireForeach, a as requireIterator, u as u$6, o as objectHash, d as d$5, S as Stack } from './core.HUONfQfd.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/core",
-  "version": "1.37.0",
+  "version": "1.38.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -99,7 +99,7 @@
     "type-fest": "^4.41.0",
     "unified": "11.0.5",
     "chroma-js": "^3.1.2",
-    "@mantine/colors-generator": "8.2.2"
+    "@mantine/colors-generator": "8.2.4"
   },
   "devDependencies": {
     "@types/chroma-js": "^3.1.1",
@@ -125,7 +125,7 @@
     "typescript": "5.9.2",
     "unbuild": "3.5.0",
     "vitest": "3.2.4",
-    "@likec4/tsconfig": "1.37.0"
+    "@likec4/tsconfig": "1.38.0"
   },
   "scripts": {
     "typecheck": "tsc -b --verbose",

package/src/model/DeploymentElementModel.ts

@@ -21,7 +21,7 @@ import {
   RichText,
 } from '../types'
 import * as aux from '../types/_aux'
-import { commonAncestor, hierarchyLevel, memoizeProp, nonNullable } from '../utils'
+import { commonAncestor, hierarchyLevel, memoizeProp, nameFromFqn, nonNullable } from '../utils'
 import { difference, intersection, union } from '../utils/set'
 import type { LikeC4DeploymentModel } from './DeploymentModel'
 import type { ElementModel } from './ElementModel'
@@ -55,6 +55,10 @@ abstract class AbstractDeploymentElementModel<A extends Any> implements WithTags
     }
   }
 
+  get name(): string {
+    return nameFromFqn(this.id)
+  }
+
   get shape(): C4ElementShape {
     return this.$node.style?.shape ?? DefaultElementShape
   }

package/src/model/view/LikeC4ViewModel.ts

@@ -113,10 +113,10 @@ export class LikeC4ViewModel<A extends Any = Any, V extends $View<A> = $View<A>>
   }
 
   /**
-   * Returns title if defined, otherwise returns its {@link id}
+   * Returns title if defined, otherwise returns title of the element it is based on, otherwise returns its {@link id}
    */
   get titleOrId(): string {
-    return this.title ?? this.id
+    return this.title ?? this.viewOf?.title ?? this.id
   }
 
   /**