@likec4/core 1.45.0 → 1.46.2

package/dist/shared/{core.CWwSgOzF.mjs → core.xgoPk2RG.mjs}

@@ -1,37 +1,37 @@
-import { n as n$d, b as t$i, d as t$k, e as t$l, f as t$n, g as buildElementNotations, t as t$q } from './core.vzLtp8i3.mjs';
+import { n as n$d, b as t$i, d as t$j, e as t$l, f as t$m, g as buildElementNotations, t as t$q } from './core.DSalPD6v.mjs';
 import { t as t$a, a as t$b } from './core.BsSXS-_R.mjs';
 import { t as t$e } from './core.CbT8JVYL.mjs';
-import { a as t$c, t as t$j, i as isElementModel, b as isNestedElementOfDeployedInstanceModel, c as isDeployedInstanceModel, d as isDeploymentNodeModel, e as isDeploymentElementModel, L as LikeC4Model } from './core.CRI1AjFj.mjs';
-import { c as commonHead, t as t$f, o as objectHash, b as t$m, a as compareRelations, S as Stack } from './core.DViDmiAu.mjs';
+import { a as t$c, t as t$k, i as isElementModel, b as isNestedElementOfDeployedInstanceModel, c as isDeployedInstanceModel, d as isDeploymentNodeModel, e as isDeploymentElementModel, L as LikeC4Model } from './core.DVfPJPJj.mjs';
+import { c as commonHead, t as t$f, o as objectHash, b as t$n, a as compareRelations, S as Stack } from './core.xeuDd__E.mjs';
 import { a as nonNullable, i as invariant, n as nonexhaustive } from './core.D4npX2q8.mjs';
-import { G as Graph } from './core.DrUt0Lbi.mjs';
-import { r as requireIterables, e as exact, t as t$o } from './core.M9ayqQZa.mjs';
-import { r as requireIterator } from './core.BdPcbSkN.mjs';
+import { G as Graph } from './core.CmGY9blO.mjs';
+import { r as requireIterables, e as exact, t as t$o } from './core.DEK-BO3_.mjs';
+import { b as requireIterator } from './core.CBLX4mT8.mjs';
 import { g as getDefaultExportFromCjs } from './core.B85MJLTf.mjs';
 import { n as n$c, t as t$d } from './core.3ZhnKAlZ.mjs';
 import { e as e$4 } from './core.BKlholso.mjs';
-import { f as flattenMarkdownOrString, i as isGroupElementKind, G as GroupElementKind, d as stepEdgeId } from './core.C_Ni6yHl.mjs';
-import { b as isDescendantOf, f as sortParentsFirst, i as isAncestor, p as parentFqn, j as compareByFqnHierarchically, c as isNonEmptyArray, n as nameFromFqn, o as sortByFqnHierarchically, g as commonAncestor, a as ancestorsFqn, d as isSameHierarchy } from './core.CdNCAwq7.mjs';
+import { f as flattenMarkdownOrString, i as isGroupElementKind, G as GroupElementKind, e as stepEdgeId } from './core.D0WZutNd.mjs';
+import { b as isDescendantOf, f as sortParentsFirst, i as isAncestor, p as parentFqn, j as compareByFqnHierarchically, c as isNonEmptyArray, o as sortByFqnHierarchically, g as commonAncestor, a as ancestorsFqn, d as isSameHierarchy } from './core.CdNCAwq7.mjs';
 import { d as difference, i as intersection, u as union, h as hasIntersection } from './core.DbfO90vF.mjs';
-import { e as e$8 } from './core.Coi_LOUZ.mjs';
-import { n as n$e } from './core.BhNcrwzK.mjs';
-import { w as whereOperatorAsPredicate, m as isViewRuleStyle, v as t$g, l as isViewRulePredicate, a as _type, _ as _stage, u as e$b, t as isDynamicView, s as isDeploymentView, p as isElementView } from './core.DH7TXqXf.mjs';
+import { e as e$9 } from './core.Coi_LOUZ.mjs';
+import { w as whereOperatorAsPredicate, m as isViewRuleStyle, v as t$g, u as e$8, l as isViewRulePredicate, a as _type, _ as _stage, t as isDynamicView, s as isDeploymentView, p as isElementView } from './core.DH7TXqXf.mjs';
+import { e as e$5, d as deploymentConnection, R as RelationshipsAccum, D as DeploymentConnectionModel } from './core.CRhT4Iio.mjs';
 import { e as e$6, a as iunique, i as iflat } from './core.C4x8aaWa.mjs';
