@readme/markdown 9.3.0 → 9.3.1

package/dist/{429.node.js → 371.node.js}

@@ -1,5 +1,5 @@
-exports.id = 429;
-exports.ids = [429];
+exports.id = 371;
+exports.ids = [371];
 exports.modules = {
 
 /***/ 6527:
@@ -9998,20 +9998,20 @@ module.exports = Emitter;
 
 /***/ }),
 
-/***/ 1429:
+/***/ 7371:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   diagram: () => (/* binding */ diagram)
 /* harmony export */ });
-/* harmony import */ var _chunk_CTJGIJSU_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4875);
-/* harmony import */ var _chunk_U7L4IQIU_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5449);
-/* harmony import */ var _chunk_RYO7GUH3_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9314);
-/* harmony import */ var _chunk_6JKP7OK7_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6509);
-/* harmony import */ var _chunk_TLUHKHBO_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2843);
-/* harmony import */ var _chunk_OBAELV6Q_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4196);
-/* harmony import */ var _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6322);
+/* harmony import */ var _chunk_H2D2JQ3I_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4059);
+/* harmony import */ var _chunk_C3MQ5ANM_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6499);
+/* harmony import */ var _chunk_4BMEZGHF_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9163);
+/* harmony import */ var _chunk_XZIHB7SX_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3249);
+/* harmony import */ var _chunk_O4NI6UNU_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8430);
+/* harmony import */ var _chunk_7B677QYD_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3113);
+/* harmony import */ var _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3804);
 /* harmony import */ var _mermaid_js_parser__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4010);
 /* harmony import */ var cytoscape__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8786);
 /* harmony import */ var cytoscape_fcose__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(6527);
@@ -10036,56 +10036,56 @@ var ArchitectureDirectionName = {
   B: "bottom"
 };
 var ArchitectureDirectionArrow = {
-  L: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `${scale},${scale / 2} 0,${scale} 0,0`, "L"),
-  R: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `0,${scale / 2} ${scale},0 ${scale},${scale}`, "R"),
-  T: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `0,0 ${scale},0 ${scale / 2},${scale}`, "T"),
-  B: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `${scale / 2},0 ${scale},${scale} 0,${scale}`, "B")
+  L: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `${scale},${scale / 2} 0,${scale} 0,0`, "L"),
+  R: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `0,${scale / 2} ${scale},0 ${scale},${scale}`, "R"),
+  T: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `0,0 ${scale},0 ${scale / 2},${scale}`, "T"),
+  B: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((scale) => `${scale / 2},0 ${scale},${scale} 0,${scale}`, "B")
 };
 var ArchitectureDirectionArrowShift = {
-  L: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, arrowSize) => orig - arrowSize + 2, "L"),
-  R: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, _arrowSize) => orig - 2, "R"),
-  T: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, arrowSize) => orig - arrowSize + 2, "T"),
-  B: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, _arrowSize) => orig - 2, "B")
+  L: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, arrowSize) => orig - arrowSize + 2, "L"),
+  R: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, _arrowSize) => orig - 2, "R"),
+  T: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, arrowSize) => orig - arrowSize + 2, "T"),
+  B: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((orig, _arrowSize) => orig - 2, "B")
 };
-var getOppositeArchitectureDirection = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
+var getOppositeArchitectureDirection = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
   if (isArchitectureDirectionX(x)) {
     return x === "L" ? "R" : "L";
   } else {
     return x === "T" ? "B" : "T";
   }
 }, "getOppositeArchitectureDirection");
-var isArchitectureDirection = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
+var isArchitectureDirection = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
   const temp = x;
   return temp === "L" || temp === "R" || temp === "T" || temp === "B";
 }, "isArchitectureDirection");
-var isArchitectureDirectionX = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
+var isArchitectureDirectionX = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
   const temp = x;
   return temp === "L" || temp === "R";
 }, "isArchitectureDirectionX");
-var isArchitectureDirectionY = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
+var isArchitectureDirectionY = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
   const temp = x;
   return temp === "T" || temp === "B";
 }, "isArchitectureDirectionY");
