dominds 1.16.2 → 1.16.4

package/webapp/dist/assets/{index-BLnM-uON.js → index-D8Klc1n-.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-DhRqcF1o.js","assets/graph-mhcc7ldf.js","assets/_baseUniq-D6k_lGfs.js","assets/layout-BB2SvQcE.js","assets/_basePickBy-BJWCmtUm.js","assets/clone-B_9AxWIU.js","assets/cose-bilkent-S5V4N54A-17ECLfPR.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-COLZS8Ul.js","assets/chunk-TZMSLE5B-_HISzxl3.js","assets/flowDiagram-NV44I4VS-CdEjFbz4.js","assets/chunk-FMBD7UC4-DYGviJnf.js","assets/chunk-55IACEB6-ByD-NdBC.js","assets/chunk-QN33PNHL-B8DWRL9f.js","assets/channel-CYFm9Cri.js","assets/erDiagram-Q2GNP2WA-BH-7rI43.js","assets/gitGraphDiagram-V2S2FVAM-CUJ5oxCg.js","assets/chunk-4BX2VUAB-CX_-XbaN.js","assets/chunk-QZHKN3VN-B1aYIzMR.js","assets/treemap-GDKQZRPO-QQa4vKMv.js","assets/ganttDiagram-JELNMOA3-Cju2t-lK.js","assets/linear-Cj50lA0a.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-Df8p0okQ.js","assets/pieDiagram-ADFJNKIX-BQrOgSc-.js","assets/arc-DYDaESgj.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-C62TxtsO.js","assets/xychartDiagram-PRI3JC2R-Ba2uJcs6.js","assets/requirementDiagram-UZGBJVZJ-Is6Q3osM.js","assets/sequenceDiagram-WL72ISMW-DpODpbl6.js","assets/classDiagram-2ON5EDUG-CpyYj1Rc.js","assets/chunk-B4BG7PRW-BANemsDD.js","assets/classDiagram-v2-WZHVMYZB-CpyYj1Rc.js","assets/stateDiagram-FKZM4ZOC-B8LHaf5T.js","assets/chunk-DI55MBZ5-DV7sdJmQ.js","assets/stateDiagram-v2-4FDKWEC3-4FzTkpgz.js","assets/journeyDiagram-XKPGCS4Q-BXMl8H-d.js","assets/timeline-definition-IT6M3QCI-Ckxc4qZe.js","assets/mindmap-definition-VGOIOE7T-BLBklJVX.js","assets/kanban-definition-3W4ZIXB7-Cc5RwCEh.js","assets/sankeyDiagram-TZEHDZUN-CCAW8Dr2.js","assets/diagram-S2PKOQOG-DAFFGfch.js","assets/diagram-QEK2KX5R-ohxbPpDH.js","assets/blockDiagram-VD42YOAC-CABpgVAa.js","assets/architectureDiagram-VXUJARFQ-DZMT7dqc.js","assets/diagram-PSM6KHXK-lpDT6Wwb.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-BCEgv7zL.js","assets/graph-PACfG8qk.js","assets/_baseUniq-DeO2MBcA.js","assets/layout-D-kg27bk.js","assets/_basePickBy-BKLfvXfr.js","assets/clone-BzZfwhKW.js","assets/cose-bilkent-S5V4N54A-DIRdD9UY.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-C-WxkPD_.js","assets/chunk-JSJVCQXG-C3KJDde2.js","assets/flowDiagram-PKNHOUZH-Dptcw76l.js","assets/chunk-FMBD7UC4-CZRe1oW9.js","assets/chunk-55IACEB6-CafQjmEn.js","assets/chunk-KX2RTZJC-1gHfMJyM.js","assets/channel-CbXK2-c_.js","assets/erDiagram-INFDFZHY-BoZdWdP2.js","assets/gitGraphDiagram-K3NZZRJ6-125S1YW0.js","assets/chunk-4BX2VUAB-D6CgMaUm.js","assets/chunk-QZHKN3VN-BE5nbumW.js","assets/treemap-KZPCXAKY-DW9mBchB.js","assets/ganttDiagram-A5KZAMGK-qM3zsgxI.js","assets/linear-l0qAHpRW.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-B9vrFy_9.js","assets/pieDiagram-SKSYHLDU-BKJYIUkU.js","assets/arc-Bez5-ouI.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-yjekONzR.js","assets/xychartDiagram-JWTSCODW-BI_N4JiZ.js","assets/requirementDiagram-Z7DCOOCP-DMH1wutn.js","assets/sequenceDiagram-2WXFIKYE-4sriOpV9.js","assets/classDiagram-VBA2DB6C-DIAo1m4U.js","assets/chunk-WL4C6EOR-CY1FogYe.js","assets/classDiagram-v2-RAHNMMFH-DIAo1m4U.js","assets/stateDiagram-RAJIS63D-BUMObt6W.js","assets/chunk-NQ4KR5QH-CEZ0VIio.js","assets/stateDiagram-v2-FVOUBMTO-DazzpfnH.js","assets/journeyDiagram-4ABVD52K-BzoWs6ft.js","assets/timeline-definition-YZTLITO2-CdChFPnp.js","assets/mindmap-definition-YRQLILUH-D4282T7u.js","assets/kanban-definition-K7BYSVSG-TJm1UiSH.js","assets/sankeyDiagram-WA2Y5GQK-Cs4ACtdq.js","assets/diagram-P4PSJMXO-BJRf8VnU.js","assets/diagram-IFDJBPK2-DBtRFFBv.js","assets/blockDiagram-WCTKOSBZ-fSZbZ3PY.js","assets/architectureDiagram-2XIMDMQ5-BiDh8CGJ.js","assets/diagram-E7M64L7V-CwNdHUlg.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -5361,7 +5361,7 @@ const _createHooksMap = function _createHooksMap2() {
 function createDOMPurify() {
   let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
   const DOMPurify = (root2) => createDOMPurify(root2);
-  DOMPurify.version = "3.3.2";
+  DOMPurify.version = "3.3.3";
   DOMPurify.removed = [];
   if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
     DOMPurify.isSupported = false;
@@ -11297,9 +11297,9 @@ MarkdownIt.prototype.disable = function(list2, ignoreInvalid) {
   }
   return this;
 };
-MarkdownIt.prototype.use = function(plugin22) {
+MarkdownIt.prototype.use = function(plugin23) {
   const args = [this].concat(Array.prototype.slice.call(arguments, 1));
-  plugin22.apply(plugin22, args);
+  plugin23.apply(plugin23, args);
   return this;
 };
 MarkdownIt.prototype.parse = function(src, env) {
@@ -12775,37 +12775,37 @@ function requireCore() {
       const lang = getLanguage(name);
       return lang && !lang.disableAutodetect;
     }
-    function upgradePluginAPI(plugin22) {
-      if (plugin22["before:highlightBlock"] && !plugin22["before:highlightElement"]) {
-        plugin22["before:highlightElement"] = (data) => {
-          plugin22["before:highlightBlock"](
+    function upgradePluginAPI(plugin23) {
+      if (plugin23["before:highlightBlock"] && !plugin23["before:highlightElement"]) {
+        plugin23["before:highlightElement"] = (data) => {
+          plugin23["before:highlightBlock"](
             Object.assign({ block: data.el }, data)
           );
         };
       }
-      if (plugin22["after:highlightBlock"] && !plugin22["after:highlightElement"]) {
-        plugin22["after:highlightElement"] = (data) => {
-          plugin22["after:highlightBlock"](
+      if (plugin23["after:highlightBlock"] && !plugin23["after:highlightElement"]) {
+        plugin23["after:highlightElement"] = (data) => {
+          plugin23["after:highlightBlock"](
             Object.assign({ block: data.el }, data)
           );
         };
       }
     }
-    function addPlugin(plugin22) {
-      upgradePluginAPI(plugin22);
-      plugins.push(plugin22);
+    function addPlugin(plugin23) {
+      upgradePluginAPI(plugin23);
+      plugins.push(plugin23);
     }
-    function removePlugin(plugin22) {
-      const index = plugins.indexOf(plugin22);
+    function removePlugin(plugin23) {
+      const index = plugins.indexOf(plugin23);
       if (index !== -1) {
         plugins.splice(index, 1);
       }
     }
     function fire(event, args) {
       const cb = event;
-      plugins.forEach(function(plugin22) {
-        if (plugin22[cb]) {
-          plugin22[cb](args);
+      plugins.forEach(function(plugin23) {
+        if (plugin23[cb]) {
+          plugin23[cb](args);
         }
       });
     }
@@ -63691,8 +63691,8 @@ class Settings {
   }
 }
 class Style {
-  constructor(id28, size, cramped) {
-    this.id = id28;
+  constructor(id30, size, cramped) {
+    this.id = id30;
     this.size = size;
     this.cramped = cramped;
   }
@@ -64020,6 +64020,44 @@ var tallDelim = function tallDelim2(label, midHeight) {
       throw new Error("Unknown stretchy delimiter.");
   }
 };
+class DocumentFragment {
+  // Never used; needed for satisfying interface.
+  constructor(children2) {
+    this.children = children2;
+    this.classes = [];
+    this.height = 0;
+    this.depth = 0;
+    this.maxFontSize = 0;
+    this.style = {};
+  }
+  hasClass(className) {
+    return this.classes.includes(className);
+  }
+  /** Convert the fragment into a node. */
+  toNode() {
+    var frag = document.createDocumentFragment();
+    for (var i2 = 0; i2 < this.children.length; i2++) {
+      frag.appendChild(this.children[i2].toNode());
+    }
+    return frag;
+  }
+  /** Convert the fragment into HTML markup. */
+  toMarkup() {
+    var markup = "";
+    for (var i2 = 0; i2 < this.children.length; i2++) {
+      markup += this.children[i2].toMarkup();
+    }
+    return markup;
+  }
+  /**
+   * Converts the math node into a string, similar to innerText. Applies to
+   * MathDomNode's only.
+   */
+  toText() {
+    var toText = (child) => child.toText();
+    return this.children.map(toText).join("");
+  }
+}
 var ptPerUnit = {
   // https://en.wikibooks.org/wiki/LaTeX/Lengths and
   // https://tex.stackexchange.com/a/8263
@@ -64403,6 +64441,7 @@ function assertSpan(group) {
     throw new Error("Expected span<HtmlDomNode> but got " + String(group) + ".");
   }
 }
+var hasHtmlDomChildren = (node2) => node2 instanceof Span || node2 instanceof Anchor || node2 instanceof DocumentFragment;
 var fontMetricsData = {
   "AMS-Regular": {
     "32": [0, 0, 0, 0, 0.25],
@@ -67510,44 +67549,6 @@ var wideCharacterFont = (wideChar2, mode) => {
     throw new ParseError("Unsupported character: " + wideChar2);
   }
 };
-class DocumentFragment {
-  // Never used; needed for satisfying interface.
-  constructor(children2) {
-    this.children = children2;
-    this.classes = [];
-    this.height = 0;
-    this.depth = 0;
-    this.maxFontSize = 0;
-    this.style = {};
-  }
-  hasClass(className) {
-    return this.classes.includes(className);
-  }
-  /** Convert the fragment into a node. */
-  toNode() {
-    var frag = document.createDocumentFragment();
-    for (var i2 = 0; i2 < this.children.length; i2++) {
-      frag.appendChild(this.children[i2].toNode());
-    }
-    return frag;
-  }
-  /** Convert the fragment into HTML markup. */
-  toMarkup() {
-    var markup = "";
-    for (var i2 = 0; i2 < this.children.length; i2++) {
-      markup += this.children[i2].toMarkup();
-    }
-    return markup;
-  }
-  /**
-   * Converts the math node into a string, similar to innerText. Applies to
-   * MathDomNode's only.
-   */
-  toText() {
-    var toText = (child) => child.toText();
-    return this.children.map(toText).join("");
-  }
-}
 var lookupSymbol = function lookupSymbol2(value, fontName, mode) {
   if (symbols[mode][value]) {
     var replacement = symbols[mode][value].replace;
@@ -69248,6 +69249,14 @@ function checkSymbolNodeType(node2) {
   }
   return null;
 }
+var getBaseSymbol = (group) => {
+  if (group instanceof SymbolNode) {
+    return group;
+  }
+  if (hasHtmlDomChildren(group) && group.children.length === 1) {
+    return getBaseSymbol(group.children[0]);
+  }
+};
 var htmlBuilder$a = (grp, options) => {
   var base2;
   var group;
@@ -69266,9 +69275,8 @@ var htmlBuilder$a = (grp, options) => {
   var mustShift = group.isShifty && isCharacterBox(base2);
   var skew2 = 0;
   if (mustShift) {
-    var baseChar = getBaseElem(base2);
-    var baseGroup = buildGroup$1(baseChar, options.havingCrampedStyle());
-    skew2 = assertSymbolDomNode(baseGroup).skew;
+    var _getBaseSymbol$skew, _getBaseSymbol;
+    skew2 = (_getBaseSymbol$skew = (_getBaseSymbol = getBaseSymbol(body)) == null ? void 0 : _getBaseSymbol.skew) != null ? _getBaseSymbol$skew : 0;
   }
   var accentBelow = group.label === "\\c";
   var clearance = accentBelow ? body.height + body.depth : Math.min(body.height, options.fontMetrics().xHeight);
@@ -77565,7 +77573,7 @@ var renderToHTMLTree = function renderToHTMLTree2(expression, options) {
     return renderError(error2, expression, settings);
   }
 };
-var version = "0.16.37";
+var version = "0.16.38";
 var __domTree = {
   Span,
   Anchor,
@@ -77795,147 +77803,6 @@ const __vitePreload = function preload(baseModule, deps, importerUrl) {
     return baseModule().catch(handlePreloadError);
   });
 };
-var package_default = {
-  name: "mermaid",
-  version: "11.12.3",
-  description: "Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.",
-  type: "module",
-  module: "./dist/mermaid.core.mjs",
-  types: "./dist/mermaid.d.ts",
-  exports: {
-    ".": {
-      types: "./dist/mermaid.d.ts",
-      import: "./dist/mermaid.core.mjs",
-      default: "./dist/mermaid.core.mjs"
-    },
-    "./*": "./*"
-  },
-  keywords: [
-    "diagram",
-    "markdown",
-    "flowchart",
-    "sequence diagram",
-    "gantt",
-    "class diagram",
-    "git graph",
-    "mindmap",
-    "packet diagram",
-    "c4 diagram",
-    "er diagram",
-    "pie chart",
-    "pie diagram",
-    "quadrant chart",
-    "requirement diagram",
-    "graph"
-  ],
-  scripts: {
-    clean: "rimraf dist",
-    dev: "pnpm -w dev",
-    "docs:code": "typedoc src/defaultConfig.ts src/config.ts src/mermaid.ts && prettier --write ./src/docs/config/setup",
-    "docs:build": "rimraf ../../docs && pnpm docs:code && pnpm docs:spellcheck && tsx scripts/docs.cli.mts",
-    "docs:verify": "pnpm docs:code && pnpm docs:spellcheck && tsx scripts/docs.cli.mts --verify",
-    "docs:pre:vitepress": "pnpm --filter ./src/docs prefetch && rimraf src/vitepress && pnpm docs:code && tsx scripts/docs.cli.mts --vitepress && pnpm --filter ./src/vitepress install --no-frozen-lockfile --ignore-scripts",
-    "docs:build:vitepress": "pnpm docs:pre:vitepress && (cd src/vitepress && pnpm run build) && cpy --flat src/docs/landing/ ./src/vitepress/.vitepress/dist/landing",
-    "docs:dev": 'pnpm docs:pre:vitepress && concurrently "pnpm --filter ./src/vitepress dev" "tsx scripts/docs.cli.mts --watch --vitepress"',
-    "docs:dev:docker": 'pnpm docs:pre:vitepress && concurrently "pnpm --filter ./src/vitepress dev:docker" "tsx scripts/docs.cli.mts --watch --vitepress"',
-    "docs:serve": "pnpm docs:build:vitepress && vitepress serve src/vitepress",
-    "docs:spellcheck": 'cspell "src/docs/**/*.md"',
-    "docs:release-version": "tsx scripts/update-release-version.mts",
-    "docs:verify-version": "tsx scripts/update-release-version.mts --verify",
-    "types:build-config": "tsx scripts/create-types-from-json-schema.mts",
-    "types:verify-config": "tsx scripts/create-types-from-json-schema.mts --verify",
-    checkCircle: "npx madge --circular ./src",
-    prepublishOnly: "pnpm docs:verify-version"
-  },
-  repository: {
-    type: "git",
-    url: "https://github.com/mermaid-js/mermaid"
-  },
-  author: "Knut Sveidqvist",
-  license: "MIT",
-  standard: {
-    ignore: [
-      "**/parser/*.js",
-      "dist/**/*.js",
-      "cypress/**/*.js"
-    ],
-    globals: [
-      "page"
-    ]
-  },
-  dependencies: {
-    "@braintree/sanitize-url": "^7.1.1",
-    "@iconify/utils": "^3.0.1",
-    "@mermaid-js/parser": "workspace:^",
-    "@types/d3": "^7.4.3",
-    cytoscape: "^3.29.3",
-    "cytoscape-cose-bilkent": "^4.1.0",
-    "cytoscape-fcose": "^2.2.0",
-    d3: "^7.9.0",
-    "d3-sankey": "^0.12.3",
-    "dagre-d3-es": "7.0.13",
-    dayjs: "^1.11.18",
-    dompurify: "^3.2.5",
-    katex: "^0.16.22",
-    khroma: "^2.1.0",
-    "lodash-es": "^4.17.23",
-    marked: "^16.2.1",
-    roughjs: "^4.6.6",
-    stylis: "^4.3.6",
-    "ts-dedent": "^2.2.0",
-    uuid: "^11.1.0"
-  },
-  devDependencies: {
-    "@adobe/jsonschema2md": "^8.0.5",
-    "@iconify/types": "^2.0.0",
-    "@types/cytoscape": "^3.21.9",
-    "@types/cytoscape-fcose": "^2.2.4",
-    "@types/d3-sankey": "^0.12.4",
-    "@types/d3-scale": "^4.0.9",
-    "@types/d3-scale-chromatic": "^3.1.0",
-    "@types/d3-selection": "^3.0.11",
-    "@types/d3-shape": "^3.1.7",
-    "@types/jsdom": "^21.1.7",
-    "@types/katex": "^0.16.7",
-    "@types/lodash-es": "^4.17.12",
-    "@types/micromatch": "^4.0.9",
-    "@types/stylis": "^4.2.7",
-    "@types/uuid": "^10.0.0",
-    ajv: "^8.17.1",
-    canvas: "^3.1.2",
-    chokidar: "3.6.0",
-    concurrently: "^9.1.2",
-    "csstree-validator": "^4.0.1",
-    globby: "^14.1.0",
-    jison: "^0.4.18",
-    "js-base64": "^3.7.8",
-    jsdom: "^26.1.0",
-    "json-schema-to-typescript": "^15.0.4",
-    micromatch: "^4.0.8",
-    "path-browserify": "^1.0.1",
-    prettier: "^3.5.3",
-    remark: "^15.0.1",
-    "remark-frontmatter": "^5.0.0",
-    "remark-gfm": "^4.0.1",
-    rimraf: "^6.0.1",
-    "start-server-and-test": "^2.0.13",
-    "type-fest": "^4.35.0",
-    typedoc: "^0.28.12",
-    "typedoc-plugin-markdown": "^4.8.1",
-    typescript: "~5.7.3",
-    "unist-util-flatmap": "^1.0.0",
-    "unist-util-visit": "^5.0.0",
-    vitepress: "^1.6.4",
-    "vitepress-plugin-search": "1.0.4-alpha.22"
-  },
-  files: [
-    "dist/",
-    "README.md"
-  ],
-  publishConfig: {
-    access: "public"
-  }
-};
 var dayjs_min$1 = { exports: {} };
 var dayjs_min = dayjs_min$1.exports;
 var hasRequiredDayjs_min;
@@ -78956,8 +78823,8 @@ var UnknownDiagramError = (_a2 = class extends Error {
 var detectors = {};
 var detectType$1 = /* @__PURE__ */ __name(function(text2, config2) {
   text2 = text2.replace(frontMatterRegex, "").replace(directiveRegex, "").replace(anyCommentRegex, "\n");
-  for (const [key, { detector: detector28 }] of Object.entries(detectors)) {
-    const diagram2 = detector28(text2, config2);
+  for (const [key, { detector: detector30 }] of Object.entries(detectors)) {
+    const diagram2 = detector30(text2, config2);
     if (diagram2) {
       return key;
     }
@@ -78967,16 +78834,16 @@ var detectType$1 = /* @__PURE__ */ __name(function(text2, config2) {
   );
 }, "detectType");
 var registerLazyLoadedDiagrams = /* @__PURE__ */ __name((...diagrams2) => {
-  for (const { id: id28, detector: detector28, loader: loader28 } of diagrams2) {
-    addDetector(id28, detector28, loader28);
+  for (const { id: id30, detector: detector30, loader: loader30 } of diagrams2) {
+    addDetector(id30, detector30, loader30);
   }
 }, "registerLazyLoadedDiagrams");
-var addDetector = /* @__PURE__ */ __name((key, detector28, loader28) => {
+var addDetector = /* @__PURE__ */ __name((key, detector30, loader30) => {
   if (detectors[key]) {
     log.warn(`Detector with key ${key} already exists. Overwriting.`);
   }
-  detectors[key] = { detector: detector28, loader: loader28 };
-  log.debug(`Detector with key ${key} added${loader28 ? " with loader" : ""}`);
+  detectors[key] = { detector: detector30, loader: loader30 };
+  log.debug(`Detector with key ${key} added${loader30 ? " with loader" : ""}`);
 }, "addDetector");
 var getDiagramLoader = /* @__PURE__ */ __name((key) => {
   return detectors[key].loader;
@@ -79003,7 +78870,7 @@ var assignWithDepth = /* @__PURE__ */ __name((dst, src, { depth = 2, clobber = f
   }
   if (src !== void 0 && typeof dst === "object" && typeof src === "object") {
     Object.keys(src).forEach((key) => {
-      if (typeof src[key] === "object" && (dst[key] === void 0 || typeof dst[key] === "object")) {
+      if (typeof src[key] === "object" && src[key] !== null && (dst[key] === void 0 || typeof dst[key] === "object")) {
         if (dst[key] === void 0) {
           dst[key] = Array.isArray(src[key]) ? [] : {};
         }
@@ -79184,6 +79051,16 @@ var Theme = (_b = class {
     this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px";
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
+    this.venn1 = this.venn1 ?? adjust(this.primaryColor, { l: -30 });
+    this.venn2 = this.venn2 ?? adjust(this.secondaryColor, { l: -30 });
+    this.venn3 = this.venn3 ?? adjust(this.tertiaryColor, { l: -30 });
+    this.venn4 = this.venn4 ?? adjust(this.primaryColor, { h: 60, l: -30 });
+    this.venn5 = this.venn5 ?? adjust(this.primaryColor, { h: -60, l: -30 });
+    this.venn6 = this.venn6 ?? adjust(this.secondaryColor, { h: 60, l: -30 });
+    this.venn7 = this.venn7 ?? adjust(this.primaryColor, { h: 120, l: -30 });
+    this.venn8 = this.venn8 ?? adjust(this.secondaryColor, { h: 120, l: -30 });
+    this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor;
+    this.vennSetTextColor = this.vennSetTextColor ?? this.textColor;
     this.radar = {
       axisColor: this.radar?.axisColor || this.lineColor,
       axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
@@ -79425,7 +79302,7 @@ var Theme2 = (_c = class {
     this.taskTextOutsideColor = this.taskTextLightColor;
     this.gridColor = this.mainContrastColor;
     this.doneTaskBkgColor = this.mainContrastColor;
-    this.taskTextDarkColor = this.darkTextColor;
+    this.taskTextDarkColor = invert(this.doneTaskBkgColor);
     this.archEdgeColor = this.lineColor;
     this.archEdgeArrowColor = this.lineColor;
     this.transitionColor = this.transitionColor || this.lineColor;
@@ -79491,16 +79368,21 @@ var Theme2 = (_c = class {
       this["pie" + i2] = this["cScale" + i2];
     }
     this.pieTitleTextSize = this.pieTitleTextSize || "25px";
-    this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor;
+    this.pieTitleTextColor = this.pieTitleTextColor || this.mainContrastColor;
     this.pieSectionTextSize = this.pieSectionTextSize || "17px";
     this.pieSectionTextColor = this.pieSectionTextColor || this.textColor;
     this.pieLegendTextSize = this.pieLegendTextSize || "17px";
-    this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor;
+    this.pieLegendTextColor = this.pieLegendTextColor || this.mainContrastColor;
     this.pieStrokeColor = this.pieStrokeColor || "black";
     this.pieStrokeWidth = this.pieStrokeWidth || "2px";
     this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px";
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
+    for (let i2 = 0; i2 < 8; i2++) {
+      this["venn" + (i2 + 1)] = this["venn" + (i2 + 1)] ?? lighten(this["cScale" + i2], 30);
+    }
+    this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor;
+    this.vennSetTextColor = this.vennSetTextColor ?? this.textColor;
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
     this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
     this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
@@ -79819,6 +79701,16 @@ var Theme3 = (_d = class {
     this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px";
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
+    this.venn1 = this.venn1 ?? adjust(this.primaryColor, { l: -30 });
+    this.venn2 = this.venn2 ?? adjust(this.secondaryColor, { l: -30 });
+    this.venn3 = this.venn3 ?? adjust(this.tertiaryColor, { l: -40 });
+    this.venn4 = this.venn4 ?? adjust(this.primaryColor, { h: 60, l: -30 });
+    this.venn5 = this.venn5 ?? adjust(this.primaryColor, { h: -60, l: -30 });
+    this.venn6 = this.venn6 ?? adjust(this.secondaryColor, { h: 60, l: -30 });
+    this.venn7 = this.venn7 ?? adjust(this.primaryColor, { h: 120, l: -30 });
+    this.venn8 = this.venn8 ?? adjust(this.secondaryColor, { h: 120, l: -30 });
+    this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor;
+    this.vennSetTextColor = this.vennSetTextColor ?? this.textColor;
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
     this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
     this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
@@ -80120,6 +80012,16 @@ var Theme4 = (_e2 = class {
     this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px";
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
+    this.venn1 = this.venn1 ?? adjust(this.primaryColor, { l: -30 });
+    this.venn2 = this.venn2 ?? adjust(this.secondaryColor, { l: -30 });
+    this.venn3 = this.venn3 ?? adjust(this.tertiaryColor, { l: -30 });
+    this.venn4 = this.venn4 ?? adjust(this.primaryColor, { h: 60, l: -30 });
+    this.venn5 = this.venn5 ?? adjust(this.primaryColor, { h: -60, l: -30 });
+    this.venn6 = this.venn6 ?? adjust(this.secondaryColor, { h: 60, l: -30 });
+    this.venn7 = this.venn7 ?? adjust(this.primaryColor, { h: 120, l: -30 });
+    this.venn8 = this.venn8 ?? adjust(this.secondaryColor, { h: 120, l: -30 });
+    this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor;
+    this.vennSetTextColor = this.vennSetTextColor ?? this.textColor;
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
     this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
     this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
@@ -80441,6 +80343,11 @@ var Theme5 = (_f = class {
     this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px";
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
+    for (let i2 = 0; i2 < 8; i2++) {
+      this["venn" + (i2 + 1)] = this["venn" + (i2 + 1)] ?? this["cScale" + i2];
+    }
+    this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor;
+    this.vennSetTextColor = this.vennSetTextColor ?? this.textColor;
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
     this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
     this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
@@ -80569,7 +80476,7 @@ var config_schema_default = {
       "bottom": 0
     },
     "diagramPadding": 8,
-    "htmlLabels": true,
+    "htmlLabels": null,
     "nodeSpacing": 50,
     "rankSpacing": 50,
     "curve": "basis",
@@ -80800,6 +80707,10 @@ var config_schema_default = {
     "maxNodeWidth": 200,
     "layoutAlgorithm": "cose-bilkent"
   },
+  "ishikawa": {
+    "useMaxWidth": true,
+    "diagramPadding": 20
+  },
   "kanban": {
     "useMaxWidth": true,
     "padding": 8,
@@ -81027,6 +80938,13 @@ var config_schema_default = {
     "axisLabelFactor": 1.05,
     "curveTension": 0.17
   },
+  "venn": {
+    "useMaxWidth": true,
+    "width": 800,
+    "height": 450,
+    "padding": 8,
+    "useDebugLayout": false
+  },
   "theme": "default",
   "look": "classic",
   "handDrawnSeed": 0,
@@ -81283,6 +81201,9 @@ var config = {
   radar: {
     ...config_schema_default.radar
   },
+  ishikawa: {
+    ...config_schema_default.ishikawa
+  },
   treemap: {
     useMaxWidth: true,
     padding: 10,
@@ -81294,6 +81215,9 @@ var config = {
     valueFontSize: 12,
     labelFontSize: 14,
     valueFormat: ","
+  },
+  venn: {
+    ...config_schema_default.venn
   }
 };
 var keyify = /* @__PURE__ */ __name((obj, prefix = "") => Object.keys(obj).reduce((res, el) => {
@@ -81364,6 +81288,7 @@ var sanitizeCss = /* @__PURE__ */ __name((str2) => {
   return str2;
 }, "sanitizeCss");
 var defaultConfig = Object.freeze(defaultConfig_default);
+var evaluate = /* @__PURE__ */ __name((val) => val === false || ["false", "null", "0"].includes(String(val).trim().toLowerCase()) ? false : true, "evaluate");
 var siteConfig = assignWithDepth_default({}, defaultConfig);
 var configFromInitialize;
 var directives = [];
@@ -81458,7 +81383,8 @@ var reset = /* @__PURE__ */ __name((config2 = siteConfig) => {
   updateCurrentConfig(config2, directives);
 }, "reset");
 var ConfigWarning = {
-  LAZY_LOAD_DEPRECATED: "The configuration options lazyLoadedDiagrams and loadExternalDiagramsAtStartup are deprecated. Please use registerExternalDiagrams instead."
+  LAZY_LOAD_DEPRECATED: "The configuration options lazyLoadedDiagrams and loadExternalDiagramsAtStartup are deprecated. Please use registerExternalDiagrams instead.",
+  FLOWCHART_HTML_LABELS_DEPRECATED: "flowchart.htmlLabels is deprecated. Please use global htmlLabels instead."
 };
 var issuedWarnings = {};
 var issueWarning = /* @__PURE__ */ __name((warning) => {
@@ -81486,6 +81412,12 @@ var getUserDefinedConfig = /* @__PURE__ */ __name(() => {
   }
   return userConfig;
 }, "getUserDefinedConfig");
+var getEffectiveHtmlLabels = /* @__PURE__ */ __name((config2) => {
+  if (config2.flowchart?.htmlLabels != void 0) {
+    issueWarning("FLOWCHART_HTML_LABELS_DEPRECATED");
+  }
+  return evaluate(config2.htmlLabels ?? config2.flowchart?.htmlLabels ?? true);
+}, "getEffectiveHtmlLabels");
 var lineBreakRegex = /<br\s*\/?>/gi;
 var getRows = /* @__PURE__ */ __name((s2) => {
   if (!s2) {
@@ -81527,9 +81459,9 @@ var removeScript = /* @__PURE__ */ __name((txt) => {
   return sanitizedText;
 }, "removeScript");
 var sanitizeMore = /* @__PURE__ */ __name((text2, config2) => {
-  if (config2.flowchart?.htmlLabels !== false) {
+  if (getEffectiveHtmlLabels(config2)) {
     const level = config2.securityLevel;
-    if (level === "antiscript" || level === "strict") {
+    if (level === "antiscript" || level === "strict" || level === "sandbox") {
       text2 = removeScript(text2);
     } else if (level !== "loose") {
       text2 = breakToPlaceholder(text2);
@@ -81579,7 +81511,6 @@ var getUrl = /* @__PURE__ */ __name((useAbsolute) => {
   }
   return url;
 }, "getUrl");
-var evaluate = /* @__PURE__ */ __name((val) => val === false || ["false", "null", "0"].includes(String(val).trim().toLowerCase()) ? false : true, "evaluate");
 var getMax = /* @__PURE__ */ __name(function(...values) {
   const newValues = values.filter((value) => {
     return !isNaN(value);
@@ -81868,15 +81799,15 @@ var getCommonDb = /* @__PURE__ */ __name(() => {
   return commonDb_exports;
 }, "getCommonDb");
 var diagrams = {};
-var registerDiagram = /* @__PURE__ */ __name((id28, diagram2, detector28) => {
-  if (diagrams[id28]) {
-    log2.warn(`Diagram with id ${id28} already registered. Overwriting.`);
+var registerDiagram = /* @__PURE__ */ __name((id30, diagram2, detector30) => {
+  if (diagrams[id30]) {
+    log2.warn(`Diagram with id ${id30} already registered. Overwriting.`);
   }
-  diagrams[id28] = diagram2;
-  if (detector28) {
-    addDetector(id28, detector28);
+  diagrams[id30] = diagram2;
+  if (detector30) {
+    addDetector(id30, detector30);
   }
-  addStylesForDiagram(id28, diagram2.styles);
+  addStylesForDiagram(id30, diagram2.styles);
   diagram2.injectUtils?.(
     log2,
     setLogLevel2,
@@ -83277,11 +83208,11 @@ var STARTED = 3;
 var RUNNING = 4;
 var ENDING = 5;
 var ENDED = 6;
-function schedule(node2, name, id28, index, group, timing) {
+function schedule(node2, name, id30, index, group, timing) {
   var schedules = node2.__transition;
   if (!schedules) node2.__transition = {};
-  else if (id28 in schedules) return;
-  create(node2, id28, {
+  else if (id30 in schedules) return;
+  create(node2, id30, {
     name,
     index,
     // For context during callback.
@@ -83297,24 +83228,24 @@ function schedule(node2, name, id28, index, group, timing) {
     state: CREATED
   });
 }
-function init$1(node2, id28) {
-  var schedule2 = get(node2, id28);
+function init$1(node2, id30) {
+  var schedule2 = get(node2, id30);
   if (schedule2.state > CREATED) throw new Error("too late; already scheduled");
   return schedule2;
 }
-function set$1(node2, id28) {
-  var schedule2 = get(node2, id28);
+function set$1(node2, id30) {
+  var schedule2 = get(node2, id30);
   if (schedule2.state > STARTED) throw new Error("too late; already running");
   return schedule2;
 }
-function get(node2, id28) {
+function get(node2, id30) {
   var schedule2 = node2.__transition;
-  if (!schedule2 || !(schedule2 = schedule2[id28])) throw new Error("transition not found");
+  if (!schedule2 || !(schedule2 = schedule2[id30])) throw new Error("transition not found");
   return schedule2;
 }
-function create(node2, id28, self2) {
+function create(node2, id30, self2) {
   var schedules = node2.__transition, tween;
-  schedules[id28] = self2;
+  schedules[id30] = self2;
   self2.timer = timer(schedule2, 0, self2.time);
   function schedule2(elapsed) {
     self2.state = SCHEDULED;
@@ -83333,7 +83264,7 @@ function create(node2, id28, self2) {
         o2.timer.stop();
         o2.on.call("interrupt", node2, node2.__data__, o2.index, o2.group);
         delete schedules[i2];
-      } else if (+i2 < id28) {
+      } else if (+i2 < id30) {
         o2.state = ENDED;
         o2.timer.stop();
         o2.on.call("cancel", node2, node2.__data__, o2.index, o2.group);
@@ -83372,7 +83303,7 @@ function create(node2, id28, self2) {
   function stop() {
     self2.state = ENDED;
     self2.timer.stop();
-    delete schedules[id28];
+    delete schedules[id30];
     for (var i2 in schedules) return;
     delete node2.__transition;
   }
@@ -83399,10 +83330,10 @@ function selection_interrupt(name) {
     interrupt(this, name);
   });
 }
-function tweenRemove(id28, name) {
+function tweenRemove(id30, name) {
   var tween0, tween1;
   return function() {
-    var schedule2 = set$1(this, id28), tween = schedule2.tween;
+    var schedule2 = set$1(this, id30), tween = schedule2.tween;
     if (tween !== tween0) {
       tween1 = tween0 = tween;
       for (var i2 = 0, n2 = tween1.length; i2 < n2; ++i2) {
@@ -83416,11 +83347,11 @@ function tweenRemove(id28, name) {
     schedule2.tween = tween1;
   };
 }
-function tweenFunction(id28, name, value) {
+function tweenFunction(id30, name, value) {
   var tween0, tween1;
   if (typeof value !== "function") throw new Error();
   return function() {
-    var schedule2 = set$1(this, id28), tween = schedule2.tween;
+    var schedule2 = set$1(this, id30), tween = schedule2.tween;
     if (tween !== tween0) {
       tween1 = (tween0 = tween).slice();
       for (var t2 = { name, value }, i2 = 0, n2 = tween1.length; i2 < n2; ++i2) {
@@ -83435,10 +83366,10 @@ function tweenFunction(id28, name, value) {
   };
 }
 function transition_tween(name, value) {
-  var id28 = this._id;
+  var id30 = this._id;
   name += "";
   if (arguments.length < 2) {
-    var tween = get(this.node(), id28).tween;
+    var tween = get(this.node(), id30).tween;
     for (var i2 = 0, n2 = tween.length, t2; i2 < n2; ++i2) {
       if ((t2 = tween[i2]).name === name) {
         return t2.value;
@@ -83446,16 +83377,16 @@ function transition_tween(name, value) {
     }
     return null;
   }
-  return this.each((value == null ? tweenRemove : tweenFunction)(id28, name, value));
+  return this.each((value == null ? tweenRemove : tweenFunction)(id30, name, value));
 }
 function tweenValue(transition, name, value) {
-  var id28 = transition._id;
+  var id30 = transition._id;
   transition.each(function() {
-    var schedule2 = set$1(this, id28);
+    var schedule2 = set$1(this, id30);
     (schedule2.value || (schedule2.value = {}))[name] = value.apply(this, arguments);
   });
   return function(node2) {
-    return get(node2, id28).value[name];
+    return get(node2, id30).value[name];
   };
 }
 function interpolate(a2, b2) {
@@ -83548,49 +83479,49 @@ function transition_attrTween(name, value) {
   var fullname = namespace(name);
   return this.tween(key, (fullname.local ? attrTweenNS : attrTween)(fullname, value));
 }
-function delayFunction(id28, value) {
+function delayFunction(id30, value) {
   return function() {
-    init$1(this, id28).delay = +value.apply(this, arguments);
+    init$1(this, id30).delay = +value.apply(this, arguments);
   };
 }
-function delayConstant(id28, value) {
+function delayConstant(id30, value) {
   return value = +value, function() {
-    init$1(this, id28).delay = value;
+    init$1(this, id30).delay = value;
   };
 }
 function transition_delay(value) {
-  var id28 = this._id;
-  return arguments.length ? this.each((typeof value === "function" ? delayFunction : delayConstant)(id28, value)) : get(this.node(), id28).delay;
+  var id30 = this._id;
+  return arguments.length ? this.each((typeof value === "function" ? delayFunction : delayConstant)(id30, value)) : get(this.node(), id30).delay;
 }
-function durationFunction(id28, value) {
+function durationFunction(id30, value) {
   return function() {
-    set$1(this, id28).duration = +value.apply(this, arguments);
+    set$1(this, id30).duration = +value.apply(this, arguments);
   };
 }
-function durationConstant(id28, value) {
+function durationConstant(id30, value) {
   return value = +value, function() {
-    set$1(this, id28).duration = value;
+    set$1(this, id30).duration = value;
   };
 }
 function transition_duration(value) {
-  var id28 = this._id;
-  return arguments.length ? this.each((typeof value === "function" ? durationFunction : durationConstant)(id28, value)) : get(this.node(), id28).duration;
+  var id30 = this._id;
+  return arguments.length ? this.each((typeof value === "function" ? durationFunction : durationConstant)(id30, value)) : get(this.node(), id30).duration;
 }
-function easeConstant(id28, value) {
+function easeConstant(id30, value) {
   if (typeof value !== "function") throw new Error();
   return function() {
-    set$1(this, id28).ease = value;
+    set$1(this, id30).ease = value;
   };
 }
 function transition_ease(value) {
-  var id28 = this._id;
-  return arguments.length ? this.each(easeConstant(id28, value)) : get(this.node(), id28).ease;
+  var id30 = this._id;
+  return arguments.length ? this.each(easeConstant(id30, value)) : get(this.node(), id30).ease;
 }
-function easeVarying(id28, value) {
+function easeVarying(id30, value) {
   return function() {
     var v2 = value.apply(this, arguments);
     if (typeof v2 !== "function") throw new Error();
-    set$1(this, id28).ease = v2;
+    set$1(this, id30).ease = v2;
   };
 }
 function transition_easeVarying(value) {
@@ -83629,22 +83560,22 @@ function start(name) {
     return !t2 || t2 === "start";
   });
 }
-function onFunction(id28, name, listener) {
+function onFunction(id30, name, listener) {
   var on0, on1, sit = start(name) ? init$1 : set$1;
   return function() {
-    var schedule2 = sit(this, id28), on = schedule2.on;
+    var schedule2 = sit(this, id30), on = schedule2.on;
     if (on !== on0) (on1 = (on0 = on).copy()).on(name, listener);
     schedule2.on = on1;
   };
 }
 function transition_on(name, listener) {
-  var id28 = this._id;
-  return arguments.length < 2 ? get(this.node(), id28).on.on(name) : this.each(onFunction(id28, name, listener));
+  var id30 = this._id;
+  return arguments.length < 2 ? get(this.node(), id30).on.on(name) : this.each(onFunction(id30, name, listener));
 }
-function removeFunction(id28) {
+function removeFunction(id30) {
   return function() {
     var parent = this.parentNode;
-    for (var i2 in this.__transition) if (+i2 !== id28) return;
+    for (var i2 in this.__transition) if (+i2 !== id30) return;
     if (parent) parent.removeChild(this);
   };
 }
@@ -83652,28 +83583,28 @@ function transition_remove() {
   return this.on("end.remove", removeFunction(this._id));
 }
 function transition_select(select2) {
-  var name = this._name, id28 = this._id;
+  var name = this._name, id30 = this._id;
   if (typeof select2 !== "function") select2 = selector(select2);
   for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j2 = 0; j2 < m2; ++j2) {
     for (var group = groups[j2], n2 = group.length, subgroup = subgroups[j2] = new Array(n2), node2, subnode, i2 = 0; i2 < n2; ++i2) {
       if ((node2 = group[i2]) && (subnode = select2.call(node2, node2.__data__, i2, group))) {
         if ("__data__" in node2) subnode.__data__ = node2.__data__;
         subgroup[i2] = subnode;
-        schedule(subgroup[i2], name, id28, i2, subgroup, get(node2, id28));
+        schedule(subgroup[i2], name, id30, i2, subgroup, get(node2, id30));
       }
     }
   }
-  return new Transition(subgroups, this._parents, name, id28);
+  return new Transition(subgroups, this._parents, name, id30);
 }
 function transition_selectAll(select2) {
-  var name = this._name, id28 = this._id;
+  var name = this._name, id30 = this._id;
   if (typeof select2 !== "function") select2 = selectorAll(select2);
   for (var groups = this._groups, m2 = groups.length, subgroups = [], parents = [], j2 = 0; j2 < m2; ++j2) {
     for (var group = groups[j2], n2 = group.length, node2, i2 = 0; i2 < n2; ++i2) {
       if (node2 = group[i2]) {
-        for (var children2 = select2.call(node2, node2.__data__, i2, group), child, inherit2 = get(node2, id28), k2 = 0, l4 = children2.length; k2 < l4; ++k2) {
+        for (var children2 = select2.call(node2, node2.__data__, i2, group), child, inherit2 = get(node2, id30), k2 = 0, l4 = children2.length; k2 < l4; ++k2) {
           if (child = children2[k2]) {
-            schedule(child, name, id28, k2, children2, inherit2);
+            schedule(child, name, id30, k2, children2, inherit2);
           }
         }
         subgroups.push(children2);
@@ -83681,7 +83612,7 @@ function transition_selectAll(select2) {
       }
     }
   }
-  return new Transition(subgroups, parents, name, id28);
+  return new Transition(subgroups, parents, name, id30);
 }
 var Selection = selection.prototype.constructor;
 function transition_selection() {
@@ -83714,10 +83645,10 @@ function styleFunction(name, interpolate2, value) {
     return string0 === string1 ? null : string0 === string00 && string1 === string10 ? interpolate0 : (string10 = string1, interpolate0 = interpolate2(string00 = string0, value1));
   };
 }
-function styleMaybeRemove(id28, name) {
+function styleMaybeRemove(id30, name) {
   var on0, on1, listener0, key = "style." + name, event = "end." + key, remove2;
   return function() {
-    var schedule2 = set$1(this, id28), on = schedule2.on, listener = schedule2.value[key] == null ? remove2 || (remove2 = styleRemove(name)) : void 0;
+    var schedule2 = set$1(this, id30), on = schedule2.on, listener = schedule2.value[key] == null ? remove2 || (remove2 = styleRemove(name)) : void 0;
     if (on !== on0 || listener0 !== listener) (on1 = (on0 = on).copy()).on(event, listener0 = listener);
     schedule2.on = on1;
   };
@@ -83802,13 +83733,13 @@ function transition_transition() {
   return new Transition(groups, this._parents, name, id1);
 }
 function transition_end() {
-  var on0, on1, that = this, id28 = that._id, size = that.size();
+  var on0, on1, that = this, id30 = that._id, size = that.size();
   return new Promise(function(resolve, reject) {
     var cancel = { value: reject }, end = { value: function() {
       if (--size === 0) resolve();
     } };
     that.each(function() {
-      var schedule2 = set$1(this, id28), on = schedule2.on;
+      var schedule2 = set$1(this, id30), on = schedule2.on;
       if (on !== on0) {
         on1 = (on0 = on).copy();
         on1._.cancel.push(cancel);
@@ -83821,11 +83752,11 @@ function transition_end() {
   });
 }
 var id$2 = 0;
-function Transition(groups, parents, name, id28) {
+function Transition(groups, parents, name, id30) {
   this._groups = groups;
   this._parents = parents;
   this._name = name;
-  this._id = id28;
+  this._id = id30;
 }
 function newId() {
   return ++id$2;
@@ -83873,30 +83804,30 @@ var defaultTiming = {
   duration: 250,
   ease: cubicInOut
 };
-function inherit(node2, id28) {
+function inherit(node2, id30) {
   var timing;
-  while (!(timing = node2.__transition) || !(timing = timing[id28])) {
+  while (!(timing = node2.__transition) || !(timing = timing[id30])) {
     if (!(node2 = node2.parentNode)) {
-      throw new Error(`transition ${id28} not found`);
+      throw new Error(`transition ${id30} not found`);
     }
   }
   return timing;
 }
 function selection_transition(name) {
-  var id28, timing;
+  var id30, timing;
   if (name instanceof Transition) {
-    id28 = name._id, name = name._name;
+    id30 = name._id, name = name._name;
   } else {
-    id28 = newId(), (timing = defaultTiming).time = now(), name = name == null ? null : name + "";
+    id30 = newId(), (timing = defaultTiming).time = now(), name = name == null ? null : name + "";
   }
   for (var groups = this._groups, m2 = groups.length, j2 = 0; j2 < m2; ++j2) {
     for (var group = groups[j2], n2 = group.length, node2, i2 = 0; i2 < n2; ++i2) {
       if (node2 = group[i2]) {
-        schedule(node2, name, id28, i2, group, timing || inherit(node2, id28));
+        schedule(node2, name, id30, i2, group, timing || inherit(node2, id30));
       }
     }
   }
-  return new Transition(groups, this._parents, name, id28);
+  return new Transition(groups, this._parents, name, id30);
 }
 selection.prototype.interrupt = selection_interrupt;
 selection.prototype.transition = selection_transition;
@@ -85001,15 +84932,15 @@ Transform.prototype = {
   }
 };
 Transform.prototype;
-var selectSvgElement = /* @__PURE__ */ __name((id28) => {
+var selectSvgElement = /* @__PURE__ */ __name((id30) => {
   const { securityLevel } = getConfig2();
   let root2 = select("body");
   if (securityLevel === "sandbox") {
-    const sandboxElement = select(`#i${id28}`);
+    const sandboxElement = select(`#i${id30}`);
     const doc = sandboxElement.node()?.contentDocument ?? document;
     root2 = select(doc.body);
   }
-  const svg2 = root2.select(`#${id28}`);
+  const svg2 = root2.select(`#${id30}`);
   return svg2;
 }, "selectSvgElement");
 function isNothing(subject) {
@@ -85932,6 +85863,19 @@ function charFromCodepoint(c2) {
   );
 }
 __name(charFromCodepoint, "charFromCodepoint");
+function setProperty(object, key, value) {
+  if (key === "__proto__") {
+    Object.defineProperty(object, key, {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value
+    });
+  } else {
+    object[key] = value;
+  }
+}
+__name(setProperty, "setProperty");
 var simpleEscapeCheck = new Array(256);
 var simpleEscapeMap = new Array(256);
 for (i$1 = 0; i$1 < 256; i$1++) {
@@ -86056,7 +86000,7 @@ function mergeMappings(state2, destination, source, overridableKeys) {
   for (index = 0, quantity = sourceKeys.length; index < quantity; index += 1) {
     key = sourceKeys[index];
     if (!_hasOwnProperty$1.call(destination, key)) {
-      destination[key] = source[key];
+      setProperty(destination, key, source[key]);
       overridableKeys[key] = true;
     }
   }
@@ -86097,16 +86041,7 @@ function storeMappingPair(state2, _result, overridableKeys, keyTag, keyNode, val
       state2.position = startPos || state2.position;
       throwError(state2, "duplicated mapping key");
     }
-    if (keyNode === "__proto__") {
-      Object.defineProperty(_result, keyNode, {
-        configurable: true,
-        enumerable: true,
-        writable: true,
-        value: valueNode
-      });
-    } else {
-      _result[keyNode] = valueNode;
-    }
+    setProperty(_result, keyNode, valueNode);
     delete overridableKeys[keyNode];
   }
   return _result;
@@ -87698,6 +87633,14 @@ function renamed(from2, to) {
 __name(renamed, "renamed");
 var JSON_SCHEMA = json;
 var load = loader$1.load;
+var computeLabelTransform = /* @__PURE__ */ __name((bbox, useHtmlLabels) => {
+  if (useHtmlLabels) {
+    return "translate(" + -bbox.width / 2 + ", " + -bbox.height / 2 + ")";
+  }
+  const x2 = bbox.x ?? 0;
+  const y3 = bbox.y ?? 0;
+  return "translate(" + -(x2 + bbox.width / 2) + ", " + -(y3 + bbox.height / 2) + ")";
+}, "computeLabelTransform");
 var markerOffsets = {
   aggregation: 17.25,
   extension: 17.25,
@@ -87807,113 +87750,6 @@ var getLineFunctionsWithOffset = /* @__PURE__ */ __name((edge) => {
     }, "y")
   };
 }, "getLineFunctionsWithOffset");
-var getSubGraphTitleMargins = /* @__PURE__ */ __name(({
-  flowchart
-}) => {
-  const subGraphTitleTopMargin = flowchart?.subGraphTitleMargin?.top ?? 0;
-  const subGraphTitleBottomMargin = flowchart?.subGraphTitleMargin?.bottom ?? 0;
-  const subGraphTitleTotalMargin = subGraphTitleTopMargin + subGraphTitleBottomMargin;
-  return {
-    subGraphTitleTopMargin,
-    subGraphTitleBottomMargin,
-    subGraphTitleTotalMargin
-  };
-}, "getSubGraphTitleMargins");
-var solidStateFill = /* @__PURE__ */ __name((color2) => {
-  const { handDrawnSeed } = getConfig2();
-  return {
-    fill: color2,
-    hachureAngle: 120,
-    // angle of hachure,
-    hachureGap: 4,
-    fillWeight: 2,
-    roughness: 0.7,
-    stroke: color2,
-    seed: handDrawnSeed
-  };
-}, "solidStateFill");
-var compileStyles = /* @__PURE__ */ __name((node2) => {
-  const stylesMap = styles2Map([
-    ...node2.cssCompiledStyles || [],
-    ...node2.cssStyles || [],
-    ...node2.labelStyle || []
-  ]);
-  return { stylesMap, stylesArray: [...stylesMap] };
-}, "compileStyles");
-var styles2Map = /* @__PURE__ */ __name((styles2) => {
-  const styleMap2 = /* @__PURE__ */ new Map();
-  styles2.forEach((style2) => {
-    const [key, value] = style2.split(":");
-    styleMap2.set(key.trim(), value?.trim());
-  });
-  return styleMap2;
-}, "styles2Map");
-var isLabelStyle = /* @__PURE__ */ __name((key) => {
-  return key === "color" || key === "font-size" || key === "font-family" || key === "font-weight" || key === "font-style" || key === "text-decoration" || key === "text-align" || key === "text-transform" || key === "line-height" || key === "letter-spacing" || key === "word-spacing" || key === "text-shadow" || key === "text-overflow" || key === "white-space" || key === "word-wrap" || key === "word-break" || key === "overflow-wrap" || key === "hyphens";
-}, "isLabelStyle");
-var styles2String = /* @__PURE__ */ __name((node2) => {
-  const { stylesArray } = compileStyles(node2);
-  const labelStyles = [];
-  const nodeStyles = [];
-  const borderStyles = [];
-  const backgroundStyles = [];
-  stylesArray.forEach((style2) => {
-    const key = style2[0];
-    if (isLabelStyle(key)) {
-      labelStyles.push(style2.join(":") + " !important");
-    } else {
-      nodeStyles.push(style2.join(":") + " !important");
-      if (key.includes("stroke")) {
-        borderStyles.push(style2.join(":") + " !important");
-      }
-      if (key === "fill") {
-        backgroundStyles.push(style2.join(":") + " !important");
-      }
-    }
-  });
-  return {
-    labelStyles: labelStyles.join(";"),
-    nodeStyles: nodeStyles.join(";"),
-    stylesArray,
-    borderStyles,
-    backgroundStyles
-  };
-}, "styles2String");
-var userNodeOverrides = /* @__PURE__ */ __name((node2, options) => {
-  const { themeVariables, handDrawnSeed } = getConfig2();
-  const { nodeBorder, mainBkg } = themeVariables;
-  const { stylesMap } = compileStyles(node2);
-  const result = Object.assign(
-    {
-      roughness: 0.7,
-      fill: stylesMap.get("fill") || mainBkg,
-      fillStyle: "hachure",
-      // solid fill
-      fillWeight: 4,
-      hachureGap: 5.2,
-      stroke: stylesMap.get("stroke") || nodeBorder,
-      seed: handDrawnSeed,
-      strokeWidth: stylesMap.get("stroke-width")?.replace("px", "") || 1.3,
-      fillLineDash: [0, 0],
-      strokeLineDash: getStrokeDashArray(stylesMap.get("stroke-dasharray"))
-    },
-    options
-  );
-  return result;
-}, "userNodeOverrides");
-var getStrokeDashArray = /* @__PURE__ */ __name((strokeDasharrayStyle) => {
-  if (!strokeDasharrayStyle) {
-    return [0, 0];
-  }
-  const dashArray = strokeDasharrayStyle.trim().split(/\s+/).map(Number);
-  if (dashArray.length === 1) {
-    const val = isNaN(dashArray[0]) ? 0 : dashArray[0];
-    return [val, val];
-  }
-  const first = isNaN(dashArray[0]) ? 0 : dashArray[0];
-  const second = isNaN(dashArray[1]) ? 0 : dashArray[1];
-  return [first, second];
-}, "getStrokeDashArray");
 var dist$1 = {};
 var constants = {};
 var hasRequiredConstants;
@@ -89245,9 +89081,9 @@ var getEdgeId = /* @__PURE__ */ __name((from2, to, {
   counter = 0,
   prefix,
   suffix
-}, id28) => {
-  if (id28) {
-    return id28;
+}, id30) => {
+  if (id30) {
+    return id30;
   }
   return `${prefix ? `${prefix}_` : ""}${from2}_${to}_${counter}${suffix ? `_${suffix}` : ""}`;
 }, "getEdgeId");
@@ -89265,6 +89101,150 @@ function isLabelCoordinateInPath(point2, dAttr) {
   return sanitizedD.includes(roundedX.toString()) || sanitizedD.includes(roundedY.toString());
 }
 __name(isLabelCoordinateInPath, "isLabelCoordinateInPath");
+var getSubGraphTitleMargins = /* @__PURE__ */ __name(({
+  flowchart
+}) => {
+  const subGraphTitleTopMargin = flowchart?.subGraphTitleMargin?.top ?? 0;
+  const subGraphTitleBottomMargin = flowchart?.subGraphTitleMargin?.bottom ?? 0;
+  const subGraphTitleTotalMargin = subGraphTitleTopMargin + subGraphTitleBottomMargin;
+  return {
+    subGraphTitleTopMargin,
+    subGraphTitleBottomMargin,
+    subGraphTitleTotalMargin
+  };
+}, "getSubGraphTitleMargins");
+async function configureLabelImages(container, labelText) {
+  const images = container.getElementsByTagName("img");
+  if (!images || images.length === 0) {
+    return;
+  }
+  const noImgText = labelText.replace(/<img[^>]*>/g, "").trim() === "";
+  await Promise.all(
+    [...images].map(
+      (img) => new Promise((res) => {
+        function setupImage() {
+          img.style.display = "flex";
+          img.style.flexDirection = "column";
+          if (noImgText) {
+            const bodyFontSize = getConfig2().fontSize ? getConfig2().fontSize : window.getComputedStyle(document.body).fontSize;
+            const enlargingFactor = 5;
+            const [parsedBodyFontSize = defaultConfig_default.fontSize] = parseFontSize(bodyFontSize);
+            const width = parsedBodyFontSize * enlargingFactor + "px";
+            img.style.minWidth = width;
+            img.style.maxWidth = width;
+          } else {
+            img.style.width = "100%";
+          }
+          res(img);
+        }
+        __name(setupImage, "setupImage");
+        setTimeout(() => {
+          if (img.complete) {
+            setupImage();
+          }
+        });
+        img.addEventListener("error", setupImage);
+        img.addEventListener("load", setupImage);
+      })
+    )
+  );
+}
+__name(configureLabelImages, "configureLabelImages");
+var solidStateFill = /* @__PURE__ */ __name((color2) => {
+  const { handDrawnSeed } = getConfig2();
+  return {
+    fill: color2,
+    hachureAngle: 120,
+    // angle of hachure,
+    hachureGap: 4,
+    fillWeight: 2,
+    roughness: 0.7,
+    stroke: color2,
+    seed: handDrawnSeed
+  };
+}, "solidStateFill");
+var compileStyles = /* @__PURE__ */ __name((node2) => {
+  const stylesMap = styles2Map([
+    ...node2.cssCompiledStyles || [],
+    ...node2.cssStyles || [],
+    ...node2.labelStyle || []
+  ]);
+  return { stylesMap, stylesArray: [...stylesMap] };
+}, "compileStyles");
+var styles2Map = /* @__PURE__ */ __name((styles2) => {
+  const styleMap2 = /* @__PURE__ */ new Map();
+  styles2.forEach((style2) => {
+    const [key, value] = style2.split(":");
+    styleMap2.set(key.trim(), value?.trim());
+  });
+  return styleMap2;
+}, "styles2Map");
+var isLabelStyle = /* @__PURE__ */ __name((key) => {
+  return key === "color" || key === "font-size" || key === "font-family" || key === "font-weight" || key === "font-style" || key === "text-decoration" || key === "text-align" || key === "text-transform" || key === "line-height" || key === "letter-spacing" || key === "word-spacing" || key === "text-shadow" || key === "text-overflow" || key === "white-space" || key === "word-wrap" || key === "word-break" || key === "overflow-wrap" || key === "hyphens";
+}, "isLabelStyle");
+var styles2String = /* @__PURE__ */ __name((node2) => {
+  const { stylesArray } = compileStyles(node2);
+  const labelStyles = [];
+  const nodeStyles = [];
+  const borderStyles = [];
+  const backgroundStyles = [];
+  stylesArray.forEach((style2) => {
+    const key = style2[0];
+    if (isLabelStyle(key)) {
+      labelStyles.push(style2.join(":") + " !important");
+    } else {
+      nodeStyles.push(style2.join(":") + " !important");
+      if (key.includes("stroke")) {
+        borderStyles.push(style2.join(":") + " !important");
+      }
+      if (key === "fill") {
+        backgroundStyles.push(style2.join(":") + " !important");
+      }
+    }
+  });
+  return {
+    labelStyles: labelStyles.join(";"),
+    nodeStyles: nodeStyles.join(";"),
+    stylesArray,
+    borderStyles,
+    backgroundStyles
+  };
+}, "styles2String");
+var userNodeOverrides = /* @__PURE__ */ __name((node2, options) => {
+  const { themeVariables, handDrawnSeed } = getConfig2();
+  const { nodeBorder, mainBkg } = themeVariables;
+  const { stylesMap } = compileStyles(node2);
+  const result = Object.assign(
+    {
+      roughness: 0.7,
+      fill: stylesMap.get("fill") || mainBkg,
+      fillStyle: "hachure",
+      // solid fill
+      fillWeight: 4,
+      hachureGap: 5.2,
+      stroke: stylesMap.get("stroke") || nodeBorder,
+      seed: handDrawnSeed,
+      strokeWidth: stylesMap.get("stroke-width")?.replace("px", "") || 1.3,
+      fillLineDash: [0, 0],
+      strokeLineDash: getStrokeDashArray(stylesMap.get("stroke-dasharray"))
+    },
+    options
+  );
+  return result;
+}, "userNodeOverrides");
+var getStrokeDashArray = /* @__PURE__ */ __name((strokeDasharrayStyle) => {
+  if (!strokeDasharrayStyle) {
+    return [0, 0];
+  }
+  const dashArray = strokeDasharrayStyle.trim().split(/\s+/).map(Number);
+  if (dashArray.length === 1) {
+    const val = isNaN(dashArray[0]) ? 0 : dashArray[0];
+    return [val, val];
+  }
+  const first = isNaN(dashArray[0]) ? 0 : dashArray[0];
+  const second = isNaN(dashArray[1]) ? 0 : dashArray[1];
+  return [first, second];
+}, "getStrokeDashArray");
 const defaultIconDimensions = Object.freeze({
   left: 0,
   top: 0,
@@ -89527,11 +89507,11 @@ function iconToSVG(icon2, customisations) {
 }
 const regex = /\sid="(\S+)"/g;
 const counters = /* @__PURE__ */ new Map();
-function nextID(id28) {
-  id28 = id28.replace(/[0-9]+$/, "") || "a";
-  const count = counters.get(id28) || 0;
-  counters.set(id28, count + 1);
-  return count ? `${id28}${count}` : id28;
+function nextID(id30) {
+  id30 = id30.replace(/[0-9]+$/, "") || "a";
+  const count = counters.get(id30) || 0;
+  counters.set(id30, count + 1);
+  return count ? `${id30}${count}` : id30;
 }
 function replaceIDs(body) {
   const ids = [];
@@ -89539,9 +89519,9 @@ function replaceIDs(body) {
   while (match2 = regex.exec(body)) ids.push(match2[1]);
   if (!ids.length) return body;
   const suffix = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
-  ids.forEach((id28) => {
-    const newID = nextID(id28);
-    const escapedID = id28.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  ids.forEach((id30) => {
+    const newID = nextID(id30);
+    const escapedID = id30.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     body = body.replace(new RegExp('([#;"])(' + escapedID + ')([")]|\\.[a-z])', "g"), "$1" + newID + suffix + "$3");
   });
   body = body.replace(new RegExp(suffix, "g"), "");
@@ -90718,12 +90698,12 @@ var getRegisteredIconData = /* @__PURE__ */ __name(async (iconName, fallbackPref
   }
   let icons = iconsStore.get(prefix);
   if (!icons) {
-    const loader28 = loaderStore.get(prefix);
-    if (!loader28) {
+    const loader30 = loaderStore.get(prefix);
+    if (!loader30) {
       throw new Error(`Icon set not found: ${data.prefix}`);
     }
     try {
-      const loaded = await loader28();
+      const loaded = await loader30();
       icons = { ...loaded, prefix };
       iconsStore.set(prefix, icons);
     } catch (e2) {
@@ -90764,12 +90744,15 @@ function preprocessMarkdown(markdown, { markdownAutoWrap }) {
   const withoutBR = markdown.replace(/<br\/>/g, "\n");
   const withoutMultipleNewlines = withoutBR.replace(/\n{2,}/g, "\n");
   const withoutExtraSpaces = dedent(withoutMultipleNewlines);
-  if (markdownAutoWrap === false) {
-    return withoutExtraSpaces.replace(/ /g, "&nbsp;");
-  }
   return withoutExtraSpaces;
 }
 __name(preprocessMarkdown, "preprocessMarkdown");
+function nonMarkdownToLines(nonMarkdownText) {
+  return nonMarkdownText.split(/\\n|\n|<br\s*\/?>/gi).map(
+    (line2) => line2.trim().match(/<[^>]+>|[^\s<>]+/g)?.map((word) => ({ content: word, type: "normal" })) ?? []
+  );
+}
+__name(nonMarkdownToLines, "nonMarkdownToLines");
 function markdownToLines(markdown, config2 = {}) {
   const preprocessedMarkdown = preprocessMarkdown(markdown, config2);
   const nodes = k$1.lexer(preprocessedMarkdown);
@@ -90813,6 +90796,18 @@ function markdownToLines(markdown, config2 = {}) {
   return lines;
 }
 __name(markdownToLines, "markdownToLines");
+function nonMarkdownToHTML(text2) {
+  if (!text2) {
+    return "";
+  }
+  return `<p>${/**
+  * Replace new lines with <br /> tags.
+  *
+  * Unlike in markdown text, `\n` sequences are treated as line breaks here.
+  */
+  text2.replace(/\\n|\n/g, "<br />")}</p>`;
+}
+__name(nonMarkdownToHTML, "nonMarkdownToHTML");
 function markdownToHTML(markdown, { markdownAutoWrap } = {}) {
   const nodes = k$1.lexer(markdown);
   function output(node2) {
@@ -90916,29 +90911,32 @@ function splitLineToFitWidthRecursion(words, checkFit, lines = [], newLine = [])
   return splitLineToFitWidthRecursion(words, checkFit, lines);
 }
 __name(splitLineToFitWidthRecursion, "splitLineToFitWidthRecursion");
-function applyStyle$1(dom, styleFn) {
+function applyStyle(dom, styleFn) {
   if (styleFn) {
     dom.attr("style", styleFn);
   }
 }
-__name(applyStyle$1, "applyStyle");
+__name(applyStyle, "applyStyle");
+var maxSafeSizeForWidth = 16384;
 async function addHtmlSpan(element, node2, width, classes, addBackground = false, config2 = getConfig()) {
   const fo = element.append("foreignObject");
-  fo.attr("width", `${10 * width}px`);
-  fo.attr("height", `${10 * width}px`);
+  fo.attr("width", `${Math.min(10 * width, maxSafeSizeForWidth)}px`);
+  fo.attr("height", `${Math.min(10 * width, maxSafeSizeForWidth)}px`);
   const div = fo.append("xhtml:div");
   const sanitizedLabel = hasKatex(node2.label) ? await renderKatexSanitized(node2.label.replace(common_default.lineBreakRegex, "\n"), config2) : sanitizeText(node2.label, config2);
   const labelClass = node2.isNode ? "nodeLabel" : "edgeLabel";
   const span = div.append("span");
   span.html(sanitizedLabel);
-  applyStyle$1(span, node2.labelStyle);
+  applyStyle(span, node2.labelStyle);
   span.attr("class", `${labelClass} ${classes}`);
-  applyStyle$1(div, node2.labelStyle);
+  applyStyle(div, node2.labelStyle);
   div.style("display", "table-cell");
   div.style("white-space", "nowrap");
   div.style("line-height", "1.5");
-  div.style("max-width", width + "px");
-  div.style("text-align", "center");
+  if (width !== Number.POSITIVE_INFINITY) {
+    div.style("max-width", width + "px");
+    div.style("text-align", "center");
+  }
   div.attr("xmlns", "http://www.w3.org/1999/xhtml");
   if (addBackground) {
     div.attr("class", "labelBkg");
@@ -90953,8 +90951,12 @@ async function addHtmlSpan(element, node2, width, classes, addBackground = false
   return fo.node();
 }
 __name(addHtmlSpan, "addHtmlSpan");
-function createTspan(textElement, lineIndex, lineHeight) {
-  return textElement.append("tspan").attr("class", "text-outer-tspan").attr("x", 0).attr("y", lineIndex * lineHeight - 0.1 + "em").attr("dy", lineHeight + "em");
+function createTspan(textElement, lineIndex, lineHeight, centerText = false) {
+  const tspan = textElement.append("tspan").attr("class", "text-outer-tspan").attr("x", 0).attr("y", lineIndex * lineHeight - 0.1 + "em").attr("dy", lineHeight + "em");
+  if (centerText) {
+    tspan.attr("text-anchor", "middle");
+  }
+  return tspan;
 }
 __name(createTspan, "createTspan");
 function computeWidthOfText(parentNode, lineHeight, line2) {
@@ -90977,17 +90979,20 @@ function computeDimensionOfText(parentNode, lineHeight, text2) {
   return textDimension;
 }
 __name(computeDimensionOfText, "computeDimensionOfText");
-function createFormattedText(width, g2, structuredText, addBackground = false) {
+function createFormattedText(width, g2, structuredText, addBackground = false, centerText = false) {
   const lineHeight = 1.1;
   const labelGroup = g2.append("g");
   const bkg = labelGroup.insert("rect").attr("class", "background").attr("style", "stroke: none");
   const textElement = labelGroup.append("text").attr("y", "-10.1");
+  if (centerText) {
+    textElement.attr("text-anchor", "middle");
+  }
   let lineIndex = 0;
   for (const line2 of structuredText) {
     const checkWidth = /* @__PURE__ */ __name((line22) => computeWidthOfText(labelGroup, lineHeight, line22) <= width, "checkWidth");
     const linesUnderWidth = checkWidth(line2) ? [line2] : splitLineToFitWidth(line2, checkWidth);
     for (const preparedLine of linesUnderWidth) {
-      const tspan = createTspan(textElement, lineIndex, lineHeight);
+      const tspan = createTspan(textElement, lineIndex, lineHeight, centerText);
       updateTextContentAndStyles(tspan, preparedLine);
       lineIndex++;
     }
@@ -91038,7 +91043,11 @@ var createText = /* @__PURE__ */ __name(async (el, text2 = "", {
   isTitle = false,
   classes = "",
   useHtmlLabels = true,
+  markdown = true,
   isNode = true,
+  /**
+   * The width to wrap the text within. Set to `Number.POSITIVE_INFINITY` for no wrapping.
+   */
   width = 200,
   addSvgBackground = false
 } = {}, config2) => {
@@ -91054,7 +91063,7 @@ var createText = /* @__PURE__ */ __name(async (el, text2 = "", {
     addSvgBackground
   );
   if (useHtmlLabels) {
-    const htmlText = markdownToHTML(text2, config2);
+    const htmlText = markdown ? markdownToHTML(text2, config2) : nonMarkdownToHTML(text2);
     const decodedReplacedText = await replaceIconSubstring(decodeEntities(htmlText), config2);
     const inputForKatex = text2.replace(/\\\\/g, "\\");
     const node2 = {
@@ -91066,12 +91075,13 @@ var createText = /* @__PURE__ */ __name(async (el, text2 = "", {
     return vertexNode;
   } else {
     const sanitizeBR = text2.replace(/<br\s*\/?>/g, "<br/>");
-    const structuredText = markdownToLines(sanitizeBR.replace("<br>", "<br/>"), config2);
+    const structuredText = markdown ? markdownToLines(sanitizeBR.replace("<br>", "<br/>"), config2) : nonMarkdownToLines(sanitizeBR);
     const svgLabel = createFormattedText(
       width,
       el,
       structuredText,
-      text2 ? addSvgBackground : false
+      text2 ? addSvgBackground : false,
+      !isNode
     );
     if (isNode) {
       if (/stroke:/.exec(style2)) {
@@ -91085,6 +91095,11 @@ var createText = /* @__PURE__ */ __name(async (el, text2 = "", {
       const edgeLabelTextStyle = style2.replace(/stroke:[^;]+;?/g, "").replace(/stroke-width:[^;]+;?/g, "").replace(/fill:[^;]+;?/g, "").replace(/color:/g, "fill:");
       select(svgLabel).select("text").attr("style", edgeLabelTextStyle);
     }
+    if (isTitle) {
+      select(svgLabel).selectAll("tspan.text-outer-tspan").classed("title-row", true);
+    } else {
+      select(svgLabel).selectAll("tspan.text-outer-tspan").classed("row", true);
+    }
     return svgLabel;
   }
 }, "createText");
@@ -92102,52 +92117,28 @@ var labelHelper = /* @__PURE__ */ __name(async (parent, node2, _classes) => {
   } else {
     label = typeof node2.label === "string" ? node2.label : node2.label[0];
   }
-  const text2 = await createText(labelEl, sanitizeText(decodeEntities(label), getConfig2()), {
-    useHtmlLabels,
-    width: node2.width || getConfig2().flowchart?.wrappingWidth,
-    // @ts-expect-error -- This is currently not used. Should this be `classes` instead?
-    cssClasses: "markdown-node-label",
-    style: node2.labelStyle,
-    addSvgBackground: !!node2.icon || !!node2.img
-  });
+  const addBackground = !!node2.icon || !!node2.img;
+  const isMarkdown = node2.labelType === "markdown";
+  const text2 = await createText(
+    labelEl,
+    sanitizeText(decodeEntities(label), getConfig2()),
+    {
+      useHtmlLabels,
+      width: node2.width || getConfig2().flowchart?.wrappingWidth,
+      // @ts-expect-error -- This is currently not used. Should this be `classes` instead?
+      cssClasses: isMarkdown ? "markdown-node-label" : void 0,
+      style: node2.labelStyle,
+      addSvgBackground: addBackground,
+      markdown: isMarkdown
+    },
+    getConfig2()
+  );
   let bbox = text2.getBBox();
   const halfPadding = (node2?.padding ?? 0) / 2;
   if (useHtmlLabels) {
     const div = text2.children[0];
     const dv = select(text2);
-    const images = div.getElementsByTagName("img");
-    if (images) {
-      const noImgText = label.replace(/<img[^>]*>/g, "").trim() === "";
-      await Promise.all(
-        [...images].map(
-          (img) => new Promise((res) => {
-            function setupImage() {
-              img.style.display = "flex";
-              img.style.flexDirection = "column";
-              if (noImgText) {
-                const bodyFontSize = getConfig2().fontSize ? getConfig2().fontSize : window.getComputedStyle(document.body).fontSize;
-                const enlargingFactor = 5;
-                const [parsedBodyFontSize = defaultConfig_default.fontSize] = parseFontSize(bodyFontSize);
-                const width = parsedBodyFontSize * enlargingFactor + "px";
-                img.style.minWidth = width;
-                img.style.maxWidth = width;
-              } else {
-                img.style.width = "100%";
-              }
-              res(img);
-            }
-            __name(setupImage, "setupImage");
-            setTimeout(() => {
-              if (img.complete) {
-                setupImage();
-              }
-            });
-            img.addEventListener("error", setupImage);
-            img.addEventListener("load", setupImage);
-          })
-        )
-      );
-    }
+    await configureLabelImages(div, label);
     bbox = div.getBoundingClientRect();
     dv.attr("width", bbox.width);
     dv.attr("height", bbox.height);
@@ -92164,7 +92155,7 @@ var labelHelper = /* @__PURE__ */ __name(async (parent, node2, _classes) => {
   return { shapeSvg, bbox, halfPadding, label: labelEl };
 }, "labelHelper");
 var insertLabel = /* @__PURE__ */ __name(async (parent, label, options) => {
-  const useHtmlLabels = options.useHtmlLabels || evaluate(getConfig2()?.flowchart?.htmlLabels);
+  const useHtmlLabels = options.useHtmlLabels ?? getEffectiveHtmlLabels(getConfig2());
   const labelEl = parent.insert("g").attr("class", "label").attr("style", options.labelStyle || "");
   const text2 = await createText(labelEl, sanitizeText(decodeEntities(label), getConfig2()), {
     useHtmlLabels,
@@ -92174,7 +92165,7 @@ var insertLabel = /* @__PURE__ */ __name(async (parent, label, options) => {
   });
   let bbox = text2.getBBox();
   const halfPadding = options.padding / 2;
-  if (evaluate(getConfig2()?.flowchart?.htmlLabels)) {
+  if (getEffectiveHtmlLabels(getConfig2())) {
     const div = text2.children[0];
     const dv = select(text2);
     bbox = div.getBoundingClientRect();
@@ -92260,76 +92251,26 @@ var intersectRect = /* @__PURE__ */ __name((node2, point2) => {
   return { x: x2 + sx, y: y3 + sy };
 }, "intersectRect");
 var intersect_rect_default = intersectRect;
-function applyStyle(dom, styleFn) {
-  if (styleFn) {
-    dom.attr("style", styleFn);
-  }
-}
-__name(applyStyle, "applyStyle");
-async function addHtmlLabel(node2) {
-  const fo = select(document.createElementNS("http://www.w3.org/2000/svg", "foreignObject"));
-  const div = fo.append("xhtml:div");
-  const config2 = getConfig2();
-  let label = node2.label;
-  if (node2.label && hasKatex(node2.label)) {
-    label = await renderKatexSanitized(node2.label.replace(common_default.lineBreakRegex, "\n"), config2);
-  }
-  const labelClass = node2.isNode ? "nodeLabel" : "edgeLabel";
-  const labelSpan = '<span class="' + labelClass + '" ' + (node2.labelStyle ? 'style="' + node2.labelStyle + '"' : "") + // codeql [js/html-constructed-from-input] : false positive
-  ">" + label + "</span>";
-  div.html(sanitizeText(labelSpan, config2));
-  applyStyle(div, node2.labelStyle);
-  div.style("display", "inline-block");
-  div.style("padding-right", "1px");
-  div.style("white-space", "nowrap");
-  div.attr("xmlns", "http://www.w3.org/1999/xhtml");
-  return fo.node();
-}
-__name(addHtmlLabel, "addHtmlLabel");
-var createLabel = /* @__PURE__ */ __name(async (_vertexText, style2, isTitle, isNode) => {
+var createLabel = /* @__PURE__ */ __name(async (element, _vertexText, style2, isTitle = false, isNode = false) => {
   let vertexText = _vertexText || "";
   if (typeof vertexText === "object") {
     vertexText = vertexText[0];
   }
-  if (evaluate(getConfig2().flowchart.htmlLabels)) {
-    vertexText = vertexText.replace(/\\n|\n/g, "<br />");
-    log.info("vertexText" + vertexText);
-    const node2 = {
+  const config2 = getConfig2();
+  const useHtmlLabels = getEffectiveHtmlLabels(config2);
+  return await createText(
+    element,
+    vertexText,
+    {
+      style: style2,
+      isTitle,
+      useHtmlLabels,
+      markdown: false,
       isNode,
-      label: decodeEntities(vertexText).replace(
-        /fa[blrs]?:fa-[\w-]+/g,
-        (s2) => `<i class='${s2.replace(":", " ")}'></i>`
-      ),
-      labelStyle: style2 ? style2.replace("fill:", "color:") : style2
-    };
-    let vertexNode = await addHtmlLabel(node2);
-    return vertexNode;
-  } else {
-    const svgLabel = document.createElementNS("http://www.w3.org/2000/svg", "text");
-    svgLabel.setAttribute("style", style2.replace("color:", "fill:"));
-    let rows = [];
-    if (typeof vertexText === "string") {
-      rows = vertexText.split(/\\n|\n|<br\s*\/?>/gi);
-    } else if (Array.isArray(vertexText)) {
-      rows = vertexText;
-    } else {
-      rows = [];
-    }
-    for (const row of rows) {
-      const tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-      tspan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve");
-      tspan.setAttribute("dy", "1em");
-      tspan.setAttribute("x", "0");
-      if (isTitle) {
-        tspan.setAttribute("class", "title-row");
-      } else {
-        tspan.setAttribute("class", "row");
-      }
-      tspan.textContent = row.trim();
-      svgLabel.appendChild(tspan);
-    }
-    return svgLabel;
-  }
+      width: Number.POSITIVE_INFINITY
+    },
+    config2
+  );
 }, "createLabel");
 var createLabel_default = createLabel;
 var createRoundedRectPathD = /* @__PURE__ */ __name((x2, y3, totalWidth, totalHeight, radius) => [
@@ -92395,15 +92336,21 @@ var rect = /* @__PURE__ */ __name(async (parent, node2) => {
   const { clusterBkg, clusterBorder } = themeVariables;
   const { labelStyles, nodeStyles, borderStyles, backgroundStyles } = styles2String(node2);
   const shapeSvg = parent.insert("g").attr("class", "cluster " + node2.cssClasses).attr("id", node2.id).attr("data-look", node2.look);
-  const useHtmlLabels = evaluate(siteConfig2.flowchart.htmlLabels);
+  const useHtmlLabels = getEffectiveHtmlLabels(siteConfig2);
   const labelEl = shapeSvg.insert("g").attr("class", "cluster-label ");
-  const text2 = await createText(labelEl, node2.label, {
-    style: node2.labelStyle,
-    useHtmlLabels,
-    isNode: true
-  });
+  let text2;
+  if (node2.labelType === "markdown") {
+    text2 = await createText(labelEl, node2.label, {
+      style: node2.labelStyle,
+      useHtmlLabels,
+      isNode: true,
+      width: node2.width
+    });
+  } else {
+    text2 = await createLabel_default(labelEl, node2.label, node2.labelStyle || "", false, true);
+  }
   let bbox = text2.getBBox();
-  if (evaluate(siteConfig2.flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(siteConfig2)) {
     const div = text2.children[0];
     const dv = select(text2);
     bbox = div.getBoundingClientRect();
@@ -92486,9 +92433,9 @@ var roundedWithTitle = /* @__PURE__ */ __name(async (parent, node2) => {
   const outerRectG = shapeSvg.insert("g", ":first-child");
   const label = shapeSvg.insert("g").attr("class", "cluster-label");
   let innerRect = shapeSvg.append("rect");
-  const text2 = label.node().appendChild(await createLabel_default(node2.label, node2.labelStyle, void 0, true));
+  const text2 = await createLabel_default(label, node2.label, node2.labelStyle, void 0, true);
   let bbox = text2.getBBox();
-  if (evaluate(siteConfig2.flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(siteConfig2)) {
     const div = text2.children[0];
     const dv = select(text2);
     bbox = div.getBoundingClientRect();
@@ -92537,7 +92484,7 @@ var roundedWithTitle = /* @__PURE__ */ __name(async (parent, node2) => {
   }
   label.attr(
     "transform",
-    `translate(${node2.x - bbox.width / 2}, ${y3 + 1 - (evaluate(siteConfig2.flowchart.htmlLabels) ? 0 : 3)})`
+    `translate(${node2.x - bbox.width / 2}, ${y3 + 1 - (getEffectiveHtmlLabels(siteConfig2) ? 0 : 3)})`
   );
   const rectBox = rect2.node().getBBox();
   node2.height = rectBox.height;
@@ -92556,7 +92503,7 @@ var kanbanSection = /* @__PURE__ */ __name(async (parent, node2) => {
   const { clusterBkg, clusterBorder } = themeVariables;
   const { labelStyles, nodeStyles, borderStyles, backgroundStyles } = styles2String(node2);
   const shapeSvg = parent.insert("g").attr("class", "cluster " + node2.cssClasses).attr("id", node2.id).attr("data-look", node2.look);
-  const useHtmlLabels = evaluate(siteConfig2.flowchart.htmlLabels);
+  const useHtmlLabels = getEffectiveHtmlLabels(siteConfig2);
   const labelEl = shapeSvg.insert("g").attr("class", "cluster-label ");
   const text2 = await createText(labelEl, node2.label, {
     style: node2.labelStyle,
@@ -92565,7 +92512,7 @@ var kanbanSection = /* @__PURE__ */ __name(async (parent, node2) => {
     width: node2.width
   });
   let bbox = text2.getBBox();
-  if (evaluate(siteConfig2.flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(siteConfig2)) {
     const div = text2.children[0];
     const dv = select(text2);
     bbox = div.getBoundingClientRect();
@@ -93677,44 +93624,49 @@ async function halfRoundedRectangle(parent, node2) {
   return shapeSvg;
 }
 __name(halfRoundedRectangle, "halfRoundedRectangle");
+var createHexagonPathD = /* @__PURE__ */ __name((x2, y3, width, height, m2) => {
+  return [
+    `M${x2 + m2},${y3}`,
+    `L${x2 + width - m2},${y3}`,
+    `L${x2 + width},${y3 - height / 2}`,
+    `L${x2 + width - m2},${y3 - height}`,
+    `L${x2 + m2},${y3 - height}`,
+    `L${x2},${y3 - height / 2}`,
+    "Z"
+  ].join(" ");
+}, "createHexagonPathD");
 async function hexagon(parent, node2) {
   const { labelStyles, nodeStyles } = styles2String(node2);
   node2.labelStyle = labelStyles;
   const { shapeSvg, bbox } = await labelHelper(parent, node2, getNodeClasses(node2));
-  const h2 = bbox.height + (node2.padding ?? 0);
-  const w2 = bbox.width + (node2.padding ?? 0) * 2.5;
-  const { cssStyles } = node2;
-  const rc = at.svg(shapeSvg);
-  const options = userNodeOverrides(node2, {});
-  if (node2.look !== "handDrawn") {
-    options.roughness = 0;
-    options.fillStyle = "solid";
-  }
-  let halfWidth = w2 / 2;
-  const m2 = halfWidth / 6;
-  halfWidth = halfWidth + m2;
-  const halfHeight = h2 / 2;
-  const fixedLength = halfHeight / 2;
-  const deducedWidth = halfWidth - fixedLength;
+  const f2 = 4;
+  const h2 = bbox.height + node2.padding;
+  const m2 = h2 / f2;
+  const w2 = bbox.width + 2 * m2 + node2.padding;
   const points = [
-    { x: -deducedWidth, y: -halfHeight },
-    { x: 0, y: -halfHeight },
-    { x: deducedWidth, y: -halfHeight },
-    { x: halfWidth, y: 0 },
-    { x: deducedWidth, y: halfHeight },
-    { x: 0, y: halfHeight },
-    { x: -deducedWidth, y: halfHeight },
-    { x: -halfWidth, y: 0 }
+    { x: m2, y: 0 },
+    { x: w2 - m2, y: 0 },
+    { x: w2, y: -h2 / 2 },
+    { x: w2 - m2, y: -h2 },
+    { x: m2, y: -h2 },
+    { x: 0, y: -h2 / 2 }
   ];
-  const pathData = createPathFromPoints(points);
-  const shapeNode = rc.path(pathData, options);
-  const polygon = shapeSvg.insert(() => shapeNode, ":first-child");
-  polygon.attr("class", "basic label-container");
-  if (cssStyles && node2.look !== "handDrawn") {
-    polygon.selectChildren("path").attr("style", cssStyles);
+  let polygon;
+  const { cssStyles } = node2;
+  if (node2.look === "handDrawn") {
+    const rc = at.svg(shapeSvg);
+    const options = userNodeOverrides(node2, {});
+    const pathData = createHexagonPathD(0, 0, w2, h2, m2);
+    const roughNode = rc.path(pathData, options);
+    polygon = shapeSvg.insert(() => roughNode, ":first-child").attr("transform", `translate(${-w2 / 2}, ${h2 / 2})`);
+    if (cssStyles) {
+      polygon.attr("style", cssStyles);
+    }
+  } else {
+    polygon = insertPolygonShape(shapeSvg, w2, h2, points);
   }
-  if (nodeStyles && node2.look !== "handDrawn") {
-    polygon.selectChildren("path").attr("style", nodeStyles);
+  if (nodeStyles) {
+    polygon.attr("style", nodeStyles);
   }
   node2.width = w2;
   node2.height = h2;
@@ -94733,7 +94685,7 @@ __name(multiWaveEdgedRectangle, "multiWaveEdgedRectangle");
 async function note(parent, node2, { config: { themeVariables } }) {
   const { labelStyles, nodeStyles } = styles2String(node2);
   node2.labelStyle = labelStyles;
-  const useHtmlLabels = node2.useHtmlLabels || getConfig().flowchart?.htmlLabels !== false;
+  const useHtmlLabels = node2.useHtmlLabels || getEffectiveHtmlLabels(getConfig());
   if (!useHtmlLabels) {
     node2.centerLabel = true;
   }
@@ -94890,9 +94842,9 @@ async function rectWithTitle(parent, node2) {
   const label = shapeSvg.insert("g").attr("class", "label").attr("style", nodeStyles);
   const description = node2.description;
   const title = node2.label;
-  const text2 = label.node().appendChild(await createLabel_default(title, node2.labelStyle, true, true));
+  const text2 = await createLabel_default(label, title, node2.labelStyle, true, true);
   let bbox = { width: 0, height: 0 };
-  if (evaluate(getConfig2()?.flowchart?.htmlLabels)) {
+  if (getEffectiveHtmlLabels(getConfig2())) {
     const div2 = text2.children[0];
     const dv2 = select(text2);
     bbox = div2.getBoundingClientRect();
@@ -94902,13 +94854,12 @@ async function rectWithTitle(parent, node2) {
   log.info("Text 2", description);
   const textRows = description || [];
   const titleBox = text2.getBBox();
-  const descr = label.node().appendChild(
-    await createLabel_default(
-      textRows.join ? textRows.join("<br/>") : textRows,
-      node2.labelStyle,
-      true,
-      true
-    )
+  const descr = await createLabel_default(
+    label,
+    Array.isArray(textRows) ? textRows.join("<br/>") : textRows,
+    node2.labelStyle,
+    true,
+    true
   );
   const div = descr.children[0];
   const dv = select(descr);
@@ -94970,108 +94921,14 @@ async function rectWithTitle(parent, node2) {
   return shapeSvg;
 }
 __name(rectWithTitle, "rectWithTitle");
-function generateArcPoints2(x1, y1, x2, y22, rx, ry, clockwise) {
-  const numPoints = 20;
-  const midX = (x1 + x2) / 2;
-  const midY = (y1 + y22) / 2;
-  const angle = Math.atan2(y22 - y1, x2 - x1);
-  const dx = (x2 - x1) / 2;
-  const dy = (y22 - y1) / 2;
-  const transformedX = dx / rx;
-  const transformedY = dy / ry;
-  const distance2 = Math.sqrt(transformedX ** 2 + transformedY ** 2);
-  if (distance2 > 1) {
-    throw new Error("The given radii are too small to create an arc between the points.");
-  }
-  const scaledCenterDistance = Math.sqrt(1 - distance2 ** 2);
-  const centerX = midX + scaledCenterDistance * ry * Math.sin(angle) * (clockwise ? -1 : 1);
-  const centerY = midY - scaledCenterDistance * rx * Math.cos(angle) * (clockwise ? -1 : 1);
-  const startAngle = Math.atan2((y1 - centerY) / ry, (x1 - centerX) / rx);
-  const endAngle = Math.atan2((y22 - centerY) / ry, (x2 - centerX) / rx);
-  let angleRange = endAngle - startAngle;
-  if (clockwise && angleRange < 0) {
-    angleRange += 2 * Math.PI;
-  }
-  if (!clockwise && angleRange > 0) {
-    angleRange -= 2 * Math.PI;
-  }
-  const points = [];
-  for (let i2 = 0; i2 < numPoints; i2++) {
-    const t2 = i2 / (numPoints - 1);
-    const angle2 = startAngle + t2 * angleRange;
-    const x3 = centerX + rx * Math.cos(angle2);
-    const y3 = centerY + ry * Math.sin(angle2);
-    points.push({ x: x3, y: y3 });
-  }
-  return points;
-}
-__name(generateArcPoints2, "generateArcPoints");
 async function roundedRect(parent, node2) {
-  const { labelStyles, nodeStyles } = styles2String(node2);
-  node2.labelStyle = labelStyles;
-  const { shapeSvg, bbox } = await labelHelper(parent, node2, getNodeClasses(node2));
-  const labelPaddingX = node2?.padding ?? 0;
-  const labelPaddingY = node2?.padding ?? 0;
-  const w2 = (node2?.width ? node2?.width : bbox.width) + labelPaddingX * 2;
-  const h2 = (node2?.height ? node2?.height : bbox.height) + labelPaddingY * 2;
-  const radius = node2.radius || 5;
-  const taper = node2.taper || 5;
-  const { cssStyles } = node2;
-  const rc = at.svg(shapeSvg);
-  const options = userNodeOverrides(node2, {});
-  if (node2.stroke) {
-    options.stroke = node2.stroke;
-  }
-  if (node2.look !== "handDrawn") {
-    options.roughness = 0;
-    options.fillStyle = "solid";
-  }
-  const points = [
-    // Top edge (left to right)
-    { x: -w2 / 2 + taper, y: -h2 / 2 },
-    // Top-left corner start (1)
-    { x: w2 / 2 - taper, y: -h2 / 2 },
-    // Top-right corner start (2)
-    ...generateArcPoints2(w2 / 2 - taper, -h2 / 2, w2 / 2, -h2 / 2 + taper, radius, radius, true),
-    // Top-left arc (2 to 3)
-    // Right edge (top to bottom)
-    { x: w2 / 2, y: -h2 / 2 + taper },
-    // Top-right taper point (3)
-    { x: w2 / 2, y: h2 / 2 - taper },
-    // Bottom-right taper point (4)
-    ...generateArcPoints2(w2 / 2, h2 / 2 - taper, w2 / 2 - taper, h2 / 2, radius, radius, true),
-    // Top-left arc (4 to 5)
-    // Bottom edge (right to left)
-    { x: w2 / 2 - taper, y: h2 / 2 },
-    // Bottom-right corner start (5)
-    { x: -w2 / 2 + taper, y: h2 / 2 },
-    // Bottom-left corner start (6)
-    ...generateArcPoints2(-w2 / 2 + taper, h2 / 2, -w2 / 2, h2 / 2 - taper, radius, radius, true),
-    // Top-left arc (4 to 5)
-    // Left edge (bottom to top)
-    { x: -w2 / 2, y: h2 / 2 - taper },
-    // Bottom-left taper point (7)
-    { x: -w2 / 2, y: -h2 / 2 + taper },
-    // Top-left taper point (8)
-    ...generateArcPoints2(-w2 / 2, -h2 / 2 + taper, -w2 / 2 + taper, -h2 / 2, radius, radius, true)
-    // Top-left arc (4 to 5)
-  ];
-  const pathData = createPathFromPoints(points);
-  const shapeNode = rc.path(pathData, options);
-  const polygon = shapeSvg.insert(() => shapeNode, ":first-child");
-  polygon.attr("class", "basic label-container outer-path");
-  if (cssStyles && node2.look !== "handDrawn") {
-    polygon.selectChildren("path").attr("style", cssStyles);
-  }
-  if (nodeStyles && node2.look !== "handDrawn") {
-    polygon.selectChildren("path").attr("style", nodeStyles);
-  }
-  updateNodeBounds(node2, polygon);
-  node2.intersect = function(point2) {
-    const pos = intersect_default.polygon(node2, points, point2);
-    return pos;
+  const options = {
+    rx: 5,
+    ry: 5,
+    labelPaddingX: (node2?.padding || 0) * 1,
+    labelPaddingY: (node2?.padding || 0) * 1
   };
-  return shapeSvg;
+  return drawRect(parent, node2, options);
 }
 __name(roundedRect, "roundedRect");
 async function shadedProcess(parent, node2) {
@@ -95637,7 +95494,7 @@ async function triangle(parent, node2) {
   const { labelStyles, nodeStyles } = styles2String(node2);
   node2.labelStyle = labelStyles;
   const { shapeSvg, bbox, label } = await labelHelper(parent, node2, getNodeClasses(node2));
-  const useHtmlLabels = evaluate(getConfig2().flowchart?.htmlLabels);
+  const useHtmlLabels = node2.useHtmlLabels || getEffectiveHtmlLabels(getConfig2());
   const w2 = bbox.width + (node2.padding ?? 0);
   const h2 = w2 + bbox.height;
   const tw = w2 + bbox.height;
@@ -97295,12 +97152,12 @@ var positionNode = /* @__PURE__ */ __name((node2) => {
   }
   return diff;
 }, "positionNode");
-var addEdgeMarkers = /* @__PURE__ */ __name((svgPath, edge, url, id28, diagramType, strokeColor) => {
+var addEdgeMarkers = /* @__PURE__ */ __name((svgPath, edge, url, id30, diagramType, strokeColor) => {
   if (edge.arrowTypeStart) {
-    addEdgeMarker(svgPath, "start", edge.arrowTypeStart, url, id28, diagramType, strokeColor);
+    addEdgeMarker(svgPath, "start", edge.arrowTypeStart, url, id30, diagramType, strokeColor);
   }
   if (edge.arrowTypeEnd) {
-    addEdgeMarker(svgPath, "end", edge.arrowTypeEnd, url, id28, diagramType, strokeColor);
+    addEdgeMarker(svgPath, "end", edge.arrowTypeEnd, url, id30, diagramType, strokeColor);
   }
 }, "addEdgeMarkers");
 var arrowTypesMap = {
@@ -97320,7 +97177,7 @@ var arrowTypesMap = {
   requirement_arrow: { type: "requirement_arrow", fill: false },
   requirement_contains: { type: "requirement_contains", fill: false }
 };
-var addEdgeMarker = /* @__PURE__ */ __name((svgPath, position2, arrowType, url, id28, diagramType, strokeColor) => {
+var addEdgeMarker = /* @__PURE__ */ __name((svgPath, position2, arrowType, url, id30, diagramType, strokeColor) => {
   const arrowTypeInfo = arrowTypesMap[arrowType];
   if (!arrowTypeInfo) {
     log.warn(`Unknown arrow type: ${arrowType}`);
@@ -97328,7 +97185,7 @@ var addEdgeMarker = /* @__PURE__ */ __name((svgPath, position2, arrowType, url,
   }
   const endMarkerType = arrowTypeInfo.type;
   const suffix = position2 === "start" ? "Start" : "End";
-  const originalMarkerId = `${id28}_${diagramType}-${endMarkerType}${suffix}`;
+  const originalMarkerId = `${id30}_${diagramType}-${endMarkerType}${suffix}`;
   if (strokeColor && strokeColor.trim() !== "") {
     const colorId = strokeColor.replace(/[^\dA-Za-z]/g, "_");
     const coloredMarkerId = `${originalMarkerId}_${colorId}`;
@@ -97352,6 +97209,9 @@ var addEdgeMarker = /* @__PURE__ */ __name((svgPath, position2, arrowType, url,
     svgPath.attr(`marker-${position2}`, `url(${url}#${originalMarkerId})`);
   }
 }, "addEdgeMarker");
+var resolveEdgeCurveType = /* @__PURE__ */ __name((edgeCurve) => {
+  return typeof edgeCurve === "string" ? edgeCurve : getConfig2()?.flowchart?.curve;
+}, "resolveEdgeCurveType");
 var edgeLabels = /* @__PURE__ */ new Map();
 var terminalLabels = /* @__PURE__ */ new Map();
 var clear = /* @__PURE__ */ __name(() => {
@@ -97359,46 +97219,79 @@ var clear = /* @__PURE__ */ __name(() => {
   terminalLabels.clear();
 }, "clear");
 var getLabelStyles = /* @__PURE__ */ __name((styleArray) => {
-  let styles2 = styleArray ? styleArray.reduce((acc, style2) => acc + ";" + style2, "") : "";
-  return styles2;
+  if (!styleArray) {
+    return "";
+  }
+  if (typeof styleArray === "string") {
+    return styleArray;
+  }
+  return styleArray.reduce((acc, style2) => acc + ";" + style2, "");
 }, "getLabelStyles");
 var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
-  let useHtmlLabels = evaluate(getConfig2().flowchart.htmlLabels);
+  const config2 = getConfig2();
+  let useHtmlLabels = getEffectiveHtmlLabels(config2);
   const { labelStyles } = styles2String(edge);
   edge.labelStyle = labelStyles;
-  const labelElement = await createText(elem, edge.label, {
-    style: edge.labelStyle,
-    useHtmlLabels,
-    addSvgBackground: true,
-    isNode: false
-  });
-  log.info("abc82", edge, edge.labelType);
   const edgeLabel = elem.insert("g").attr("class", "edgeLabel");
   const label = edgeLabel.insert("g").attr("class", "label").attr("data-id", edge.id);
+  const isMarkdown = edge.labelType === "markdown";
+  const markdownWidth = void 0;
+  const labelElement = await createText(
+    elem,
+    edge.label,
+    {
+      style: getLabelStyles(edge.labelStyle),
+      useHtmlLabels,
+      addSvgBackground: true,
+      isNode: false,
+      markdown: isMarkdown,
+      // Plain text edge labels should auto-wrap, markdown edge labels respect markdownAutoWrap config
+      width: isMarkdown ? markdownWidth : void 0
+    },
+    config2
+  );
   label.node().appendChild(labelElement);
+  log.info("abc82", edge, edge.labelType);
   let bbox = labelElement.getBBox();
+  let transformBbox = bbox;
   if (useHtmlLabels) {
     const div = labelElement.children[0];
     const dv = select(labelElement);
     bbox = div.getBoundingClientRect();
+    transformBbox = bbox;
     dv.attr("width", bbox.width);
     dv.attr("height", bbox.height);
+  } else {
+    const textEl = select(labelElement).select("text").node();
+    if (textEl && typeof textEl.getBBox === "function") {
+      transformBbox = textEl.getBBox();
+    }
   }
-  label.attr("transform", "translate(" + -bbox.width / 2 + ", " + -bbox.height / 2 + ")");
+  label.attr("transform", computeLabelTransform(transformBbox, useHtmlLabels));
   edgeLabels.set(edge.id, edgeLabel);
   edge.width = bbox.width;
   edge.height = bbox.height;
   let fo;
   if (edge.startLabelLeft) {
+    const startEdgeLabelLeft = elem.insert("g").attr("class", "edgeTerminals");
+    const inner2 = startEdgeLabelLeft.insert("g").attr("class", "inner");
     const startLabelElement = await createLabel_default(
+      inner2,
       edge.startLabelLeft,
-      getLabelStyles(edge.labelStyle)
+      getLabelStyles(edge.labelStyle) || "",
+      false,
+      false
     );
-    const startEdgeLabelLeft = elem.insert("g").attr("class", "edgeTerminals");
-    const inner2 = startEdgeLabelLeft.insert("g").attr("class", "inner");
-    fo = inner2.node().appendChild(startLabelElement);
-    const slBox = startLabelElement.getBBox();
-    inner2.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    fo = startLabelElement;
+    let slBox = startLabelElement.getBBox();
+    if (useHtmlLabels) {
+      const div = startLabelElement.children[0];
+      const dv = select(startLabelElement);
+      slBox = div.getBoundingClientRect();
+      dv.attr("width", slBox.width);
+      dv.attr("height", slBox.height);
+    }
+    inner2.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
     if (!terminalLabels.get(edge.id)) {
       terminalLabels.set(edge.id, {});
     }
@@ -97406,16 +97299,26 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
     setTerminalWidth(fo, edge.startLabelLeft);
   }
   if (edge.startLabelRight) {
+    const startEdgeLabelRight = elem.insert("g").attr("class", "edgeTerminals");
+    const inner2 = startEdgeLabelRight.insert("g").attr("class", "inner");
     const startLabelElement = await createLabel_default(
+      inner2,
       edge.startLabelRight,
-      getLabelStyles(edge.labelStyle)
+      getLabelStyles(edge.labelStyle) || "",
+      false,
+      false
     );
-    const startEdgeLabelRight = elem.insert("g").attr("class", "edgeTerminals");
-    const inner2 = startEdgeLabelRight.insert("g").attr("class", "inner");
-    fo = startEdgeLabelRight.node().appendChild(startLabelElement);
+    fo = startLabelElement;
     inner2.node().appendChild(startLabelElement);
-    const slBox = startLabelElement.getBBox();
-    inner2.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    let slBox = startLabelElement.getBBox();
+    if (useHtmlLabels) {
+      const div = startLabelElement.children[0];
+      const dv = select(startLabelElement);
+      slBox = div.getBoundingClientRect();
+      dv.attr("width", slBox.width);
+      dv.attr("height", slBox.height);
+    }
+    inner2.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
     if (!terminalLabels.get(edge.id)) {
       terminalLabels.set(edge.id, {});
     }
@@ -97423,12 +97326,25 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
     setTerminalWidth(fo, edge.startLabelRight);
   }
   if (edge.endLabelLeft) {
-    const endLabelElement = await createLabel_default(edge.endLabelLeft, getLabelStyles(edge.labelStyle));
     const endEdgeLabelLeft = elem.insert("g").attr("class", "edgeTerminals");
     const inner2 = endEdgeLabelLeft.insert("g").attr("class", "inner");
-    fo = inner2.node().appendChild(endLabelElement);
-    const slBox = endLabelElement.getBBox();
-    inner2.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    const endLabelElement = await createLabel_default(
+      inner2,
+      edge.endLabelLeft,
+      getLabelStyles(edge.labelStyle) || "",
+      false,
+      false
+    );
+    fo = endLabelElement;
+    let slBox = endLabelElement.getBBox();
+    if (useHtmlLabels) {
+      const div = endLabelElement.children[0];
+      const dv = select(endLabelElement);
+      slBox = div.getBoundingClientRect();
+      dv.attr("width", slBox.width);
+      dv.attr("height", slBox.height);
+    }
+    inner2.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
     endEdgeLabelLeft.node().appendChild(endLabelElement);
     if (!terminalLabels.get(edge.id)) {
       terminalLabels.set(edge.id, {});
@@ -97437,12 +97353,25 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
     setTerminalWidth(fo, edge.endLabelLeft);
   }
   if (edge.endLabelRight) {
-    const endLabelElement = await createLabel_default(edge.endLabelRight, getLabelStyles(edge.labelStyle));
     const endEdgeLabelRight = elem.insert("g").attr("class", "edgeTerminals");
     const inner2 = endEdgeLabelRight.insert("g").attr("class", "inner");
-    fo = inner2.node().appendChild(endLabelElement);
-    const slBox = endLabelElement.getBBox();
-    inner2.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    const endLabelElement = await createLabel_default(
+      inner2,
+      edge.endLabelRight,
+      getLabelStyles(edge.labelStyle) || "",
+      false,
+      false
+    );
+    fo = endLabelElement;
+    let slBox = endLabelElement.getBBox();
+    if (useHtmlLabels) {
+      const div = endLabelElement.children[0];
+      const dv = select(endLabelElement);
+      slBox = div.getBoundingClientRect();
+      dv.attr("width", slBox.width);
+      dv.attr("height", slBox.height);
+    }
+    inner2.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
     endEdgeLabelRight.node().appendChild(endLabelElement);
     if (!terminalLabels.get(edge.id)) {
       terminalLabels.set(edge.id, {});
@@ -97453,7 +97382,7 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
   return labelElement;
 }, "insertEdgeLabel");
 function setTerminalWidth(fo, value) {
-  if (getConfig2().flowchart.htmlLabels && fo) {
+  if (getEffectiveHtmlLabels(getConfig2()) && fo) {
     fo.style.width = value.length * 9 + "px";
     fo.style.height = "12px";
   }
@@ -97715,7 +97644,7 @@ var generateDashArray = /* @__PURE__ */ __name((len, oValueS, oValueE) => {
   const dashArray = `0 ${oValueS} ${middlePattern} ${oValueE}`;
   return dashArray;
 }, "generateDashArray");
-var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramType, startNode, endNode, id28, skipIntersect = false) {
+var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramType, startNode, endNode, id30, skipIntersect = false) {
   const { handDrawnSeed } = getConfig2();
   let points = edge.points;
   let pointsHasChanged = false;
@@ -97759,10 +97688,12 @@ var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramT
     pointsHasChanged = true;
   }
   let lineData = points.filter((p2) => !Number.isNaN(p2.y));
-  lineData = fixCorners(lineData);
-  let curve = curveBasis;
-  curve = curveLinear;
-  switch (edge.curve) {
+  const edgeCurveType = resolveEdgeCurveType(edge.curve);
+  if (edgeCurveType !== "rounded") {
+    lineData = fixCorners(lineData);
+  }
+  let curve = curveLinear;
+  switch (edgeCurveType) {
     case "linear":
       curve = curveLinear;
       break;
@@ -97799,6 +97730,9 @@ var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramT
     case "stepBefore":
       curve = stepBefore;
       break;
+    case "rounded":
+      curve = curveLinear;
+      break;
     default:
       curve = curveBasis;
   }
@@ -97832,9 +97766,16 @@ var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramT
       strokeClasses += " edge-pattern-solid";
   }
   let svgPath;
-  let linePath = edge.curve === "rounded" ? generateRoundedPath(applyMarkerOffsetsToPoints(lineData, edge), 5) : lineFunction(lineData);
+  let linePath = edgeCurveType === "rounded" ? generateRoundedPath(applyMarkerOffsetsToPoints(lineData, edge), 5) : lineFunction(lineData);
   const edgeStyles = Array.isArray(edge.style) ? edge.style : [edge.style];
   let strokeColor = edgeStyles.find((style2) => style2?.startsWith("stroke:"));
+  let animationClass = "";
+  if (edge.animate) {
+    animationClass = "edge-animation-fast";
+  }
+  if (edge.animation) {
+    animationClass = "edge-animation-" + edge.animation;
+  }
   let animatedEdge = false;
   if (edge.look === "handDrawn") {
     const rc = at.svg(elem);
@@ -97844,24 +97785,20 @@ var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramT
       seed: handDrawnSeed
     });
     strokeClasses += " transition";
-    svgPath = select(svgPathNode).select("path").attr("id", edge.id).attr("class", " " + strokeClasses + (edge.classes ? " " + edge.classes : "")).attr("style", edgeStyles ? edgeStyles.reduce((acc, style2) => acc + ";" + style2, "") : "");
+    svgPath = select(svgPathNode).select("path").attr("id", edge.id).attr(
+      "class",
+      " " + strokeClasses + (edge.classes ? " " + edge.classes : "") + (animationClass ? " " + animationClass : "")
+    ).attr("style", edgeStyles ? edgeStyles.reduce((acc, style2) => acc + ";" + style2, "") : "");
     let d2 = svgPath.attr("d");
     svgPath.attr("d", d2);
     elem.node().appendChild(svgPath.node());
   } else {
     const stylesFromClasses = edgeClassStyles.join(";");
     const styles2 = edgeStyles ? edgeStyles.reduce((acc, style2) => acc + style2 + ";", "") : "";
-    let animationClass = "";
-    if (edge.animate) {
-      animationClass = " edge-animation-fast";
-    }
-    if (edge.animation) {
-      animationClass = " edge-animation-" + edge.animation;
-    }
     const pathStyle = (stylesFromClasses ? stylesFromClasses + ";" + styles2 + ";" : styles2) + ";" + (edgeStyles ? edgeStyles.reduce((acc, style2) => acc + ";" + style2, "") : "");
     svgPath = elem.append("path").attr("d", linePath).attr("id", edge.id).attr(
       "class",
-      " " + strokeClasses + (edge.classes ? " " + edge.classes : "") + (animationClass ?? "")
+      " " + strokeClasses + (edge.classes ? " " + edge.classes : "") + (animationClass ? " " + animationClass : "")
     ).attr("style", pathStyle);
     strokeColor = pathStyle.match(/stroke:([^;]+)/)?.[1];
     animatedEdge = edge.animate === true || !!edge.animation || stylesFromClasses.includes("animation");
@@ -97891,7 +97828,7 @@ var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramT
   }
   log.info("arrowTypeStart", edge.arrowTypeStart);
   log.info("arrowTypeEnd", edge.arrowTypeEnd);
-  addEdgeMarkers(svgPath, edge, url, id28, diagramType, strokeColor);
+  addEdgeMarkers(svgPath, edge, url, id30, diagramType, strokeColor);
   const midIndex = Math.floor(points.length / 2);
   const point2 = points[midIndex];
   if (!utils_default.isLabelCoordinateInPath(point2, svgPath.attr("d"))) {
@@ -97989,73 +97926,73 @@ function applyMarkerOffsetsToPoints(points, edge) {
   return newPoints;
 }
 __name(applyMarkerOffsetsToPoints, "applyMarkerOffsetsToPoints");
-var insertMarkers = /* @__PURE__ */ __name((elem, markerArray, type2, id28) => {
+var insertMarkers = /* @__PURE__ */ __name((elem, markerArray, type2, id30) => {
   markerArray.forEach((markerName) => {
-    markers[markerName](elem, type2, id28);
+    markers[markerName](elem, type2, id30);
   });
 }, "insertMarkers");
-var extension = /* @__PURE__ */ __name((elem, type2, id28) => {
-  log.trace("Making markers for ", id28);
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-extensionStart").attr("class", "marker extension " + type2).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 1,7 L18,13 V 1 Z");
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-extensionEnd").attr("class", "marker extension " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 1,1 V 13 L18,7 Z");
+var extension = /* @__PURE__ */ __name((elem, type2, id30) => {
+  log.trace("Making markers for ", id30);
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-extensionStart").attr("class", "marker extension " + type2).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 1,7 L18,13 V 1 Z");
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-extensionEnd").attr("class", "marker extension " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 1,1 V 13 L18,7 Z");
 }, "extension");
-var composition = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-compositionStart").attr("class", "marker composition " + type2).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-compositionEnd").attr("class", "marker composition " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
+var composition = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-compositionStart").attr("class", "marker composition " + type2).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-compositionEnd").attr("class", "marker composition " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
 }, "composition");
-var aggregation = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-aggregationStart").attr("class", "marker aggregation " + type2).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-aggregationEnd").attr("class", "marker aggregation " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
+var aggregation = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-aggregationStart").attr("class", "marker aggregation " + type2).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-aggregationEnd").attr("class", "marker aggregation " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
 }, "aggregation");
-var dependency = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-dependencyStart").attr("class", "marker dependency " + type2).attr("refX", 6).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 5,7 L9,13 L1,7 L9,1 Z");
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-dependencyEnd").attr("class", "marker dependency " + type2).attr("refX", 13).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L14,7 L9,1 Z");
+var dependency = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-dependencyStart").attr("class", "marker dependency " + type2).attr("refX", 6).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 5,7 L9,13 L1,7 L9,1 Z");
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-dependencyEnd").attr("class", "marker dependency " + type2).attr("refX", 13).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L14,7 L9,1 Z");
 }, "dependency");
-var lollipop = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-lollipopStart").attr("class", "marker lollipop " + type2).attr("refX", 13).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("stroke", "black").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6);
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-lollipopEnd").attr("class", "marker lollipop " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("stroke", "black").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6);
+var lollipop = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-lollipopStart").attr("class", "marker lollipop " + type2).attr("refX", 13).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6);
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-lollipopEnd").attr("class", "marker lollipop " + type2).attr("refX", 1).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6);
 }, "lollipop");
-var point = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("marker").attr("id", id28 + "_" + type2 + "-pointEnd").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", 5).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
-  elem.append("marker").attr("id", id28 + "_" + type2 + "-pointStart").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", 4.5).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto").append("path").attr("d", "M 0 5 L 10 10 L 10 0 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
+var point = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("marker").attr("id", id30 + "_" + type2 + "-pointEnd").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", 5).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
+  elem.append("marker").attr("id", id30 + "_" + type2 + "-pointStart").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", 4.5).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto").append("path").attr("d", "M 0 5 L 10 10 L 10 0 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
 }, "point");
-var circle = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("marker").attr("id", id28 + "_" + type2 + "-circleEnd").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", 11).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
-  elem.append("marker").attr("id", id28 + "_" + type2 + "-circleStart").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", -1).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
+var circle = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("marker").attr("id", id30 + "_" + type2 + "-circleEnd").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", 11).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
+  elem.append("marker").attr("id", id30 + "_" + type2 + "-circleStart").attr("class", "marker " + type2).attr("viewBox", "0 0 10 10").attr("refX", -1).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
 }, "circle");
-var cross = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("marker").attr("id", id28 + "_" + type2 + "-crossEnd").attr("class", "marker cross " + type2).attr("viewBox", "0 0 11 11").attr("refX", 12).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0");
-  elem.append("marker").attr("id", id28 + "_" + type2 + "-crossStart").attr("class", "marker cross " + type2).attr("viewBox", "0 0 11 11").attr("refX", -1).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0");
+var cross = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("marker").attr("id", id30 + "_" + type2 + "-crossEnd").attr("class", "marker cross " + type2).attr("viewBox", "0 0 11 11").attr("refX", 12).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0");
+  elem.append("marker").attr("id", id30 + "_" + type2 + "-crossStart").attr("class", "marker cross " + type2).attr("viewBox", "0 0 11 11").attr("refX", -1).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0");
 }, "cross");
-var barb = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-barbEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 14).attr("markerUnits", "userSpaceOnUse").attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
+var barb = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-barbEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 14).attr("markerUnits", "userSpaceOnUse").attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
 }, "barb");
-var only_one = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-onlyOneStart").attr("class", "marker onlyOne " + type2).attr("refX", 0).attr("refY", 9).attr("markerWidth", 18).attr("markerHeight", 18).attr("orient", "auto").append("path").attr("d", "M9,0 L9,18 M15,0 L15,18");
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-onlyOneEnd").attr("class", "marker onlyOne " + type2).attr("refX", 18).attr("refY", 9).attr("markerWidth", 18).attr("markerHeight", 18).attr("orient", "auto").append("path").attr("d", "M3,0 L3,18 M9,0 L9,18");
+var only_one = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-onlyOneStart").attr("class", "marker onlyOne " + type2).attr("refX", 0).attr("refY", 9).attr("markerWidth", 18).attr("markerHeight", 18).attr("orient", "auto").append("path").attr("d", "M9,0 L9,18 M15,0 L15,18");
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-onlyOneEnd").attr("class", "marker onlyOne " + type2).attr("refX", 18).attr("refY", 9).attr("markerWidth", 18).attr("markerHeight", 18).attr("orient", "auto").append("path").attr("d", "M3,0 L3,18 M9,0 L9,18");
 }, "only_one");
-var zero_or_one = /* @__PURE__ */ __name((elem, type2, id28) => {
-  const startMarker = elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-zeroOrOneStart").attr("class", "marker zeroOrOne " + type2).attr("refX", 0).attr("refY", 9).attr("markerWidth", 30).attr("markerHeight", 18).attr("orient", "auto");
+var zero_or_one = /* @__PURE__ */ __name((elem, type2, id30) => {
+  const startMarker = elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-zeroOrOneStart").attr("class", "marker zeroOrOne " + type2).attr("refX", 0).attr("refY", 9).attr("markerWidth", 30).attr("markerHeight", 18).attr("orient", "auto");
   startMarker.append("circle").attr("fill", "white").attr("cx", 21).attr("cy", 9).attr("r", 6);
   startMarker.append("path").attr("d", "M9,0 L9,18");
-  const endMarker = elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-zeroOrOneEnd").attr("class", "marker zeroOrOne " + type2).attr("refX", 30).attr("refY", 9).attr("markerWidth", 30).attr("markerHeight", 18).attr("orient", "auto");
+  const endMarker = elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-zeroOrOneEnd").attr("class", "marker zeroOrOne " + type2).attr("refX", 30).attr("refY", 9).attr("markerWidth", 30).attr("markerHeight", 18).attr("orient", "auto");
   endMarker.append("circle").attr("fill", "white").attr("cx", 9).attr("cy", 9).attr("r", 6);
   endMarker.append("path").attr("d", "M21,0 L21,18");
 }, "zero_or_one");
-var one_or_more = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-oneOrMoreStart").attr("class", "marker oneOrMore " + type2).attr("refX", 18).attr("refY", 18).attr("markerWidth", 45).attr("markerHeight", 36).attr("orient", "auto").append("path").attr("d", "M0,18 Q 18,0 36,18 Q 18,36 0,18 M42,9 L42,27");
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-oneOrMoreEnd").attr("class", "marker oneOrMore " + type2).attr("refX", 27).attr("refY", 18).attr("markerWidth", 45).attr("markerHeight", 36).attr("orient", "auto").append("path").attr("d", "M3,9 L3,27 M9,18 Q27,0 45,18 Q27,36 9,18");
+var one_or_more = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-oneOrMoreStart").attr("class", "marker oneOrMore " + type2).attr("refX", 18).attr("refY", 18).attr("markerWidth", 45).attr("markerHeight", 36).attr("orient", "auto").append("path").attr("d", "M0,18 Q 18,0 36,18 Q 18,36 0,18 M42,9 L42,27");
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-oneOrMoreEnd").attr("class", "marker oneOrMore " + type2).attr("refX", 27).attr("refY", 18).attr("markerWidth", 45).attr("markerHeight", 36).attr("orient", "auto").append("path").attr("d", "M3,9 L3,27 M9,18 Q27,0 45,18 Q27,36 9,18");
 }, "one_or_more");
-var zero_or_more = /* @__PURE__ */ __name((elem, type2, id28) => {
-  const startMarker = elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-zeroOrMoreStart").attr("class", "marker zeroOrMore " + type2).attr("refX", 18).attr("refY", 18).attr("markerWidth", 57).attr("markerHeight", 36).attr("orient", "auto");
+var zero_or_more = /* @__PURE__ */ __name((elem, type2, id30) => {
+  const startMarker = elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-zeroOrMoreStart").attr("class", "marker zeroOrMore " + type2).attr("refX", 18).attr("refY", 18).attr("markerWidth", 57).attr("markerHeight", 36).attr("orient", "auto");
   startMarker.append("circle").attr("fill", "white").attr("cx", 48).attr("cy", 18).attr("r", 6);
   startMarker.append("path").attr("d", "M0,18 Q18,0 36,18 Q18,36 0,18");
-  const endMarker = elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-zeroOrMoreEnd").attr("class", "marker zeroOrMore " + type2).attr("refX", 39).attr("refY", 18).attr("markerWidth", 57).attr("markerHeight", 36).attr("orient", "auto");
+  const endMarker = elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-zeroOrMoreEnd").attr("class", "marker zeroOrMore " + type2).attr("refX", 39).attr("refY", 18).attr("markerWidth", 57).attr("markerHeight", 36).attr("orient", "auto");
   endMarker.append("circle").attr("fill", "white").attr("cx", 9).attr("cy", 18).attr("r", 6);
   endMarker.append("path").attr("d", "M21,18 Q39,0 57,18 Q39,36 21,18");
 }, "zero_or_more");
-var requirement_arrow = /* @__PURE__ */ __name((elem, type2, id28) => {
-  elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-requirement_arrowEnd").attr("refX", 20).attr("refY", 10).attr("markerWidth", 20).attr("markerHeight", 20).attr("orient", "auto").append("path").attr(
+var requirement_arrow = /* @__PURE__ */ __name((elem, type2, id30) => {
+  elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-requirement_arrowEnd").attr("refX", 20).attr("refY", 10).attr("markerWidth", 20).attr("markerHeight", 20).attr("orient", "auto").append("path").attr(
     "d",
     `M0,0
       L20,10
@@ -98063,8 +98000,8 @@ var requirement_arrow = /* @__PURE__ */ __name((elem, type2, id28) => {
       L0,20`
   );
 }, "requirement_arrow");
-var requirement_contains = /* @__PURE__ */ __name((elem, type2, id28) => {
-  const containsNode = elem.append("defs").append("marker").attr("id", id28 + "_" + type2 + "-requirement_containsStart").attr("refX", 0).attr("refY", 10).attr("markerWidth", 20).attr("markerHeight", 20).attr("orient", "auto").append("g");
+var requirement_contains = /* @__PURE__ */ __name((elem, type2, id30) => {
+  const containsNode = elem.append("defs").append("marker").attr("id", id30 + "_" + type2 + "-requirement_containsStart").attr("refX", 0).attr("refY", 10).attr("markerWidth", 20).attr("markerHeight", 20).attr("orient", "auto").append("g");
   containsNode.append("circle").attr("cx", 10).attr("cy", 10).attr("r", 9).attr("fill", "none");
   containsNode.append("line").attr("x1", 1).attr("x2", 19).attr("y1", 10).attr("y2", 10);
   containsNode.append("line").attr("y1", 1).attr("y2", 19).attr("x1", 10).attr("x2", 10);
@@ -98102,20 +98039,20 @@ var internalHelpers = {
 };
 var layoutAlgorithms = {};
 var registerLayoutLoaders = /* @__PURE__ */ __name((loaders) => {
-  for (const loader28 of loaders) {
-    layoutAlgorithms[loader28.name] = loader28;
+  for (const loader30 of loaders) {
+    layoutAlgorithms[loader30.name] = loader30;
   }
 }, "registerLayoutLoaders");
 var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-DhRqcF1o.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-BCEgv7zL.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-17ECLfPR.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-DIRdD9UY.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -98555,7 +98492,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-COLZS8Ul.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-IC4MRINW-C-WxkPD_.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id: id$1, diagram: diagram2 };
@@ -98575,9 +98512,9 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CdEjFbz4.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-Dptcw76l.js");
     return { diagram: diagram22 };
-  }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
+  }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -98601,9 +98538,9 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CdEjFbz4.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-Dptcw76l.js");
     return { diagram: diagram22 };
-  }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
+  }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -98618,7 +98555,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-BH-7rI43.js");
+    const { diagram: diagram22 } = await import("./erDiagram-INFDFZHY-BoZdWdP2.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -98635,7 +98572,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-CUJ5oxCg.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-K3NZZRJ6-125S1YW0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -98652,7 +98589,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-Cju2t-lK.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-A5KZAMGK-qM3zsgxI.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -98669,7 +98606,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-Df8p0okQ.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-LFFYTUFH-B9vrFy_9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -98685,7 +98622,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-BQrOgSc-.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-SKSYHLDU-BKJYIUkU.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -98701,7 +98638,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-C62TxtsO.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-337W2JSQ-yjekONzR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -98718,7 +98655,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-Ba2uJcs6.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-JWTSCODW-BI_N4JiZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -98735,7 +98672,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-Is6Q3osM.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-Z7DCOOCP-DMH1wutn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -98752,7 +98689,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-DpODpbl6.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-2WXFIKYE-4sriOpV9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -98772,9 +98709,9 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-CpyYj1Rc.js");
+    const { diagram: diagram22 } = await import("./classDiagram-VBA2DB6C-DIAo1m4U.js");
     return { diagram: diagram22 };
-  }, true ? __vite__mapDeps([32,33,11,12,13]) : void 0);
+  }, true ? __vite__mapDeps([32,33,11,9,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -98792,9 +98729,9 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-CpyYj1Rc.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-RAHNMMFH-DIAo1m4U.js");
     return { diagram: diagram22 };
-  }, true ? __vite__mapDeps([34,33,11,12,13]) : void 0);
+  }, true ? __vite__mapDeps([34,33,11,9,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -98812,7 +98749,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-B8LHaf5T.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-RAJIS63D-BUMObt6W.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98835,7 +98772,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-4FzTkpgz.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-FVOUBMTO-DazzpfnH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98852,9 +98789,9 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-BXMl8H-d.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-4ABVD52K-BzoWs6ft.js");
     return { diagram: diagram22 };
-  }, true ? __vite__mapDeps([38,9,11,26]) : void 0);
+  }, true ? __vite__mapDeps([38,11,9,26]) : void 0);
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -98863,9 +98800,9 @@ var plugin15 = {
   loader: loader17
 };
 var journeyDetector_default = plugin15;
-var draw = /* @__PURE__ */ __name((_text, id28, version2) => {
+var draw = /* @__PURE__ */ __name((_text, id30, version2) => {
   log.debug("rendering svg for syntax error\n");
-  const svg2 = selectSvgElement(id28);
+  const svg2 = selectSvgElement(id30);
   const g2 = svg2.append("g");
   svg2.attr("viewBox", "0 0 2412 512");
   configureSvgSize(svg2, 100, 512, true);
@@ -98922,9 +98859,9 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-CdEjFbz4.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-Dptcw76l.js");
     return { diagram: diagram22 };
-  }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
+  }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -98939,7 +98876,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-Ckxc4qZe.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-YZTLITO2-CdChFPnp.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98956,7 +98893,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-BLBklJVX.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-YRQLILUH-D4282T7u.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98973,7 +98910,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-Cc5RwCEh.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-K7BYSVSG-TJm1UiSH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98990,7 +98927,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-CCAW8Dr2.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-WA2Y5GQK-Cs4ACtdq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -99007,7 +98944,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-DAFFGfch.js");
+    const { diagram: diagram22 } = await import("./diagram-P4PSJMXO-BJRf8VnU.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -99023,7 +98960,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-ohxbPpDH.js");
+    const { diagram: diagram22 } = await import("./diagram-IFDJBPK2-DBtRFFBv.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -99039,7 +98976,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-CABpgVAa.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-WCTKOSBZ-fSZbZ3PY.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -99056,7 +98993,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-DZMT7dqc.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-2XIMDMQ5-BiDh8CGJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -99067,22 +99004,55 @@ var architecture = {
   loader: loader26
 };
 var architectureDetector_default = architecture;
-var id27 = "treemap";
+var id27 = "ishikawa";
 var detector27 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*treemap/.test(txt);
+  return /^\s*ishikawa(-beta)?\b/i.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-lpDT6Wwb.js");
+    const { diagram: diagram22 } = await import("./ishikawaDiagram-PHBUUO56-CzcXR0Tc.js");
     return { diagram: diagram22 };
-  }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
+  }, true ? [] : void 0);
   return { id: id27, diagram: diagram2 };
 }, "loader");
-var treemap = {
+var ishikawa = {
   id: id27,
   detector: detector27,
   loader: loader27
 };
+var id28 = "venn";
+var detector28 = /* @__PURE__ */ __name((txt) => {
+  return /^\s*venn-beta/.test(txt);
+}, "detector");
+var loader28 = /* @__PURE__ */ __name(async () => {
+  const { diagram: diagram2 } = await __vitePreload(async () => {
+    const { diagram: diagram22 } = await import("./vennDiagram-LZ73GAT5-Bu9N_8Cu.js");
+    return { diagram: diagram22 };
+  }, true ? [] : void 0);
+  return { id: id28, diagram: diagram2 };
+}, "loader");
+var plugin22 = {
+  id: id28,
+  detector: detector28,
+  loader: loader28
+};
+var vennDetector_default = plugin22;
+var id29 = "treemap";
+var detector29 = /* @__PURE__ */ __name((txt) => {
+  return /^\s*treemap/.test(txt);
+}, "detector");
+var loader29 = /* @__PURE__ */ __name(async () => {
+  const { diagram: diagram2 } = await __vitePreload(async () => {
+    const { diagram: diagram22 } = await import("./diagram-E7M64L7V-CwNdHUlg.js");
+    return { diagram: diagram22 };
+  }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
+  return { id: id29, diagram: diagram2 };
+}, "loader");
+var treemap = {
+  id: id29,
+  detector: detector29,
+  loader: loader29
+};
 var hasLoadedDiagrams = false;
 var addDiagrams = /* @__PURE__ */ __name(() => {
   if (hasLoadedDiagrams) {
@@ -99147,22 +99117,24 @@ var addDiagrams = /* @__PURE__ */ __name(() => {
     xychartDetector_default,
     blockDetector_default,
     radar,
-    treemap
+    ishikawa,
+    treemap,
+    vennDetector_default
   );
 }, "addDiagrams");
 var loadRegisteredDiagrams = /* @__PURE__ */ __name(async () => {
   log.debug(`Loading registered diagrams`);
   const results = await Promise.allSettled(
-    Object.entries(detectors).map(async ([key, { detector: detector28, loader: loader28 }]) => {
-      if (!loader28) {
+    Object.entries(detectors).map(async ([key, { detector: detector30, loader: loader30 }]) => {
+      if (!loader30) {
         return;
       }
       try {
         getDiagram(key);
       } catch {
         try {
-          const { diagram: diagram2, id: id28 } = await loader28();
-          registerDiagram(id28, diagram2, detector28);
+          const { diagram: diagram2, id: id30 } = await loader30();
+          registerDiagram(id30, diagram2, detector30);
         } catch (err) {
           log.error(`Failed to load external diagram with key ${key}. Removing from detectors.`);
           delete detectors[key];
@@ -99219,12 +99191,12 @@ var Diagram = (_j = class {
     try {
       getDiagram(type2);
     } catch {
-      const loader28 = getDiagramLoader(type2);
-      if (!loader28) {
+      const loader30 = getDiagramLoader(type2);
+      if (!loader30) {
         throw new UnknownDiagramError(`Diagram ${type2} not found.`);
       }
-      const { id: id28, diagram: diagram2 } = await loader28();
-      registerDiagram(id28, diagram2);
+      const { id: id30, diagram: diagram2 } = await loader30();
+      registerDiagram(id30, diagram2);
     }
     const { db, parser, renderer: renderer2, init: init2 } = getDiagram(type2);
     if (parser.parser) {
@@ -99238,8 +99210,8 @@ var Diagram = (_j = class {
     await parser.parse(text2);
     return new _j(type2, text2, db, parser, renderer2);
   }
-  async render(id28, version2) {
-    await this.renderer.draw(this.text, id28, version2, this);
+  async render(id30, version2) {
+    await this.renderer.draw(this.text, id30, version2, this);
   }
   getParser() {
     return this.parser;
@@ -99392,7 +99364,7 @@ ${config2.themeCSS}`;
 :root { --mermaid-alt-font-family: ${config2.altFontFamily}}`;
   }
   if (classDefs instanceof Map) {
-    const htmlLabels = config2.htmlLabels ?? config2.flowchart?.htmlLabels;
+    const htmlLabels = getEffectiveHtmlLabels(config2);
     const cssHtmlElements = ["> *", "span"];
     const cssShapeElements = ["rect", "polygon", "ellipse", "circle", "path"];
     const cssElements = htmlLabels ? cssHtmlElements : cssShapeElements;
@@ -99437,13 +99409,13 @@ var putIntoIFrame = /* @__PURE__ */ __name((svgCode = "", svgElement) => {
   ${IFRAME_NOT_SUPPORTED_MSG}
 </iframe>`;
 }, "putIntoIFrame");
-var appendDivSvgG = /* @__PURE__ */ __name((parentRoot, id28, enclosingDivId, divStyle, svgXlink) => {
+var appendDivSvgG = /* @__PURE__ */ __name((parentRoot, id30, enclosingDivId, divStyle, svgXlink) => {
   const enclosingDiv = parentRoot.append("div");
   enclosingDiv.attr("id", enclosingDivId);
   if (divStyle) {
     enclosingDiv.attr("style", divStyle);
   }
-  const svgNode2 = enclosingDiv.append("svg").attr("id", id28).attr("width", "100%").attr("xmlns", XMLNS_SVG_STD);
+  const svgNode2 = enclosingDiv.append("svg").attr("id", id30).attr("width", "100%").attr("xmlns", XMLNS_SVG_STD);
   if (svgXlink) {
     svgNode2.attr("xmlns:xlink", svgXlink);
   }
@@ -99454,12 +99426,12 @@ function sandboxedIframe(parentNode, iFrameId) {
   return parentNode.append("iframe").attr("id", iFrameId).attr("style", "width: 100%; height: 100%;").attr("sandbox", "");
 }
 __name(sandboxedIframe, "sandboxedIframe");
-var removeExistingElements = /* @__PURE__ */ __name((doc, id28, divId, iFrameId) => {
-  doc.getElementById(id28)?.remove();
+var removeExistingElements = /* @__PURE__ */ __name((doc, id30, divId, iFrameId) => {
+  doc.getElementById(id30)?.remove();
   doc.getElementById(divId)?.remove();
   doc.getElementById(iFrameId)?.remove();
 }, "removeExistingElements");
-var render2 = /* @__PURE__ */ __name(async function(id28, text2, svgContainingElement) {
+var render2 = /* @__PURE__ */ __name(async function(id30, text2, svgContainingElement) {
   addDiagrams();
   const processed = processAndSetConfigs(text2);
   text2 = processed.code;
@@ -99468,10 +99440,10 @@ var render2 = /* @__PURE__ */ __name(async function(id28, text2, svgContainingEl
   if (text2.length > (config2?.maxTextSize ?? MAX_TEXTLENGTH)) {
     text2 = MAX_TEXTLENGTH_EXCEEDED_MSG;
   }
-  const idSelector = "#" + id28;
-  const iFrameID = "i" + id28;
+  const idSelector = "#" + id30;
+  const iFrameID = "i" + id30;
   const iFrameID_selector = "#" + iFrameID;
-  const enclosingDivID = "d" + id28;
+  const enclosingDivID = "d" + id30;
   const enclosingDivID_selector = "#" + enclosingDivID;
   const removeTempElements = /* @__PURE__ */ __name(() => {
     const tmpElementSelector = isSandboxed ? iFrameID_selector : enclosingDivID_selector;
@@ -99495,9 +99467,9 @@ var render2 = /* @__PURE__ */ __name(async function(id28, text2, svgContainingEl
     } else {
       root2 = select(svgContainingElement);
     }
-    appendDivSvgG(root2, id28, enclosingDivID, `font-family: ${fontFamily}`, XMLNS_XLINK_STD);
+    appendDivSvgG(root2, id30, enclosingDivID, `font-family: ${fontFamily}`, XMLNS_XLINK_STD);
   } else {
-    removeExistingElements(document, id28, enclosingDivID, iFrameID);
+    removeExistingElements(document, id30, enclosingDivID, iFrameID);
     if (isSandboxed) {
       const iframe = sandboxedIframe(select("body"), iFrameID);
       root2 = select(iframe.nodes()[0].contentDocument.body);
@@ -99505,7 +99477,7 @@ var render2 = /* @__PURE__ */ __name(async function(id28, text2, svgContainingEl
     } else {
       root2 = select("body");
     }
-    appendDivSvgG(root2, id28, enclosingDivID);
+    appendDivSvgG(root2, id30, enclosingDivID);
   }
   let diag;
   let parseEncounteredException;
@@ -99529,12 +99501,12 @@ var render2 = /* @__PURE__ */ __name(async function(id28, text2, svgContainingEl
   style1.innerHTML = rules;
   svg2.insertBefore(style1, firstChild);
   try {
-    await diag.renderer.draw(text2, id28, package_default.version, diag);
+    await diag.renderer.draw(text2, id30, "11.13.0", diag);
   } catch (e2) {
     if (config2.suppressErrorRendering) {
       removeTempElements();
     } else {
-      errorRenderer_default.draw(text2, id28, package_default.version);
+      errorRenderer_default.draw(text2, id30, "11.13.0");
     }
     throw e2;
   }
@@ -99542,7 +99514,7 @@ var render2 = /* @__PURE__ */ __name(async function(id28, text2, svgContainingEl
   const a11yTitle = diag.db.getAccTitle?.();
   const a11yDescr = diag.db.getAccDescription?.();
   addA11yInfo(diagramType, svgNode2, a11yTitle, a11yDescr);
-  root2.select(`[id="${id28}"]`).selectAll("foreignobject > *").attr("xmlns", XMLNS_XHTML_STD);
+  root2.select(`[id="${id30}"]`).selectAll("foreignobject > *").attr("xmlns", XMLNS_XHTML_STD);
   let svgCode = root2.select(enclosingDivID_selector).node().innerHTML;
   log.debug("config.arrowMarkerAbsolute", config2.arrowMarkerAbsolute);
   svgCode = cleanUpSvgCode(svgCode, isSandboxed, evaluate(config2.arrowMarkerAbsolute));
@@ -99682,7 +99654,7 @@ var runThrowsErrors = /* @__PURE__ */ __name(async function({ postRenderCallback
       continue;
     }
     element.setAttribute("data-processed", "true");
-    const id28 = `mermaid-${idGenerator.next()}`;
+    const id30 = `mermaid-${idGenerator.next()}`;
     txt = element.innerHTML;
     txt = dedent(utils_default.entityDecode(txt)).trim().replace(/<br\s*\/?>/gi, "<br/>");
     const init2 = utils_default.detectInit(txt);
@@ -99690,10 +99662,10 @@ var runThrowsErrors = /* @__PURE__ */ __name(async function({ postRenderCallback
       log.debug("Detected early reinit: ", init2);
     }
     try {
-      const { svg: svg2, bindFunctions } = await render22(id28, txt, element);
+      const { svg: svg2, bindFunctions } = await render22(id30, txt, element);
       element.innerHTML = svg2;
       if (postRenderCallback) {
-        await postRenderCallback(id28);
+        await postRenderCallback(id30);
       }
       if (bindFunctions) {
         bindFunctions(element);
@@ -99788,10 +99760,10 @@ var parse2 = /* @__PURE__ */ __name(async (text2, parseOptions) => {
     executeQueue().catch(reject);
   });
 }, "parse");
-var render22 = /* @__PURE__ */ __name((id28, text2, container) => {
+var render22 = /* @__PURE__ */ __name((id30, text2, container) => {
   return new Promise((resolve, reject) => {
     const performCall = /* @__PURE__ */ __name(() => new Promise((res, rej) => {
-      mermaidAPI.render(id28, text2, container).then(
+      mermaidAPI.render(id30, text2, container).then(
         (r2) => {
           res(r2);
           resolve(r2);
@@ -99809,8 +99781,8 @@ var render22 = /* @__PURE__ */ __name((id28, text2, container) => {
   });
 }, "render");
 var getRegisteredDiagramsMetadata = /* @__PURE__ */ __name(() => {
-  return Object.keys(detectors).map((id28) => ({
-    id: id28
+  return Object.keys(detectors).map((id30) => ({
+    id: id30
   }));
 }, "getRegisteredDiagramsMetadata");
 var mermaid = {
@@ -99843,13 +99815,13 @@ class DomindsMermaidBlock extends HTMLElement {
     return normalizedNewlines.replace(
       /(\b[\w-]+)\[([^\]\n]*?)\]/g,
       (_full, rawId, rawLabel) => {
-        const id28 = String(rawId);
+        const id30 = String(rawId);
         const label = String(rawLabel).trim();
-        if (!label) return `${id28}[]`;
-        if (label.startsWith('"') || label.startsWith("'")) return `${id28}[${label}]`;
-        if (!/[<>()|]/.test(label)) return `${id28}[${label}]`;
+        if (!label) return `${id30}[]`;
+        if (label.startsWith('"') || label.startsWith("'")) return `${id30}[${label}]`;
+        if (!/[<>()|]/.test(label)) return `${id30}[${label}]`;
         const escaped = label.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
-        return `${id28}["${escaped}"]`;
+        return `${id30}["${escaped}"]`;
       }
     );
   }
@@ -100290,14 +100262,14 @@ md.core.ruler.push("dominds_heading_ids", (state2) => {
     const rawText = inline2.content;
     const base2 = slugifyHeadingId(rawText);
     if (!base2) continue;
-    let id28 = base2;
+    let id30 = base2;
     let attempt = 2;
-    while (used.has(id28)) {
-      id28 = `${base2}-${attempt}`;
+    while (used.has(id30)) {
+      id30 = `${base2}-${attempt}`;
       attempt += 1;
     }
-    used.add(id28);
-    token2.attrSet("id", id28);
+    used.add(id30);
+    token2.attrSet("id", id30);
   }
 });
 installDomindsMathBlockRule(md);
@@ -100547,6 +100519,8 @@ class DomindsDialogContainer extends HTMLElement {
     this.webSearchSectionBySeq = /* @__PURE__ */ new Map();
     this.nativeToolSectionByIdentity = /* @__PURE__ */ new Map();
     this.nativeToolSectionBySeq = /* @__PURE__ */ new Map();
+    this.toolResultImageStatusByKey = /* @__PURE__ */ new Map();
+    this.toolResultImageStatusElByKey = /* @__PURE__ */ new Map();
     this.queuedUserBubbleByMsgId = /* @__PURE__ */ new Map();
     this.pendingTellaskCallAnchorByGenseq = /* @__PURE__ */ new Map();
     this.progressiveExpandObserverByTarget = /* @__PURE__ */ new WeakMap();
@@ -101182,7 +101156,7 @@ class DomindsDialogContainer extends HTMLElement {
       this.teamConfiguration = {
         memberDefaults: { icon: cfg.memberDefaults.icon, name: cfg.memberDefaults.name },
         members: Object.fromEntries(
-          Object.entries(cfg.members).map(([id28, m2]) => [id28, { icon: m2.icon, name: m2.name }])
+          Object.entries(cfg.members).map(([id30, m2]) => [id30, { icon: m2.icon, name: m2.name }])
         )
       };
     } catch (error2) {
@@ -101277,6 +101251,8 @@ class DomindsDialogContainer extends HTMLElement {
     this.webSearchSectionBySeq.clear();
     this.nativeToolSectionByIdentity.clear();
     this.nativeToolSectionBySeq.clear();
+    this.toolResultImageStatusByKey.clear();
+    this.toolResultImageStatusElByKey.clear();
     this.queuedUserBubbleByMsgId.clear();
     this.pendingTellaskCallAnchorByGenseq.clear();
     const messages = this.shadowRoot?.querySelector(".messages");
@@ -101304,6 +101280,8 @@ class DomindsDialogContainer extends HTMLElement {
     this.webSearchSectionBySeq.clear();
     this.nativeToolSectionByIdentity.clear();
     this.nativeToolSectionBySeq.clear();
+    this.toolResultImageStatusByKey.clear();
+    this.toolResultImageStatusElByKey.clear();
     this.queuedUserBubbleByMsgId.clear();
     this.pendingTellaskCallAnchorByGenseq.clear();
     const messages = this.shadowRoot?.querySelector(".messages");
@@ -101501,6 +101479,9 @@ class DomindsDialogContainer extends HTMLElement {
       case "native_tool_call_evt":
         this.handleNativeToolCall(event);
         break;
+      case "tool_result_image_ingest_evt":
+        this.handleToolResultImageIngest(event);
+        break;
       // Function results
       case "func_result_evt":
         if (this.generationBubble && this.currentCourse !== event.course) {
@@ -101885,6 +101866,16 @@ class DomindsDialogContainer extends HTMLElement {
         this.pendingCallTimingById.delete(callId);
       }
     }
+    for (const key of Array.from(this.toolResultImageStatusByKey.keys())) {
+      if (key.startsWith(`${String(seq2)}::`)) {
+        this.toolResultImageStatusByKey.delete(key);
+      }
+    }
+    for (const [key, statusEl] of this.toolResultImageStatusElByKey.entries()) {
+      if (key.startsWith(`${String(seq2)}::`) || !statusEl.isConnected) {
+        this.toolResultImageStatusElByKey.delete(key);
+      }
+    }
     if (this.pendingCallTimingById.size === 0) {
       this.stopCallTimingTicker();
     }
@@ -102304,9 +102295,9 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     const seen2 = /* @__PURE__ */ new Set();
     const out = [];
     for (const match2 of headline.matchAll(re2)) {
-      const id28 = (match2[1] ?? "").trim();
-      if (id28 === "") continue;
-      const mention = `@${id28}`;
+      const id30 = (match2[1] ?? "").trim();
+      if (id30 === "") continue;
+      const mention = `@${id30}`;
       if (seen2.has(mention)) continue;
       seen2.add(mention);
       out.push(mention);
@@ -102633,6 +102624,30 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
     this.markCallSitePending(event.callId, callingSection, startedAtMs);
     this.scrollToBottom();
   }
+  makeToolResultImageStatusKey(genseq, toolCallId, relPath) {
+    return `${String(genseq)}::${toolCallId}::${relPath}`;
+  }
+  updateToolResultImageStatusDisplay(args) {
+    const key = this.makeToolResultImageStatusKey(args.genseq, args.toolCallId, args.relPath);
+    this.toolResultImageStatusByKey.set(key, {
+      message: args.message,
+      disposition: args.disposition,
+      genseq: args.genseq
+    });
+    const existing = this.toolResultImageStatusElByKey.get(key);
+    if (!existing) return;
+    existing.textContent = args.message;
+    existing.setAttribute("data-image-ingest-disposition", args.disposition);
+  }
+  handleToolResultImageIngest(event) {
+    this.updateToolResultImageStatusDisplay({
+      genseq: event.genseq,
+      toolCallId: event.toolCallId,
+      relPath: event.artifact.relPath,
+      message: event.message,
+      disposition: event.disposition
+    });
+  }
   // === FUNCTION RESULTS ===
   handleFuncResult(event) {
     if (event.id) {
@@ -102644,6 +102659,11 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
         if (resultEl) {
           const items = event.contentItems;
           if (Array.isArray(items) && items.length > 0) {
+            for (const key of Array.from(this.toolResultImageStatusElByKey.keys())) {
+              if (key.startsWith(`${String(event.genseq)}::${event.id}::`)) {
+                this.toolResultImageStatusElByKey.delete(key);
+              }
+            }
             resultEl.innerHTML = "";
             for (const item of items) {
               if (item.type === "input_text") {
@@ -102660,18 +102680,40 @@ itemId: ${itemId}` : ""}` : `itemId: ${itemId}`;
                 continue;
               }
               if (item.type === "input_image") {
+                const figure = document.createElement("figure");
+                figure.className = "tool-result-image";
+                figure.setAttribute("data-tool-call-id", event.id);
+                figure.setAttribute("data-artifact-rel-path", item.artifact.relPath);
                 const img = document.createElement("img");
                 img.alt = "tool image";
                 img.style.maxWidth = "100%";
                 img.style.height = "auto";
                 img.style.display = "block";
+                const ingestStatus = document.createElement("figcaption");
+                ingestStatus.className = "tool-result-image-ingest-status";
+                const imageStatusKey = this.makeToolResultImageStatusKey(
+                  event.genseq,
+                  event.id,
+                  item.artifact.relPath
+                );
+                this.toolResultImageStatusElByKey.set(imageStatusKey, ingestStatus);
+                const existingStatus = this.toolResultImageStatusByKey.get(imageStatusKey);
+                if (existingStatus) {
+                  ingestStatus.textContent = existingStatus.message;
+                  ingestStatus.setAttribute(
+                    "data-image-ingest-disposition",
+                    existingStatus.disposition
+                  );
+                }
                 const placeholder = document.createElement("div");
                 placeholder.textContent = `Loading image (${item.mimeType}, ${item.byteLength} bytes)…`;
                 placeholder.style.opacity = "0.8";
                 placeholder.style.fontSize = "12px";
                 placeholder.style.margin = "6px 0";
-                resultEl.appendChild(placeholder);
-                resultEl.appendChild(img);
+                figure.appendChild(placeholder);
+                figure.appendChild(img);
+                figure.appendChild(ingestStatus);
+                resultEl.appendChild(figure);
                 const api = getApiClient();
                 const params = new URLSearchParams();
                 params.set("path", item.artifact.relPath);
@@ -104057,19 +104099,19 @@ ${event.content}`;
   // User messages are now handled by 'end_of_user_saying_evt' event - see handleDialogEvent()
   getAuthorLabel(role, responderId) {
     if (role === "user") return "Human";
-    const id28 = responderId || this.currentDialog?.agentId || "";
-    if (!id28) return "🤖 Assistant";
-    if (this.teamConfiguration?.members?.[id28]) {
-      const member = this.teamConfiguration.members[id28];
+    const id30 = responderId || this.currentDialog?.agentId || "";
+    if (!id30) return "🤖 Assistant";
+    if (this.teamConfiguration?.members?.[id30]) {
+      const member = this.teamConfiguration.members[id30];
       const icon2 = member.icon || this.teamConfiguration.memberDefaults?.icon || "🤖";
-      const name = member.name || `@${id28}`;
+      const name = member.name || `@${id30}`;
       return `${icon2} ${name}`;
     }
     if (this.teamConfiguration?.memberDefaults) {
       const icon2 = this.teamConfiguration.memberDefaults.icon || "🤖";
-      return `${icon2} @${id28}`;
+      return `${icon2} @${id30}`;
     }
-    return `🤖 @${id28}`;
+    return `🤖 @${id30}`;
   }
   escapeHtml(text2) {
     return text2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
@@ -105104,6 +105146,27 @@ ${event.content}`;
         color: var(--color-danger, #ef4444);
       }
 
+      .tool-result-image {
+        margin: 8px 0;
+      }
+
+      .tool-result-image > img {
+        border-radius: 8px;
+        border: 1px solid var(--dominds-border, var(--color-border-primary, #e2e8f0));
+        background: var(--color-bg-tertiary, #f8fafc);
+      }
+
+      .tool-result-image-ingest-status {
+        margin-top: 6px;
+        font-size: var(--dominds-font-size-xs, 11px);
+        line-height: 1.45;
+        color: var(--dominds-fg-muted, var(--color-fg-tertiary, #64748b));
+      }
+
+      .tool-result-image-ingest-status[data-image-ingest-disposition^='filtered_'] {
+        color: var(--color-warning-strong, #b45309);
+      }
+
       .func-call-section.failed {
         border-left-color: var(--color-danger, #ef4444);
         background: rgba(239, 68, 68, 0.08);
@@ -105795,16 +105858,16 @@ class DomindsDocsPanel extends HTMLElement {
   }
   scrollToPendingAnchorIfAny() {
     if (!this.pendingScrollAnchorId) return;
-    const id28 = this.pendingScrollAnchorId;
+    const id30 = this.pendingScrollAnchorId;
     this.pendingScrollAnchorId = null;
-    this.scrollToAnchorId(id28);
+    this.scrollToAnchorId(id30);
   }
-  scrollToAnchorId(id28) {
+  scrollToAnchorId(id30) {
     const root2 = this.shadowRoot;
     if (!root2) return;
     const body = root2.querySelector(".docs-body");
     if (!(body instanceof HTMLElement)) return;
-    const anchor2 = body.querySelector(`#${CSS.escape(id28)}`);
+    const anchor2 = body.querySelector(`#${CSS.escape(id30)}`);
     if (!(anchor2 instanceof HTMLElement)) return;
     anchor2.scrollIntoView({ behavior: "smooth", block: "start" });
   }
@@ -105855,13 +105918,13 @@ class DomindsDocsPanel extends HTMLElement {
         if (href.startsWith("#")) {
           const idRaw = href.slice(1);
           if (!idRaw) return;
-          let id28 = idRaw;
+          let id30 = idRaw;
           try {
-            id28 = decodeURIComponent(idRaw);
+            id30 = decodeURIComponent(idRaw);
           } catch {
           }
-          if (!id28) return;
-          this.scrollToAnchorId(id28);
+          if (!id30) return;
+          this.scrollToAnchorId(id30);
           return;
         }
         if (href.startsWith("/f/") || href === "/f" || href === "/workspace" || href.startsWith("/workspace/") || href === "/rtws" || href.startsWith("/rtws/")) {
@@ -107228,8 +107291,8 @@ class DomindsQ4HPanel extends HTMLElement {
     if (!root2) return;
     const selectedId = this.selectedQuestionId;
     root2.querySelectorAll(".q4h-question-card").forEach((card2) => {
-      const id28 = card2.getAttribute("data-question-id");
-      const selected = selectedId !== null && id28 === selectedId;
+      const id30 = card2.getAttribute("data-question-id");
+      const selected = selectedId !== null && id30 === selectedId;
       card2.classList.toggle("selected", selected);
     });
     if (selectedId !== null) {
@@ -108371,20 +108434,20 @@ class DomindsSnippetsPanel extends HTMLElement {
         const target = e2.target;
         if (target instanceof Element && target.closest("button")) return;
         if (this.state.kind !== "ready") return;
-        const id28 = card2.getAttribute("data-id");
-        if (typeof id28 !== "string" || id28 === "") return;
+        const id30 = card2.getAttribute("data-id");
+        if (typeof id30 !== "string" || id30 === "") return;
         const all = this.state.groups.flatMap((g2) => g2.templates);
-        const snippet2 = all.find((x2) => x2.id === id28);
+        const snippet2 = all.find((x2) => x2.id === id30);
         this.selectSnippet(snippet2 ?? null);
       });
       card2.addEventListener("keydown", (e2) => {
         if (e2.key !== "Enter" && e2.key !== " ") return;
         e2.preventDefault();
         if (this.state.kind !== "ready") return;
-        const id28 = card2.getAttribute("data-id");
-        if (typeof id28 !== "string" || id28 === "") return;
+        const id30 = card2.getAttribute("data-id");
+        if (typeof id30 !== "string" || id30 === "") return;
         const all = this.state.groups.flatMap((g2) => g2.templates);
-        const snippet2 = all.find((x2) => x2.id === id28);
+        const snippet2 = all.find((x2) => x2.id === id30);
         this.selectSnippet(snippet2 ?? null);
       });
     });
@@ -108605,8 +108668,8 @@ function requireAppJson() {
   function parseToolsetJson(v2, at2) {
     if (!isRecord(v2))
       return { ok: false, errorText: `Invalid ${at2}: expected object` };
-    const id28 = asString(v2["id"]);
-    if (!id28 || id28.trim() === "")
+    const id30 = asString(v2["id"]);
+    if (!id30 || id30.trim() === "")
       return { ok: false, errorText: `Invalid ${at2}.id: required` };
     const descriptionI18n = v2["descriptionI18n"];
     if (descriptionI18n !== void 0 && !isI18nText(descriptionI18n)) {
@@ -108625,7 +108688,7 @@ function requireAppJson() {
     return {
       ok: true,
       toolset: {
-        id: id28,
+        id: id30,
         descriptionI18n,
         tools
       }
@@ -108634,8 +108697,8 @@ function requireAppJson() {
   function parseDialogRunControlJson(v2, at2) {
     if (!isRecord(v2))
       return { ok: false, errorText: `Invalid ${at2}: expected object` };
-    const id28 = asString(v2["id"]);
-    if (!id28 || id28.trim() === "")
+    const id30 = asString(v2["id"]);
+    if (!id30 || id30.trim() === "")
       return { ok: false, errorText: `Invalid ${at2}.id: required` };
     const descriptionI18n = v2["descriptionI18n"];
     if (descriptionI18n !== void 0 && !isI18nText(descriptionI18n)) {
@@ -108644,7 +108707,7 @@ function requireAppJson() {
     return {
       ok: true,
       control: {
-        id: id28,
+        id: id30,
         descriptionI18n
       }
     };
@@ -109158,16 +109221,16 @@ class DomindsTeamManualPanel extends HTMLElement {
         const href = link2.getAttribute("href");
         if (typeof href !== "string") return;
         if (!href.startsWith("#")) return;
-        let id28 = href.slice(1);
+        let id30 = href.slice(1);
         try {
-          id28 = decodeURIComponent(id28);
+          id30 = decodeURIComponent(id30);
         } catch {
         }
-        if (!id28) {
+        if (!id30) {
           e2.preventDefault();
           return;
         }
-        const anchor2 = body.querySelector(`#${CSS.escape(id28)}`);
+        const anchor2 = body.querySelector(`#${CSS.escape(id30)}`);
         e2.preventDefault();
         if (!(anchor2 instanceof HTMLElement)) return;
         anchor2.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -121931,13 +121994,13 @@ ${content}`;
     for (const item of value) {
       if (typeof item !== "object" || item === null) continue;
       const rec = item;
-      const id28 = typeof rec["id"] === "string" ? rec["id"] : "";
+      const id30 = typeof rec["id"] === "string" ? rec["id"] : "";
       const timestamp2 = typeof rec["timestamp"] === "string" ? rec["timestamp"] : "";
       const kind = rec["kind"];
       const message = typeof rec["message"] === "string" ? rec["message"] : "";
-      if (!id28 || !timestamp2 || !message) continue;
+      if (!id30 || !timestamp2 || !message) continue;
       if (kind !== "error" && kind !== "warning" && kind !== "info") continue;
-      next2.push({ id: id28, timestamp: timestamp2, kind, message });
+      next2.push({ id: id30, timestamp: timestamp2, kind, message });
     }
     return next2;
   }
@@ -121954,11 +122017,11 @@ ${content}`;
   pushToastHistoryEntry(entry) {
     this.loadToastHistoryFromStorage();
     const now2 = /* @__PURE__ */ new Date();
-    const id28 = `${String(now2.getTime())}-${String(this.toastHistorySeq += 1)}`;
+    const id30 = `${String(now2.getTime())}-${String(this.toastHistorySeq += 1)}`;
     const trimmed = entry.message.trim();
     if (trimmed === "") return;
     const next2 = {
-      id: id28,
+      id: id30,
       timestamp: now2.toISOString(),
       kind: entry.kind,
       message: trimmed
@@ -123410,28 +123473,28 @@ ${t2.commandLabel}: ${commandStr}`;
     const next2 = [];
     const seenIds = /* @__PURE__ */ new Set();
     for (const existing of this.q4hQuestions) {
-      const id28 = typeof existing.id === "string" ? existing.id : "";
-      if (!id28) {
+      const id30 = typeof existing.id === "string" ? existing.id : "";
+      if (!id30) {
         throw new Error("Q4H client cache violation: existing question has invalid id");
       }
-      if (seenIds.has(id28)) {
-        throw new Error(`Q4H client cache violation: duplicate cached question id (${id28})`);
+      if (seenIds.has(id30)) {
+        throw new Error(`Q4H client cache violation: duplicate cached question id (${id30})`);
       }
-      seenIds.add(id28);
+      seenIds.add(id30);
       const existingWithDialog = existing;
       const selfId = typeof existingWithDialog.selfId === "string" ? existingWithDialog.selfId : null;
       if (!selfId) {
-        const incoming2 = incomingById.get(id28);
+        const incoming2 = incomingById.get(id30);
         next2.push(incoming2 ?? existing);
-        if (incoming2) incomingById.delete(id28);
+        if (incoming2) incomingById.delete(id30);
         continue;
       }
       const rootId = typeof existingWithDialog.rootId === "string" && existingWithDialog.rootId ? existingWithDialog.rootId : selfId;
       const status = this.lookupVisibleDialogStatusByIds(rootId, selfId);
-      const incoming = incomingById.get(id28);
+      const incoming = incomingById.get(id30);
       if (incoming) {
         next2.push(incoming);
-        incomingById.delete(id28);
+        incomingById.delete(id30);
         continue;
       }
       if (status === "running") {
@@ -123439,11 +123502,11 @@ ${t2.commandLabel}: ${commandStr}`;
       }
       next2.push(existing);
     }
-    for (const [id28, q2] of incomingById.entries()) {
-      if (seenIds.has(id28)) {
-        throw new Error(`Q4H state merge violation: duplicate id during merge (${id28})`);
+    for (const [id30, q2] of incomingById.entries()) {
+      if (seenIds.has(id30)) {
+        throw new Error(`Q4H state merge violation: duplicate id during merge (${id30})`);
       }
-      seenIds.add(id28);
+      seenIds.add(id30);
       next2.push(q2);
     }
     this.q4hQuestions = next2;
@@ -125465,15 +125528,15 @@ document.addEventListener("DOMContentLoaded", async () => {
 });
 export {
   commonDb_exports as $,
-  rgba$1 as A,
-  __export as B,
-  setupGraphViewbox2 as C,
-  cleanAndMerge as D,
-  defaultConfig_default as E,
-  getConfig as F,
-  random as G,
-  selectSvgElement as H,
-  package_default as I,
+  defaultConfig2 as A,
+  rgba$1 as B,
+  __export as C,
+  setupGraphViewbox2 as D,
+  cleanAndMerge as E,
+  defaultConfig_default as F,
+  getConfig as G,
+  random as H,
+  selectSvgElement as I,
   JSON_SCHEMA as J,
   getThemeVariables3 as K,
   hasKatex as L,
@@ -125493,7 +125556,7 @@ export {
   ZERO_WIDTH_SPACE as Z,
   __name as _,
   getAccTitle as a,
-  isLabelStyle as a$,
+  isIndex as a$,
   withPath as a0,
   halfPi as a1,
   epsilon as a2,
@@ -125504,33 +125567,33 @@ export {
   abs$1 as a7,
   pi as a8,
   sqrt as a9,
-  baseRest as aA,
-  isArrayLikeObject as aB,
-  constant as aC,
-  isFunction as aD,
-  isEmpty2 as aE,
-  computeDimensionOfText as aF,
-  array as aG,
-  getUserDefinedConfig as aH,
-  getDefaultExportFromCjs as aI,
-  getIconSVG as aJ,
-  registerIconPacks as aK,
-  unknownIcon as aL,
-  constant$2 as aM,
-  interpolateNumber as aN,
-  color as aO,
-  interpolateRgb as aP,
-  interpolateString as aQ,
-  isObject as aR,
-  isIterateeCall as aS,
-  keysIn as aT,
-  eq as aU,
-  isArrayLike as aV,
-  isArray as aW,
-  identity as aX,
-  isIndex as aY,
-  assignValue as aZ,
-  styles2String as a_,
+  positionEdgeLabel as aA,
+  insertEdgeLabel as aB,
+  baseRest as aC,
+  isArrayLikeObject as aD,
+  constant as aE,
+  isFunction as aF,
+  isEmpty2 as aG,
+  computeDimensionOfText as aH,
+  adjustChannel as aI,
+  array as aJ,
+  getUserDefinedConfig as aK,
+  getDefaultExportFromCjs as aL,
+  getIconSVG as aM,
+  registerIconPacks as aN,
+  unknownIcon as aO,
+  constant$2 as aP,
+  interpolateNumber as aQ,
+  color as aR,
+  interpolateRgb as aS,
+  interpolateString as aT,
+  isObject as aU,
+  isIterateeCall as aV,
+  keysIn as aW,
+  eq as aX,
+  isArrayLike as aY,
+  isArray as aZ,
+  identity as a_,
   atan2 as aa,
   constant$1 as ab,
   asin as ac,
@@ -125540,65 +125603,68 @@ export {
   insertNode as ag,
   positionNode as ah,
   getLineFunctionsWithOffset as ai,
-  evaluate as aj,
+  getEffectiveHtmlLabels as aj,
   createText as ak,
-  getSubGraphTitleMargins as al,
-  replaceIconSubstring as am,
-  decodeEntities as an,
-  getStylesFromArray as ao,
-  Utils as ap,
-  Color$1 as aq,
-  markers_default as ar,
-  clear2 as as,
-  clear as at,
-  clear$1 as au,
-  updateNodeBounds as av,
-  setNodeElem as aw,
-  insertEdge as ax,
-  positionEdgeLabel as ay,
-  insertEdgeLabel as az,
+  computeLabelTransform as al,
+  getSubGraphTitleMargins as am,
+  getStylesFromArray as an,
+  decodeEntities as ao,
+  configureLabelImages as ap,
+  Utils as aq,
+  Color$1 as ar,
+  at as as,
+  markers_default as at,
+  clear2 as au,
+  clear as av,
+  clear$1 as aw,
+  updateNodeBounds as ax,
+  setNodeElem as ay,
+  insertEdge as az,
   setAccTitle as b,
-  Rgb as b0,
-  rgbConvert as b1,
-  define as b2,
-  extend$1 as b3,
-  Color as b4,
-  nogamma as b5,
-  hue as b6,
-  dayjs2 as b7,
-  setToString as b8,
-  overRest as b9,
-  Set$1 as bA,
-  createAssigner as bB,
-  isPrototype as bC,
-  getAugmentedNamespace as bD,
-  __vitePreload as bE,
-  baseFor as ba,
-  baseAssignValue as bb,
-  baseUnary as bc,
-  merge as bd,
-  isObjectLike as be,
-  baseGetTag as bf,
-  Symbol$1 as bg,
-  arrayLikeKeys as bh,
-  baseKeys as bi,
-  memoize as bj,
-  isArguments as bk,
-  copyObject as bl,
-  getPrototype as bm,
-  cloneArrayBuffer as bn,
-  cloneTypedArray as bo,
-  getTag as bp,
-  nodeUtil as bq,
-  copyArray as br,
-  isBuffer as bs,
-  cloneBuffer as bt,
-  initCloneObject as bu,
-  Stack as bv,
-  MapCache as bw,
-  Uint8Array$1 as bx,
-  isTypedArray as by,
-  isLength as bz,
+  assignValue as b0,
+  styles2String as b1,
+  isLabelStyle as b2,
+  Rgb as b3,
+  rgbConvert as b4,
+  define as b5,
+  extend$1 as b6,
+  Color as b7,
+  nogamma as b8,
+  hue as b9,
+  Uint8Array$1 as bA,
+  isTypedArray as bB,
+  isLength as bC,
+  Set$1 as bD,
+  createAssigner as bE,
+  isPrototype as bF,
+  getAugmentedNamespace as bG,
+  __vitePreload as bH,
+  dayjs2 as ba,
+  setToString as bb,
+  overRest as bc,
+  baseFor as bd,
+  baseAssignValue as be,
+  baseUnary as bf,
+  merge as bg,
+  isObjectLike as bh,
+  baseGetTag as bi,
+  Symbol$1 as bj,
+  arrayLikeKeys as bk,
+  baseKeys as bl,
+  memoize as bm,
+  isArguments as bn,
+  copyObject as bo,
+  getPrototype as bp,
+  cloneArrayBuffer as bq,
+  cloneTypedArray as br,
+  getTag as bs,
+  nodeUtil as bt,
+  copyArray as bu,
+  isBuffer as bv,
+  cloneBuffer as bw,
+  initCloneObject as bx,
+  Stack as by,
+  MapCache as bz,
   getConfig2 as c,
   select as d,
   configureSvgSize as e,
@@ -125621,7 +125687,7 @@ export {
   isValidShape as v,
   wrapLabel as w,
   getEdgeId as x,
-  clear$2 as y,
-  defaultConfig2 as z
+  purify as y,
+  clear$2 as z
 };
-//# sourceMappingURL=index-BLnM-uON.js.map
+//# sourceMappingURL=index-D8Klc1n-.js.map