-import { e as e$5, d as deploymentConnection, R as RelationshipsAccum, D as DeploymentConnectionModel } from './core.D_f4F48-.mjs';
 import { e as e$7 } from './core.BoYfZOBm.mjs';
 import { ModelFqnExpr, ModelRelationExpr, ModelExpression } from '../types/expression-model.mjs';
 import { FqnRef } from '../types/fqnRef.mjs';
 import { preferSummary } from '../types/_aux.mjs';
-import { a as t$h } from './core.DEieYfbG.mjs';
+import { a as t$h } from './core.BspBF3SJ.mjs';
+import { n as n$e } from './core.BhNcrwzK.mjs';
 import { FqnExpr, RelationExpr } from '../types/expression.mjs';
-import { f as findAscendingConnections, m as mergeConnections, d as differenceConnections, j as isNestedConnection, s as sortConnectionsByBoundaryHierarchy, o as findConnectionsBetween$3, p as findConnection$3, n as modelConnection, b as findDescendantConnections, a as findDeepestNestedConnection, i as isAnyInOut, k as isOutgoing, g as isIncoming, C as ConnectionModel } from './core.CQPEY2wQ.mjs';
+import { f as findAscendingConnections, m as mergeConnections, d as differenceConnections, j as isNestedConnection, s as sortConnectionsByBoundaryHierarchy, o as findConnectionsBetween$3, p as findConnection$3, n as modelConnection, b as findDescendantConnections, a as findDeepestNestedConnection, i as isAnyInOut, k as isOutgoing, g as isIncoming, C as ConnectionModel } from './core.78IWAHAE.mjs';
 import { t as toSet, a as toArray, i as imap } from './core.C3JowhaZ.mjs';
 import { D as DefaultMap } from './core.BbE4y-yl.mjs';
 import { i as ifilter } from './core.DRJma0Ol.mjs';
-import { C as Connection, c as customInspectSymbol } from './core.DqlrMlsf.mjs';
+import { C as Connection, c as customInspectSymbol } from './core.BFd1lU9R.mjs';
 import { i as isome } from './core.FZ305VYd.mjs';
-import { i as isIterable, e as e$9 } from './core.RfnaEmgA.mjs';
-import { j as e$a, c as isViewRuleAutoLayout, h as isViewRuleGroup, a as isViewRuleGlobalPredicateRef, i as isViewRuleGlobalStyle, e as isDynamicStepsParallel, f as isDynamicStepsSeries } from './core.BuQZczj6.mjs';
+import { i as isIterable, e as e$a } from './core.RfnaEmgA.mjs';
+import { k as e$b, c as isViewRuleAutoLayout, h as isViewRuleGroup, a as isViewRuleGlobalPredicateRef, i as isViewRuleGlobalStyle, e as isDynamicStepsParallel, f as isDynamicStepsSeries, j as isViewRuleRank } from './core.om36dXXW.mjs';
 import { t as t$p } from './core.q10OP9oJ.mjs';
 
 function e$3(e){return ()=>e}
@@ -1353,13 +1353,13 @@ function elementExprToPredicate(target) {
   nonexhaustive(target);
 }
 