-var isArchitectureDirectionXY = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(a, b) {
+var isArchitectureDirectionXY = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(a, b) {
   const aX_bY = isArchitectureDirectionX(a) && isArchitectureDirectionY(b);
   const aY_bX = isArchitectureDirectionY(a) && isArchitectureDirectionX(b);
   return aX_bY || aY_bX;
 }, "isArchitectureDirectionXY");
-var isArchitecturePairXY = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(pair) {
+var isArchitecturePairXY = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(pair) {
   const lhs = pair[0];
   const rhs = pair[1];
   const aX_bY = isArchitectureDirectionX(lhs) && isArchitectureDirectionY(rhs);
   const aY_bX = isArchitectureDirectionY(lhs) && isArchitectureDirectionX(rhs);
   return aX_bY || aY_bX;
 }, "isArchitecturePairXY");
-var isValidArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
+var isValidArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
   return x !== "LL" && x !== "RR" && x !== "TT" && x !== "BB";
 }, "isValidArchitectureDirectionPair");
-var getArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(sourceDir, targetDir) {
+var getArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(sourceDir, targetDir) {
   const pair = `${sourceDir}${targetDir}`;
   return isValidArchitectureDirectionPair(pair) ? pair : void 0;
 }, "getArchitectureDirectionPair");
-var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function([x, y], pair) {
+var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function([x, y], pair) {
   const lhs = pair[0];
   const rhs = pair[1];
   if (isArchitectureDirectionX(lhs)) {
@@ -10102,7 +10102,7 @@ var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_S24QXQK
     }
   }
 }, "shiftPositionByArchitectureDirectionPair");
-var getArchitectureDirectionXYFactors = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(pair) {
+var getArchitectureDirectionXYFactors = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(pair) {
   if (pair === "LT" || pair === "TL") {
     return [1, 1];
   } else if (pair === "BL" || pair === "LB") {
@@ -10113,24 +10113,32 @@ var getArchitectureDirectionXYFactors = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__
     return [-1, 1];
   }
 }, "getArchitectureDirectionXYFactors");
-var isArchitectureService = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
+var getArchitectureDirectionAlignment = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(a, b) {
+  if (isArchitectureDirectionXY(a, b)) {
+    return "bend";
+  } else if (isArchitectureDirectionX(a)) {
+    return "horizontal";
+  }
+  return "vertical";
+}, "getArchitectureDirectionAlignment");
+var isArchitectureService = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
   const temp = x;
   return temp.type === "service";
 }, "isArchitectureService");
-var isArchitectureJunction = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
+var isArchitectureJunction = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(x) {
   const temp = x;
   return temp.type === "junction";
 }, "isArchitectureJunction");
-var edgeData = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((edge) => {
+var edgeData = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((edge) => {
   return edge.data();
 }, "edgeData");
-var nodeData = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((node) => {
+var nodeData = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((node) => {
   return node.data();
 }, "nodeData");
 
 // src/diagrams/architecture/architectureDb.ts
-var DEFAULT_ARCHITECTURE_CONFIG = _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .defaultConfig_default */ .UI.architecture;
-var state = new _chunk_6JKP7OK7_mjs__WEBPACK_IMPORTED_MODULE_3__/* .ImperativeState */ .m(() => ({
+var DEFAULT_ARCHITECTURE_CONFIG = _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .defaultConfig_default */ .UI.architecture;
+var state = new _chunk_XZIHB7SX_mjs__WEBPACK_IMPORTED_MODULE_3__/* .ImperativeState */ .m(() => ({
   nodes: {},
   groups: {},
   edges: [],
@@ -10139,11 +10147,11 @@ var state = new _chunk_6JKP7OK7_mjs__WEBPACK_IMPORTED_MODULE_3__/* .ImperativeSt
   dataStructures: void 0,
   elements: {}
 }));
-var clear2 = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => {
+var clear2 = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => {
   state.reset();
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .clear */ .IU)();
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .clear */ .IU)();
 }, "clear");
-var addService = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({
+var addService = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({
   id,
   icon,
   in: parent,
@@ -10179,8 +10187,8 @@ var addService = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE
     in: parent
   };
 }, "addService");
-var getServices = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes).filter(isArchitectureService), "getServices");
-var addJunction = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({ id, in: parent }) {
+var getServices = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes).filter(isArchitectureService), "getServices");
+var addJunction = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({ id, in: parent }) {
   state.records.registeredIds[id] = "node";
   state.records.nodes[id] = {
     id,
@@ -10189,10 +10197,10 @@ var addJunction = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODUL
     in: parent
   };
 }, "addJunction");
-var getJunctions = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes).filter(isArchitectureJunction), "getJunctions");
-var getNodes = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes), "getNodes");
-var getNode = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((id) => state.records.nodes[id], "getNode");
-var addGroup = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({ id, icon, in: parent, title }) {
+var getJunctions = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes).filter(isArchitectureJunction), "getJunctions");
+var getNodes = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes), "getNodes");
+var getNode = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((id) => state.records.nodes[id], "getNode");
+var addGroup = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({ id, icon, in: parent, title }) {
   if (state.records.registeredIds[id] !== void 0) {
     throw new Error(
       `The group id [${id}] is already in use by another ${state.records.registeredIds[id]}`
@@ -10219,10 +10227,10 @@ var addGroup = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6
     in: parent
   };
 }, "addGroup");