-function applyViewRuleStyle(rule, predicates, nodes) {
+function applyViewRuleStyle(rule, predicate, nodes) {
   const { shape, color, icon, ...rest } = rule.style;
   const nonEmptyStyle = !e$5(rest);
   t$d(
     nodes,
     n$d(e$7(isGroupElementKind)),
-    n$d(t$g(predicates)),
+    n$d(predicate),
     t$7((n) => {
       n.shape = shape ?? n.shape;
       n.color = color ?? n.color;
@@ -1384,7 +1384,11 @@ function applyViewRuleStyles(rules, nodes) {
       continue;
     }
     const predicates = rule.targets.map(elementExprToPredicate);
-    applyViewRuleStyle(rule, predicates, nodes);
+    applyViewRuleStyle(
+      rule,
+      t$g(predicates),
+      nodes
+    );
   }
   return nodes;
 }
@@ -1502,14 +1506,7 @@ function buildComputedNodes({ defaults }, elements, groups) {
 function pickRelationshipProps(relation) {
   const {
     title,
-    description = null,
-    technology = null,
-    kind = null,
-    color = null,
-    line = null,
-    head = null,
-    tail = null,
-    navigateTo = null
+    description = null
   } = relation;
   return {
     // Pick description only if title is present
@@ -1517,13 +1514,7 @@ function pickRelationshipProps(relation) {
       title,
       description
     },
-    technology,
-    kind,
-    color,
-    line,
-    head,
-    tail,
-    navigateTo
+    ...t$i(relation, ["color", "technology", "head", "line", "tail", "kind", "navigateTo"])
   };
 }
 function mergePropsFromRelationships(relations, prefer) {
@@ -1577,14 +1568,12 @@ function mergePropsFromRelationships(relations, prefer) {
       }
     )
   );
-  let technology = t$5(allprops.technology);
-  let title = t$5(allprops.title) ?? (allprops.title.length > 1 ? "[...]" : null);
+  let title = t$5(allprops.title) ?? (allprops.title.length > 1 ? "[...]" : void 0);
   const tags = n$e(allprops.tags);
   let merged = exact({
-    // If there is no title, but there is technology, use technology as title
-    title: title ?? (technology ? `[${technology}]` : null),
+    title,
     description: t$5(allprops.description),
-    technology,
+    technology: t$5(allprops.technology),
     kind: t$5(allprops.kind),
     head: t$5(allprops.head),
     tail: t$5(allprops.tail),
@@ -1594,10 +1583,15 @@ function mergePropsFromRelationships(relations, prefer) {
     ...isNonEmptyArray(tags) && { tags }
   });
   if (prefer) {
-    return {
+    const preferred = pickRelationshipProps(prefer);
+    merged = t$3({
       ...merged,
-      ...t$3(pickRelationshipProps(prefer), e$4)
-    };
+      ...preferred
+    }, e$4);
+  }
+  if (e$8(merged.title) && e$4(merged.technology)) {
+    merged.title = `[${merged.technology}]`;
+    delete merged.technology;
   }
   return merged;
 }
@@ -1697,56 +1691,27 @@ function deploymentExpressionToPredicate(target) {
 function instanceSummary(model) {
   return preferSummary(model.$instance) ?? preferSummary(model.element.$element);
 }
-function toNodeSource(el) {
-  if (el.isDeploymentNode()) {
-    const onlyOneInstance = el.onlyOneInstance();
-    let {
-      title,
-      id,
-      description: description2,
-      summary,
-      metadata: _metadata,
-      // omit
-      style: {
-        icon: icon2,
-        shape: shape2,
-        color: color2
-      },
-      element: _element,
-      // omit
-      tags: _tags,
-      // omit
-      ...$node
-    } = el.$node;
-    let tags = [...el.tags];
-    summary ??= description2;
-    if (onlyOneInstance) {
-      tags = n$e([...tags, ...onlyOneInstance.tags]);
-      if (title === nameFromFqn(el.id)) {
-        title = onlyOneInstance.title;
-      }
-      icon2 ??= onlyOneInstance.style.icon;
-      color2 ??= onlyOneInstance.style.color;
-      shape2 ??= onlyOneInstance.style.shape;
-      summary ??= instanceSummary(onlyOneInstance);
-    }
-    return exact({
-      id,
-      deploymentRef: id,
-      title,
-      ...$node,
-      color: color2 ?? el.color,
-      shape: shape2 ?? el.shape,
-      ...onlyOneInstance && {
-        modelRef: onlyOneInstance.element.id
-      },
-      icon: icon2,
-      description: summary,
-      tags,
-      style: n$6(el.style, ["icon", "shape", "color"])
-    });
-  }
-  invariant(el.isInstance(), "Expected Instance");
+function deploymentNodeToNodeSource(el) {
+  const id = el.id;
+  const onlyOneInstance = el.onlyOneInstance();
+  return exact({
+    id,
+    deploymentRef: id,
+    title: el.title,
+    kind: el.kind,
+    technology: el.technology ?? void 0,
+    links: t$b(el.links, 1) ? [...el.links] : void 0,
+    notation: el.$node.notation ?? void 0,
+    color: el.color,
+    shape: el.shape,
+    modelRef: onlyOneInstance?.element.id,
+    icon: el.style.icon,
+    description: preferSummary(el.$node) ?? void 0,
+    tags: [...el.tags],
+    style: n$6(el.style, ["icon", "shape", "color"])
+  });
+}
+function instanceToNodeSource(el) {
   const instance = el.$instance;
   const element = el.element;
   const { icon, color, shape, ...style } = el.style;
@@ -1754,15 +1719,12 @@ function toNodeSource(el) {
     ...element.links,
     ...instance.links ?? []
   ];
-  const notation = instance.notation ?? element.$element.notation;
-  const description = instanceSummary(el);
-  const technology = el.technology ?? void 0;
   return exact({
     id: el.id,
     kind: "instance",
     title: el.title,
-    description,
-    technology,
+    description: instanceSummary(el) ?? void 0,
+    technology: el.technology ?? void 0,
     tags: [...el.tags],
     links: t$b(links, 1) ? links : void 0,
     icon,
@@ -1771,9 +1733,15 @@ function toNodeSource(el) {
     style,
     deploymentRef: instance.id,
     modelRef: element.id,
-    notation
+    notation: instance.notation
   });
 }
+function toNodeSource(el) {
+  if (el.isInstance()) {
+    return instanceToNodeSource(el);
+  }
+  return deploymentNodeToNodeSource(el);
+}
 function toComputedEdges$1(connections) {
   return connections.reduce((acc, e) => {
     const relations = [
@@ -1822,7 +1790,41 @@ function toComputedEdges$1(connections) {
   }, []);
 }
 function buildNodes$1(model, memory) {
-  return buildComputedNodes(model.$styles, [...memory.final].map(toNodeSource));
+  const nodesMap = buildComputedNodes(model.$styles, [...memory.final].map(toNodeSource));
+  for (const node of nodesMap.values()) {
+    if (!node.deploymentRef || !node.modelRef || node.children.length > 0) {
+      continue;
+    }
+    const deploymentNode = model.deployment.element(node.deploymentRef);
+    const onlyOneInstance = deploymentNode.isDeploymentNode() && deploymentNode.onlyOneInstance();
+    if (!onlyOneInstance) {
+      continue;
+    }
+    if (node.title === deploymentNode.name) {
+      node.title = onlyOneInstance.title;
+    }
+    node.description ??= instanceSummary(onlyOneInstance) ?? null;
+    node.technology ??= onlyOneInstance.technology;
+    if (e$5(node.tags)) {
+      node.tags = [...onlyOneInstance.tags];
+    }
+    if ((!node.links || e$5(node.links)) && t$b(onlyOneInstance.links, 1)) {
+      node.links = [...onlyOneInstance.links];
+    }
+    const defaults = model.$styles.defaults;
+    if (node.shape === defaults.shape && node.shape !== onlyOneInstance.shape) {
+      node.shape = onlyOneInstance.shape;
+      node.notation = null;
+    }
+    if (node.color === defaults.color && node.color !== onlyOneInstance.color) {
+      node.color = onlyOneInstance.color;
+      node.notation = null;
+    }
+    if (!node.icon && onlyOneInstance.icon) {
+      node.icon = onlyOneInstance.icon;
+    }
+  }
+  return nodesMap;
 }
 function applyDeploymentViewRuleStyles(rules, nodes) {
   for (const rule of rules) {
@@ -1830,7 +1832,11 @@ function applyDeploymentViewRuleStyles(rules, nodes) {
       continue;
     }
     const predicates = rule.targets.map(deploymentExpressionToPredicate);
-    applyViewRuleStyle(rule, predicates, nodes);
+    applyViewRuleStyle(
+      rule,
+      t$g(predicates),
+      nodes
+    );
   }
   return nodes;
 }
@@ -1849,17 +1855,17 @@ function findCrossBoundarySameSourceOrTarget(connections) {
     }
     t$d(
       sameRelationGroup,
-      t$l((conn) => [
+      t$m((conn) => [
         { group: `$source-${conn.source.id}`, conn },
         { group: `$target-${conn.target.id}`, conn }
       ]),
-      t$k(e$8("group")),
-      t$j(),
+      t$l(e$9("group")),
+      t$k(),
       n$d(t$b(2)),
       t$7(
         // In each group, sort by hierarchy, first are deepest
-        t$i(
-          t$e(e$8("conn")),
+        t$j(
+          t$e(e$9("conn")),
           sortConnectionsByBoundaryHierarchy("desc"),
           // Drop first, as it is the deepest
           // Drop if boundary is same as previous
@@ -2021,7 +2027,7 @@ let StageInclude$1 = class StageInclude extends AbstractStageInclude {
       // filter(c => this._connections.some(c2 => c2.id === c.id)),
       t$7(({ source, target, boundary }) => {
         t$d(
-          t$m(
+          t$n(
             [...toArray(source.ancestors()).reverse(), source],
             [...toArray(target.ancestors()).reverse(), target]
           ),
@@ -2282,7 +2288,7 @@ const DirectRelationPredicate = {
         }
         connections = t$d(
           sources,
-          t$l((source2) => {
+          t$m((source2) => {
             const targets = resolveAscendingSiblings(source2);
             return findConnectionsBetween$2(source2, targets, dir);
           }),
@@ -2302,7 +2308,7 @@ const DirectRelationPredicate = {
         }
         connections = t$d(
           targets,
-          t$l((target2) => {
+          t$m((target2) => {
             const sources = resolveAscendingSiblings(target2);
             return [...sources].flatMap((source2) => findConnection$2(source2, target2, dir));
           }),
@@ -2320,17 +2326,17 @@ const DirectRelationPredicate = {
         const isTarget = filterIncomingConnections(targets);
         connections = t$d(
           sources,
-          t$l((s) => findConnectionsBetween$2(s, targets, dir)),
+          t$m((s) => findConnectionsBetween$2(s, targets, dir)),
           n$d((c) => isSource(c) && isTarget(c)),
           applyPredicate(where)
         );
       }
     }
     stage.addConnections(connections);
-    if (FqnExpr.isDeploymentRef(source) && e$9(source.selector)) {
+    if (FqnExpr.isDeploymentRef(source) && e$a(source.selector)) {
       stage.addImplicit(model.element(source.ref.deployment));
     }
-    if (FqnExpr.isDeploymentRef(target) && e$9(target.selector)) {
+    if (FqnExpr.isDeploymentRef(target) && e$a(target.selector)) {
       stage.addImplicit(model.element(target.ref.deployment));
     }
     return stage;
@@ -2565,7 +2571,7 @@ function applyPredicate(...args) {
   if (where === null) {
     return c;
   }
-  if (e$a(c)) {
+  if (e$b(c)) {
     return c.map((x) => applyPredicate(x, where)).filter((x) => x.nonEmpty());
   }
   return c.update({
@@ -2578,7 +2584,7 @@ function applyElementPredicate(...args) {
     return (x) => applyElementPredicate(x, args[0]);
   }
   const [c, where] = args;
-  if (e$a(c)) {
+  if (e$b(c)) {
     return c.filter((x) => applyElementPredicate(x, where));
   }
   return where?.(toFilterable(c, c)) ?? true;
@@ -2601,7 +2607,7 @@ function toFilterable(relationEndpoint, connectionEndpoint) {
     };
   }
   if (isNestedElementOfDeployedInstanceModel(relationEndpoint)) {
-    return t$n(relationEndpoint.element, ["tags", "kind"]);
+    return t$i(relationEndpoint.element, ["tags", "kind"]);
   }
   if (isDeployedInstanceModel(relationEndpoint)) {
     return {
@@ -2610,7 +2616,7 @@ function toFilterable(relationEndpoint, connectionEndpoint) {
     };
   }
   if (isDeploymentNodeModel(relationEndpoint)) {
-    return t$n(relationEndpoint, ["tags", "kind"]);
+    return t$i(relationEndpoint, ["tags", "kind"]);
   }
   nonexhaustive(relationEndpoint);
 }
@@ -2994,7 +3000,7 @@ function applyCustomElementProperties(_rules, _nodes) {
       textSize,
       description,
       ...rest
-    } = t$o(props, e$b);
+    } = t$o(props, e$8);
     const style = exact({
       border,
       opacity,
@@ -3044,14 +3050,14 @@ function resolveGlobalRulesInElementView(rules, globals) {
   return rules.reduce((acc, rule) => {
     if (isViewRuleGlobalPredicateRef(rule)) {
       const globalPredicates = globals.predicates[rule.predicateId];
-      if (e$b(globalPredicates)) {
+      if (e$8(globalPredicates)) {
         return acc;
       }
       return acc.concat(globalPredicates);
     }
     if (isViewRuleGlobalStyle(rule)) {
       const globalStyles = globals.styles[rule.styleId];
-      if (e$b(globalStyles)) {
+      if (e$8(globalStyles)) {
         return acc;
       }
       return acc.concat(globalStyles);
@@ -3064,14 +3070,14 @@ function resolveGlobalRulesInDynamicView(rules, globals) {
   return rules.reduce((acc, rule) => {
     if (isViewRuleGlobalPredicateRef(rule)) {
       const globalPredicates = globals.dynamicPredicates[rule.predicateId];
-      if (e$b(globalPredicates)) {
+      if (e$8(globalPredicates)) {
         return acc;
       }
       return acc.concat(globalPredicates);
     }
     if (isViewRuleGlobalStyle(rule)) {
       const globalStyles = globals.styles[rule.styleId];
-      if (e$b(globalStyles)) {
+      if (e$8(globalStyles)) {
         return acc;
       }
       return acc.concat(globalStyles);
@@ -3133,7 +3139,7 @@ function elementsFromSteps(model, steps) {
       actors.push(target);
     }
   };
-  for (const step of t$l(steps, flattenSteps)) {
+  for (const step of t$m(steps, flattenSteps)) {
     const source = model.element(step.source);
     const target = model.element(step.target);
     let sourceColumn = actors.indexOf(source);
@@ -3168,7 +3174,7 @@ function findRelations(source, target, currentViewId) {
   }
   const alltags = t$d(
     relationships,
-    t$l((r) => r.tags),
+    t$m((r) => r.tags),
     n$e()
   );
   const tags = t$b(alltags, 1) ? alltags : void 0;
@@ -3181,7 +3187,7 @@ function findRelations(source, target, currentViewId) {
   if (!navigateTo) {
     navigateTo = t$d(
       relationships,
-      t$l(
+      t$m(
         (r) => r.$relationship.navigateTo && r.$relationship.navigateTo !== currentViewId ? r.$relationship.navigateTo : []
       ),
       n$e(),
@@ -3453,7 +3459,7 @@ function applyCustomRelationProperties(_rules, nodes, _edges) {
   } of rules) {
     const description = _description ? { description: { txt: _description } } : {};
     const notes = _notes ? { notes: { txt: _notes } } : {};
-    const props = t$o(customprops, e$b);
+    const props = t$o(customprops, e$8);
     const satisfies = relationExpressionToPredicates(expr);
     edges.forEach((edge, i) => {
       let source, target;
@@ -3471,7 +3477,7 @@ function applyCustomRelationProperties(_rules, nodes, _edges) {
       if (!source || !target) {
         return;
       }
-      if (satisfies({ source, target, ...t$n(edge, ["kind", "tags"]) })) {
+      if (satisfies({ source, target, ...t$i(edge, ["kind", "tags"]) })) {
         edges[i] = {
           ...edge,
           ...props,
@@ -3614,7 +3620,7 @@ class StageInclude extends AbstractStageInclude {
       connections,
       t$7(({ source, target, boundary }) => {
         t$d(
-          t$m(
+          t$n(
             [...toArray(source.ancestors()).reverse(), source],
             [...toArray(target.ancestors()).reverse(), target]
           ),
@@ -3779,7 +3785,7 @@ function findRedundantConnections(connections) {
     t$2((reducedConnections, connection, _, all) => {
       const descendants = findDescendantConnections(all, connection);
       const nestedRelations = union(
-        ...descendants.map(e$8("relations"))
+        ...descendants.map(e$9("relations"))
       );
       let accum = intersection(connection.relations, nestedRelations);
       if (descendants.length > 0) {
@@ -4113,7 +4119,7 @@ const DirectRelationExprPredicate = {
         const sources = resolveElements(model, source);
         const connections2 = t$d(
           sources,
-          t$l(
+          t$m(
             (source2) => t$d(
               source2,
               e(e$3(isBidirectional === true), {
@@ -4171,7 +4177,7 @@ const DirectRelationExprPredicate = {
         const targets = resolveElements(model, target);
         const connections2 = t$d(
           targets,
-          t$l(
+          t$m(
             (target2) => t$d(
               target2,
               e(e$3(isBidirectional === true), {
@@ -4249,8 +4255,8 @@ const DirectRelationExprPredicate = {
       case (sourceIsWildcard && targetIsWildcard): {
         relations = t$d(
           memory.connections,
-          t$l(t$i(
-            e$8("relations"),
+          t$m(t$j(
+            e$9("relations"),
             ifilter(where),
             toArray()
           )),
@@ -4263,7 +4269,7 @@ const DirectRelationExprPredicate = {
         const sources = resolveElements(model, source);
         relations = t$d(
           sources,
-          t$l(
+          t$m(
             (source2) => t$d(
               source2,
               e(e$3(isBidirectional === true), {
@@ -4283,7 +4289,7 @@ const DirectRelationExprPredicate = {
         const targets = resolveElements(model, target);
         relations = t$d(
           targets,
-          t$l(
+          t$m(
             (target2) => t$d(
               target2,
               e(e$3(isBidirectional === true), {
@@ -4824,6 +4830,7 @@ function computeElementView(likec4model, {
   );
   const autoLayoutRule = t$8(rules, isViewRuleAutoLayout);
   const nodeNotations = buildElementNotations(nodes);
+  const ranks = collectRankConstraints(rules, nodes);
   return calcViewLayoutHash({
     ...view,
     _stage: "computed",
@@ -4843,9 +4850,32 @@ function computeElementView(likec4model, {
       notation: {
         nodes: nodeNotations
       }
-    }
+    },
+    ...ranks.length > 0 && { ranks }
   });
 }
+function collectRankConstraints(rules, nodes) {
+  const constraints = [];
+  for (const rule of rules) {
+    if (!isViewRuleRank(rule) || rule.targets.length === 0) {
+      continue;
+    }
+    const isTargeted = t$g(rule.targets.map(elementExprToPredicate));
+    const nodesInRank = t$d(
+      nodes,
+      n$d(isTargeted),
+      t$e((n) => n.id)
+    );
+    if (!t$b(nodesInRank, 1)) {
+      continue;
+    }
+    constraints.push({
+      type: rule.rank,
+      nodes: nodesInRank
+    });
+  }
+  return constraints;
+}
 function assignElementsToGroups(memory) {
   if (memory.groups.length === 0) {
     return memory;

package/dist/styles/index.d.mts

@@ -1,13 +1,14 @@
-import { T as Tag } from '../shared/core.DX-WYEPA.mjs';
-import { T as TagSpecification } from '../shared/core.mUnpvHtA.mjs';
-import { G as ColorLiteral, c as ThemeColorValues, b as LikeC4StyleDefaults, E as ElementColorValues, R as RelationshipColorValues } from '../shared/core.0zAQeenX.mjs';
-export { B as BorderStyle, z as BorderStyles, C as Color, U as CustomColor, Q as CustomColorDefinitions, h as ElementShape, D as ElementShapes, H as HexColor, L as LikeC4StylesConfig, a as LikeC4Theme, g as RelationshipArrowType, I as RelationshipArrowTypes, f as RelationshipLineType, e as ShapeSize, y as Size, x as Sizes, S as SpacingSize, d as TextSize, T as ThemeColor, J as ThemeColors, V as isCustomColor, M as isThemeColor } from '../shared/core.0zAQeenX.mjs';
-export { L as LikeC4Styles } from '../shared/core.Dvh1H0T2.mjs';
+import { T as Tag } from '../shared/core.CDdf8izT.mjs';
+import { T as TagSpecification } from '../shared/core.DE-g9oFF.mjs';
+import { G as ColorLiteral, c as ThemeColorValues, b as LikeC4StyleDefaults, E as ElementColorValues, R as RelationshipColorValues } from '../shared/core.9U0HL3oG.mjs';
+export { B as BorderStyle, z as BorderStyles, C as Color, U as CustomColor, Q as CustomColorDefinitions, h as ElementShape, D as ElementShapes, H as HexColor, L as LikeC4StylesConfig, a as LikeC4Theme, g as RelationshipArrowType, I as RelationshipArrowTypes, f as RelationshipLineType, e as ShapeSize, y as Size, x as Sizes, S as SpacingSize, d as TextSize, T as ThemeColor, J as ThemeColors, V as isCustomColor, M as isThemeColor } from '../shared/core.9U0HL3oG.mjs';
+export { L as LikeC4Styles } from '../shared/core.or6-EHsb.mjs';
 import 'type-fest';
-import '../shared/core.B73yxfPi.mjs';
+import '../shared/core.BkSYCfRg.mjs';
 import '../shared/core.DB0Ue5Wx.mjs';
 import '../types/fqnRef.mjs';
 import '../types/expression-model.mjs';
+import '../shared/core.BPGOjone.mjs';
 
 /**
  * Colors are taken from the styles presets of the LikeC4 (Radix Colors)

package/dist/styles/index.mjs

@@ -6,7 +6,7 @@ import { t as t$6 } from '../shared/core.CbT8JVYL.mjs';
 import { t as t$1 } from '../shared/core.BsSXS-_R.mjs';
 import { t as t$4 } from '../shared/core.BkVA6gjl.mjs';
 import { a as nonNullable } from '../shared/core.D4npX2q8.mjs';
-export { B as BorderStyles, E as ElementShapes, L as LikeC4Styles, R as RelationshipArrowTypes, S as Sizes, T as ThemeColors, c as computeColorValues, b as defaultTheme, f as isCustomColor, i as isThemeColor, s as styleDefaults } from '../shared/core.DEieYfbG.mjs';
+export { B as BorderStyles, E as ElementShapes, L as LikeC4Styles, R as RelationshipArrowTypes, S as Sizes, T as ThemeColors, c as computeColorValues, d as defaultTheme, b as isCustomColor, i as isThemeColor, s as styleDefaults } from '../shared/core.BspBF3SJ.mjs';
 
 function t(...t){return t$1(n,t)}function n(e,t,n){let r={};for(let[i,a]of e.entries()){let o=t(a,i,e);r[o]=n(a,i,e);}return r}
 

package/dist/types/_aux.d.mts

@@ -1,4 +1,4 @@
 import 'type-fest';
 import '../shared/core.DB0Ue5Wx.mjs';
-export { q as AllKinds, A as Any, A as AnyAux, b as AnyComputed, c as AnyLayouted, $ as AnyOnStage, d as AnyParsed, Z as AnySpec, e as Aux, x as DeploymentFqn, D as DeploymentId, y as DeploymentKind, z as EdgeId, a as ElementId, E as ElementKind, F as Fqn, O as LooseDeploymentId, ae as LooseDeploymentKind, K as LooseElementId, ad as LooseElementKind, L as LooseLiteral, af as LooseRelationKind, I as LooseTag, ac as LooseTags, X as LooseViewId, H as Metadata, C as MetadataKey, B as Never, N as NodeId, ab as OrString, a0 as PickByStage, P as ProjectId, J as RelationId, R as RelationKind, a4 as Spec, f as SpecAux, Q as Stage, x as StrictDeploymentFqn, a8 as StrictDeploymentKind, a7 as StrictElementKind, F as StrictFqn, a5 as StrictProjectId, a9 as StrictRelationKind, a6 as StrictTag, S as StrictViewId, T as Tag, r as Tags, U as Unknown, g as UnknownComputed, h as UnknownLayouted, i as UnknownParsed, V as ViewId, W as WithDescriptionAndTech, aa as WithLinks, v as WithMetadata, w as WithNotation, u as WithOptionalLinks, s as WithOptionalTags, G as WithTags, p as preferDescription, j as preferSummary, Y as setProject, a1 as setStage, t as toComputed, a3 as toLayouted, a2 as toParsed } from '../shared/core.B73yxfPi.mjs';
-import '../shared/core.DX-WYEPA.mjs';
+export { q as AllKinds, A as Any, A as AnyAux, b as AnyComputed, c as AnyLayouted, $ as AnyOnStage, d as AnyParsed, Z as AnySpec, e as Aux, x as DeploymentFqn, D as DeploymentId, y as DeploymentKind, z as EdgeId, a as ElementId, E as ElementKind, F as Fqn, O as LooseDeploymentId, ae as LooseDeploymentKind, K as LooseElementId, ad as LooseElementKind, L as LooseLiteral, af as LooseRelationKind, I as LooseTag, ac as LooseTags, X as LooseViewId, H as Metadata, C as MetadataKey, B as Never, N as NodeId, ab as OrString, a0 as PickByStage, P as ProjectId, J as RelationId, R as RelationKind, a4 as Spec, f as SpecAux, Q as Stage, x as StrictDeploymentFqn, a8 as StrictDeploymentKind, a7 as StrictElementKind, F as StrictFqn, a5 as StrictProjectId, a9 as StrictRelationKind, a6 as StrictTag, S as StrictViewId, T as Tag, r as Tags, U as Unknown, g as UnknownComputed, h as UnknownLayouted, i as UnknownParsed, V as ViewId, W as WithDescriptionAndTech, aa as WithLinks, v as WithMetadata, w as WithNotation, u as WithOptionalLinks, s as WithOptionalTags, G as WithTags, p as preferDescription, j as preferSummary, Y as setProject, a1 as setStage, t as toComputed, a3 as toLayouted, a2 as toParsed } from '../shared/core.BkSYCfRg.mjs';
+import '../shared/core.CDdf8izT.mjs';

package/dist/types/expression-model.d.mts

@@ -1,8 +1,8 @@
-import { W as WhereOperator, C as Color, f as RelationshipLineType, g as RelationshipArrowType, P as PredicateSelector, h as ElementShape, B as BorderStyle, e as ShapeSize } from '../shared/core.0zAQeenX.mjs';
-import { A as Any, S as StrictViewId, E as ElementKind, T as Tag } from '../shared/core.B73yxfPi.mjs';
+import { W as WhereOperator, C as Color, f as RelationshipLineType, g as RelationshipArrowType, P as PredicateSelector, h as ElementShape, B as BorderStyle, e as ShapeSize } from '../shared/core.9U0HL3oG.mjs';
+import { A as Any, S as StrictViewId, E as ElementKind, T as Tag } from '../shared/core.BkSYCfRg.mjs';
 import { E as ExclusiveUnion } from '../shared/core.DB0Ue5Wx.mjs';
 import { FqnRef } from './fqnRef.mjs';
-import { M as MarkdownOrString, I as Icon } from '../shared/core.DX-WYEPA.mjs';
+import { M as MarkdownOrString, I as Icon } from '../shared/core.CDdf8izT.mjs';
 import 'type-fest';
 
 type AnyAux = Any;