-var getGroups = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => {
+var getGroups = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => {
   return Object.values(state.records.groups);
 }, "getGroups");
-var addEdge = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({
+var addEdge = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({
   lhsId,
   rhsId,
   lhsDir,
@@ -10282,11 +10290,23 @@ var addEdge = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6_
     state.records.nodes[rhsId].edges.push(state.records.edges[state.records.edges.length - 1]);
   }
 }, "addEdge");
-var getEdges = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => state.records.edges, "getEdges");
-var getDataStructures = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => {
+var getEdges = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => state.records.edges, "getEdges");
+var getDataStructures = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => {
   if (state.records.dataStructures === void 0) {
+    const groupAlignments = {};
     const adjList = Object.entries(state.records.nodes).reduce((prevOuter, [id, service]) => {
       prevOuter[id] = service.edges.reduce((prevInner, edge) => {
+        const lhsGroupId = getNode(edge.lhsId)?.in;
+        const rhsGroupId = getNode(edge.rhsId)?.in;
+        if (lhsGroupId && rhsGroupId && lhsGroupId !== rhsGroupId) {
+          const alignment = getArchitectureDirectionAlignment(edge.lhsDir, edge.rhsDir);
+          if (alignment !== "bend") {
+            groupAlignments[lhsGroupId] ??= {};
+            groupAlignments[lhsGroupId][rhsGroupId] = alignment;
+            groupAlignments[rhsGroupId] ??= {};
+            groupAlignments[rhsGroupId][lhsGroupId] = alignment;
+          }
+        }
         if (edge.lhsId === id) {
           const pair = getArchitectureDirectionPair(edge.lhsDir, edge.rhsDir);
           if (pair) {
@@ -10308,7 +10328,7 @@ var getDataStructures = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED
       (prev, id) => id === firstId ? prev : { ...prev, [id]: 1 },
       {}
     );
-    const BFS = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((startingId) => {
+    const BFS = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((startingId) => {
       const spatialMap = { [startingId]: [0, 0] };
       const queue = [startingId];
       while (queue.length > 0) {
@@ -10337,23 +10357,24 @@ var getDataStructures = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED
     }
     state.records.dataStructures = {
       adjList,
-      spatialMaps
+      spatialMaps,
+      groupAlignments
     };
   }
   return state.records.dataStructures;
 }, "getDataStructures");
-var setElementForId = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((id, element) => {
+var setElementForId = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((id, element) => {
   state.records.elements[id] = element;
 }, "setElementForId");
-var getElementById = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((id) => state.records.elements[id], "getElementById");
+var getElementById = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((id) => state.records.elements[id], "getElementById");
 var db = {
   clear: clear2,
-  setDiagramTitle: _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setDiagramTitle */ .ke,
-  getDiagramTitle: _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getDiagramTitle */ .ab,
-  setAccTitle: _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setAccTitle */ .SV,
-  getAccTitle: _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getAccTitle */ .iN,
-  setAccDescription: _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setAccDescription */ .EI,
-  getAccDescription: _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getAccDescription */ .m7,
+  setDiagramTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setDiagramTitle */ .ke,
+  getDiagramTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getDiagramTitle */ .ab,
+  setAccTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setAccTitle */ .SV,
+  getAccTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getAccTitle */ .iN,
+  setAccDescription: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setAccDescription */ .EI,
+  getAccDescription: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getAccDescription */ .m7,
   addService,
   getServices,
   addJunction,
@@ -10369,32 +10390,32 @@ var db = {
   getDataStructures
 };
 function getConfigField(field) {
-  const arch = (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)().architecture;
+  const arch = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)().architecture;
   if (arch?.[field]) {
     return arch[field];
   }
   return DEFAULT_ARCHITECTURE_CONFIG[field];
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getConfigField, "getConfigField");
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getConfigField, "getConfigField");
 
 // src/diagrams/architecture/architectureParser.ts
-var populateDb = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((ast, db2) => {
-  (0,_chunk_RYO7GUH3_mjs__WEBPACK_IMPORTED_MODULE_2__/* .populateCommonDb */ .S)(ast, db2);
+var populateDb = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((ast, db2) => {
+  (0,_chunk_4BMEZGHF_mjs__WEBPACK_IMPORTED_MODULE_2__/* .populateCommonDb */ .S)(ast, db2);
   ast.groups.map(db2.addGroup);
   ast.services.map((service) => db2.addService({ ...service, type: "service" }));
   ast.junctions.map((service) => db2.addJunction({ ...service, type: "junction" }));
   ast.edges.map(db2.addEdge);
 }, "populateDb");
 var parser = {
-  parse: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async (input) => {
+  parse: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async (input) => {
     const ast = await (0,_mermaid_js_parser__WEBPACK_IMPORTED_MODULE_7__/* .parse */ .qg)("architecture", input);
-    _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .log */ .Rm.debug(ast);
+    _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .log */ .Rm.debug(ast);
     populateDb(ast, db);
   }, "parse")
 };
 
 // src/diagrams/architecture/architectureStyles.ts
-var getStyles = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((options) => `
+var getStyles = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((options) => `
   .edge {
     stroke-width: ${options.archEdgeWidth};
     stroke: ${options.archEdgeColor};
@@ -10434,7 +10455,7 @@ var architectureStyles_default = getStyles;
 
 
 // src/diagrams/architecture/architectureIcons.ts
-var wrapIcon = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((icon) => {
+var wrapIcon = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((icon) => {
   return `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${icon}</g>`;
 }, "wrapIcon");
 var architectureIcons = {
@@ -10467,7 +10488,7 @@ var architectureIcons = {
         '<path d="m65,47.5c0,2.76-2.24,5-5,5H20c-2.76,0-5-2.24-5-5,0-1.87,1.03-3.51,2.56-4.36-.04-.21-.06-.42-.06-.64,0-2.6,2.48-4.74,5.65-4.97,1.65-4.51,6.34-7.76,11.85-7.76.86,0,1.69.08,2.5.23,2.09-1.57,4.69-2.5,7.5-2.5,6.1,0,11.19,4.38,12.28,10.17,2.14.56,3.72,2.51,3.72,4.83,0,.03,0,.07-.01.1,2.29.46,4.01,2.48,4.01,4.9Z" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/>'
       )
     },
-    unknown: _chunk_CTJGIJSU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .unknownIcon */ .Gc,
+    unknown: _chunk_H2D2JQ3I_mjs__WEBPACK_IMPORTED_MODULE_0__/* .unknownIcon */ .Gc,
     blank: {
       body: wrapIcon("")
     }
@@ -10475,7 +10496,7 @@ var architectureIcons = {
 };
 
 // src/diagrams/architecture/svgDraw.ts
-var drawEdges = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async function(edgesEl, cy) {
+var drawEdges = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async function(edgesEl, cy) {
   const padding = getConfigField("padding");
   const iconSize = getConfigField("iconSize");
   const halfIconSize = iconSize / 2;
@@ -10550,7 +10571,7 @@ var drawEdges = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_
             width = Math.abs(startX - endX) / 2;
           }
           const textElem = g.append("g");
-          await (0,_chunk_U7L4IQIU_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
+          await (0,_chunk_C3MQ5ANM_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
             textElem,
             label,
             {
@@ -10558,7 +10579,7 @@ var drawEdges = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_
               width,
               classes: "architecture-service-label"
             },
-            (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)()
+            (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)()
           );
           textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle");
           if (axis === "X") {
@@ -10587,7 +10608,7 @@ var drawEdges = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_
     })
   );
 }, "drawEdges");
-var drawGroups = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async function(groupsEl, cy) {
+var drawGroups = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async function(groupsEl, cy) {
   const padding = getConfigField("padding");
   const groupIconSize = padding * 0.75;
   const fontSize = getConfigField("fontSize");
@@ -10605,7 +10626,7 @@ var drawGroups = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE
         if (data.icon) {
           const bkgElem = groupLabelContainer.append("g");
           bkgElem.html(
-            `<g>${await (0,_chunk_CTJGIJSU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .getIconSVG */ .WY)(data.icon, { height: groupIconSize, width: groupIconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
+            `<g>${await (0,_chunk_H2D2JQ3I_mjs__WEBPACK_IMPORTED_MODULE_0__/* .getIconSVG */ .WY)(data.icon, { height: groupIconSize, width: groupIconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
           );
           bkgElem.attr(
             "transform",
@@ -10616,7 +10637,7 @@ var drawGroups = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE
         }
         if (data.label) {
           const textElem = groupLabelContainer.append("g");
-          await (0,_chunk_U7L4IQIU_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
+          await (0,_chunk_C3MQ5ANM_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
             textElem,
             data.label,
             {
@@ -10624,7 +10645,7 @@ var drawGroups = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE
               width: w,
               classes: "architecture-service-label"
             },
-            (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)()
+            (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)()
           );
           textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start");
           textElem.attr(
@@ -10636,13 +10657,13 @@ var drawGroups = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE
     })
   );
 }, "drawGroups");
-var drawServices = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async function(db2, elem, services) {
+var drawServices = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async function(db2, elem, services) {
   for (const service of services) {
     const serviceElem = elem.append("g");
     const iconSize = getConfigField("iconSize");
     if (service.title) {
       const textElem = serviceElem.append("g");
-      await (0,_chunk_U7L4IQIU_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
+      await (0,_chunk_C3MQ5ANM_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
         textElem,
         service.title,
         {
@@ -10650,7 +10671,7 @@ var drawServices = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODU
           width: iconSize * 1.5,
           classes: "architecture-service-label"
         },
-        (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)()
+        (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)()
       );
       textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle");
       textElem.attr("transform", "translate(" + iconSize / 2 + ", " + iconSize + ")");
@@ -10658,11 +10679,11 @@ var drawServices = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODU
     const bkgElem = serviceElem.append("g");
     if (service.icon) {
       bkgElem.html(
-        `<g>${await (0,_chunk_CTJGIJSU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .getIconSVG */ .WY)(service.icon, { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
+        `<g>${await (0,_chunk_H2D2JQ3I_mjs__WEBPACK_IMPORTED_MODULE_0__/* .getIconSVG */ .WY)(service.icon, { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
       );
     } else if (service.iconText) {
       bkgElem.html(
-        `<g>${await (0,_chunk_CTJGIJSU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .getIconSVG */ .WY)("blank", { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
+        `<g>${await (0,_chunk_H2D2JQ3I_mjs__WEBPACK_IMPORTED_MODULE_0__/* .getIconSVG */ .WY)("blank", { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
       );
       const textElemContainer = bkgElem.append("g");
       const fo = textElemContainer.append("foreignObject").attr("width", iconSize).attr("height", iconSize);
@@ -10685,7 +10706,7 @@ var drawServices = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODU
   }
   return 0;
 }, "drawServices");
-var drawJunctions = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(db2, elem, junctions) {
+var drawJunctions = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(db2, elem, junctions) {
   junctions.forEach((junction) => {
     const junctionElem = elem.append("g");
     const iconSize = getConfigField("iconSize");
@@ -10700,7 +10721,7 @@ var drawJunctions = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MOD
 }, "drawJunctions");
 
 // src/diagrams/architecture/architectureRenderer.ts
-(0,_chunk_CTJGIJSU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .registerIconPacks */ .pC)([
+(0,_chunk_H2D2JQ3I_mjs__WEBPACK_IMPORTED_MODULE_0__/* .registerIconPacks */ .pC)([
   {
     name: architectureIcons.prefix,
     icons: architectureIcons
@@ -10724,7 +10745,7 @@ function addServices(services, cy) {
     });
   });
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addServices, "addServices");
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addServices, "addServices");
 function addJunctions(junctions, cy) {
   junctions.forEach((junction) => {
     cy.add({
@@ -10740,7 +10761,7 @@ function addJunctions(junctions, cy) {
     });
   });
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addJunctions, "addJunctions");
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addJunctions, "addJunctions");
 function positionNodes(db2, cy) {
   cy.nodes().map((node) => {
     const data = nodeData(node);
@@ -10753,7 +10774,7 @@ function positionNodes(db2, cy) {
     nodeElem.attr("transform", "translate(" + (data.x || 0) + "," + (data.y || 0) + ")");
   });
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(positionNodes, "positionNodes");
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(positionNodes, "positionNodes");
 function addGroups(groups, cy) {
   groups.forEach((group) => {
     cy.add({
@@ -10769,7 +10790,7 @@ function addGroups(groups, cy) {
     });
   });
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addGroups, "addGroups");
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addGroups, "addGroups");
 function addEdges(edges, cy) {
   edges.forEach((parsedEdge) => {
     const { lhsId, rhsId, lhsInto, lhsGroup, rhsInto, lhsDir, rhsDir, rhsGroup, title } = parsedEdge;
@@ -10795,24 +10816,60 @@ function addEdges(edges, cy) {
     });
   });
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addEdges, "addEdges");
-function getAlignments(spatialMaps) {
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(addEdges, "addEdges");
+function getAlignments(db2, spatialMaps, groupAlignments) {
+  const flattenAlignments = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((alignmentObj, alignmentDir) => {
+    return Object.entries(alignmentObj).reduce(
+      (prev, [dir, alignments2]) => {
+        let cnt = 0;
+        const arr = Object.entries(alignments2);
+        if (arr.length === 1) {
+          prev[dir] = arr[0][1];
+          return prev;
+        }
+        for (let i = 0; i < arr.length - 1; i++) {
+          for (let j = i + 1; j < arr.length; j++) {
+            const [aGroupId, aNodeIds] = arr[i];
+            const [bGroupId, bNodeIds] = arr[j];
+            const alignment = groupAlignments[aGroupId]?.[bGroupId];
+            if (alignment === alignmentDir) {
+              prev[dir] ??= [];
+              prev[dir] = [...prev[dir], ...aNodeIds, ...bNodeIds];
+            } else if (aGroupId === "default" || bGroupId === "default") {
+              prev[dir] ??= [];
+              prev[dir] = [...prev[dir], ...aNodeIds, ...bNodeIds];
+            } else {
+              const keyA = `${dir}-${cnt++}`;
+              prev[keyA] = aNodeIds;
+              const keyB = `${dir}-${cnt++}`;
+              prev[keyB] = bNodeIds;
+            }
+          }
+        }
+        return prev;
+      },
+      {}
+    );
+  }, "flattenAlignments");
   const alignments = spatialMaps.map((spatialMap) => {
     const horizontalAlignments = {};
     const verticalAlignments = {};
     Object.entries(spatialMap).forEach(([id, [x, y]]) => {
-      if (!horizontalAlignments[y]) {
-        horizontalAlignments[y] = [];
-      }
-      if (!verticalAlignments[x]) {
-        verticalAlignments[x] = [];
-      }
-      horizontalAlignments[y].push(id);
-      verticalAlignments[x].push(id);
+      const nodeGroup = db2.getNode(id)?.in ?? "default";
+      horizontalAlignments[y] ??= {};
+      horizontalAlignments[y][nodeGroup] ??= [];
+      horizontalAlignments[y][nodeGroup].push(id);
+      verticalAlignments[x] ??= {};
+      verticalAlignments[x][nodeGroup] ??= [];
+      verticalAlignments[x][nodeGroup].push(id);
     });
     return {
-      horiz: Object.values(horizontalAlignments).filter((arr) => arr.length > 1),
-      vert: Object.values(verticalAlignments).filter((arr) => arr.length > 1)
+      horiz: Object.values(flattenAlignments(horizontalAlignments, "horizontal")).filter(
+        (arr) => arr.length > 1
+      ),
+      vert: Object.values(flattenAlignments(verticalAlignments, "vertical")).filter(
+        (arr) => arr.length > 1
+      )
     };
   });
   const [horizontal, vertical] = alignments.reduce(
@@ -10829,11 +10886,11 @@ function getAlignments(spatialMaps) {
     vertical
   };
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getAlignments, "getAlignments");
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getAlignments, "getAlignments");
 function getRelativeConstraints(spatialMaps) {
   const relativeConstraints = [];
-  const posToStr = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((pos) => `${pos[0]},${pos[1]}`, "posToStr");
-  const strToPos = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((pos) => pos.split(",").map((p) => parseInt(p)), "strToPos");
+  const posToStr = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((pos) => `${pos[0]},${pos[1]}`, "posToStr");
+  const strToPos = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((pos) => pos.split(",").map((p) => parseInt(p)), "strToPos");
   spatialMaps.forEach((spatialMap) => {
     const invSpatialMap = Object.fromEntries(
       Object.entries(spatialMap).map(([id, pos]) => [posToStr(pos), id])
@@ -10871,8 +10928,8 @@ function getRelativeConstraints(spatialMaps) {
   });
   return relativeConstraints;
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getRelativeConstraints, "getRelativeConstraints");
-function layoutArchitecture(services, junctions, groups, edges, { spatialMaps }) {
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getRelativeConstraints, "getRelativeConstraints");
+function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMaps, groupAlignments }) {
   return new Promise((resolve) => {
     const renderEl = (0,d3__WEBPACK_IMPORTED_MODULE_10__/* .select */ .Ltv)("body").append("div").attr("id", "cy").attr("style", "display:none");
     const cy = (0,cytoscape__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)({
@@ -10943,7 +11000,7 @@ function layoutArchitecture(services, junctions, groups, edges, { spatialMaps })
     addServices(services, cy);
     addJunctions(junctions, cy);
     addEdges(edges, cy);
-    const alignmentConstraint = getAlignments(spatialMaps);
+    const alignmentConstraint = getAlignments(db2, spatialMaps, groupAlignments);
     const relativePlacementConstraint = getRelativeConstraints(spatialMaps);
     const layout = cy.layout({
       name: "fcose",
@@ -11004,7 +11061,7 @@ function layoutArchitecture(services, junctions, groups, edges, { spatialMaps })
           weights: W
         };
       }
-      (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getSegmentWeights, "getSegmentWeights");
+      (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getSegmentWeights, "getSegmentWeights");
       cy.startBatch();
       for (const edge of Object.values(cy.edges())) {
         if (edge.data?.()) {
@@ -11026,20 +11083,20 @@ function layoutArchitecture(services, junctions, groups, edges, { spatialMaps })
     });
     layout.run();
     cy.ready((e) => {
-      _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .log */ .Rm.info("Ready", e);
+      _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .log */ .Rm.info("Ready", e);
       resolve(cy);
     });
   });
 }
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(layoutArchitecture, "layoutArchitecture");
-var draw = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async (text, id, _version, diagObj) => {
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(layoutArchitecture, "layoutArchitecture");
+var draw = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async (text, id, _version, diagObj) => {
   const db2 = diagObj.db;
   const services = db2.getServices();
   const junctions = db2.getJunctions();
   const groups = db2.getGroups();
   const edges = db2.getEdges();
   const ds = db2.getDataStructures();
-  const svg = (0,_chunk_OBAELV6Q_mjs__WEBPACK_IMPORTED_MODULE_5__/* .selectSvgElement */ .D)(id);
+  const svg = (0,_chunk_7B677QYD_mjs__WEBPACK_IMPORTED_MODULE_5__/* .selectSvgElement */ .D)(id);
   const edgesElem = svg.append("g");
   edgesElem.attr("class", "architecture-edges");
   const servicesElem = svg.append("g");
@@ -11048,11 +11105,11 @@ var draw = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/*
   groupElem.attr("class", "architecture-groups");
   await drawServices(db2, servicesElem, services);
   drawJunctions(db2, servicesElem, junctions);
-  const cy = await layoutArchitecture(services, junctions, groups, edges, ds);
+  const cy = await layoutArchitecture(services, junctions, groups, edges, db2, ds);
   await drawEdges(edgesElem, cy);
   await drawGroups(groupElem, cy);
   positionNodes(db2, cy);
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setupGraphViewbox */ .ot)(void 0, svg, getConfigField("padding"), getConfigField("useMaxWidth"));
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .setupGraphViewbox */ .ot)(void 0, svg, getConfigField("padding"), getConfigField("useMaxWidth"));
 }, "draw");
 var renderer = { draw };
 
@@ -11068,61 +11125,61 @@ var diagram = {
 
 /***/ }),
 
-/***/ 6509:
+/***/ 9163:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   m: () => (/* binding */ ImperativeState)
+/* harmony export */   S: () => (/* binding */ populateCommonDb)
 /* harmony export */ });
-/* harmony import */ var _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6322);
+/* harmony import */ var _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3804);
 
 
-// src/utils/imperativeState.ts
-var ImperativeState = class {
-  /**
-   * @param init - Function that creates the default state.
-   */
-  constructor(init) {
-    this.init = init;
-    this.records = this.init();
+// src/diagrams/common/populateCommonDb.ts
+function populateCommonDb(ast, db) {
+  if (ast.accDescr) {
+    db.setAccDescription?.(ast.accDescr);
   }
-  static {
-    (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(this, "ImperativeState");
+  if (ast.accTitle) {
+    db.setAccTitle?.(ast.accTitle);
   }
-  reset() {
-    this.records = this.init();
+  if (ast.title) {
+    db.setDiagramTitle?.(ast.title);
   }
-};
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(populateCommonDb, "populateCommonDb");
 
 
 
 
 /***/ }),
 
-/***/ 9314:
+/***/ 3249:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   S: () => (/* binding */ populateCommonDb)
+/* harmony export */   m: () => (/* binding */ ImperativeState)
 /* harmony export */ });
-/* harmony import */ var _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6322);
+/* harmony import */ var _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3804);
 
 
-// src/diagrams/common/populateCommonDb.ts
-function populateCommonDb(ast, db) {
-  if (ast.accDescr) {
-    db.setAccDescription?.(ast.accDescr);
+// src/utils/imperativeState.ts
+var ImperativeState = class {
+  /**
+   * @param init - Function that creates the default state.
+   */
+  constructor(init) {
+    this.init = init;
+    this.records = this.init();
   }
-  if (ast.accTitle) {
-    db.setAccTitle?.(ast.accTitle);
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(this, "ImperativeState");
   }
-  if (ast.title) {
-    db.setDiagramTitle?.(ast.title);
+  reset() {
+    this.records = this.init();
   }
-}
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(populateCommonDb, "populateCommonDb");
+};
 
 
 
@@ -11131,4 +11188,4 @@ function populateCommonDb(ast, db) {
 
 };
 ;
-//# sourceMappingURL=429.node.js.map
+//# sourceMappingURL=371.node.js.map