dominds 1.25.2 → 1.25.4

package/webapp/dist/assets/{index-arD81Nnh.js → index-BXjq-k48.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-C1awWpU3.js","assets/graph-CS_H7jBi.js","assets/_baseUniq-IY-Vfzx1.js","assets/layout-BzMatxDa.js","assets/_basePickBy-CbWZ8qnS.js","assets/clone-Nq0Ko0Gv.js","assets/cose-bilkent-S5V4N54A-uHPLSeKv.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-B4RPsw5H.js","assets/chunk-TZMSLE5B-BaE4C244.js","assets/flowDiagram-NV44I4VS-B1wDG_l5.js","assets/chunk-FMBD7UC4-DFXKLjHC.js","assets/chunk-55IACEB6-JMRC8yG1.js","assets/chunk-QN33PNHL-BKzkeJ-b.js","assets/channel-DAtGYJHZ.js","assets/erDiagram-Q2GNP2WA-Ds3qhwkG.js","assets/gitGraphDiagram-V2S2FVAM-B2Tw773z.js","assets/chunk-4BX2VUAB-JtO__vAF.js","assets/chunk-QZHKN3VN-DiZd3UNl.js","assets/treemap-GDKQZRPO-D9OuyDVA.js","assets/ganttDiagram-JELNMOA3-BwuYt2bO.js","assets/linear-BuuJkw_U.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-C9_JKYhm.js","assets/pieDiagram-ADFJNKIX--QWeT2vZ.js","assets/arc--U2Vks6y.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-BpqtmN3r.js","assets/xychartDiagram-PRI3JC2R-CVqSvO_S.js","assets/requirementDiagram-UZGBJVZJ-CIXjIi4F.js","assets/sequenceDiagram-WL72ISMW-BpDK1ROT.js","assets/classDiagram-2ON5EDUG-CNF8ZohD.js","assets/chunk-B4BG7PRW-BDIpf8Iz.js","assets/classDiagram-v2-WZHVMYZB-CNF8ZohD.js","assets/stateDiagram-FKZM4ZOC-BoKGfmHf.js","assets/chunk-DI55MBZ5-j9B4rifK.js","assets/stateDiagram-v2-4FDKWEC3--haXC2JK.js","assets/journeyDiagram-XKPGCS4Q-BhZggYOL.js","assets/timeline-definition-IT6M3QCI-BmSg3Hjf.js","assets/mindmap-definition-VGOIOE7T-BR7oDKBR.js","assets/kanban-definition-3W4ZIXB7-B-R2Xm4Y.js","assets/sankeyDiagram-TZEHDZUN-DJIt7SRz.js","assets/diagram-S2PKOQOG-CGjGalBu.js","assets/diagram-QEK2KX5R-Bvlbx8Jp.js","assets/blockDiagram-VD42YOAC-TTufCfiE.js","assets/architectureDiagram-VXUJARFQ-DpryGqjy.js","assets/diagram-PSM6KHXK-Bf69p76M.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-KLK3FWXG-Dm5yE9k2.js","assets/graph-DQTj8O0Q.js","assets/_baseUniq-CI1keLoL.js","assets/layout-BUoHHXzn.js","assets/_basePickBy-fZ31r-iF.js","assets/clone-KCj1-QMr.js","assets/cose-bilkent-S5V4N54A-BttciCz5.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-IC4MRINW-ChGTHIor.js","assets/chunk-JSJVCQXG-DvuxYuNq.js","assets/flowDiagram-PKNHOUZH-D6hXqCy7.js","assets/chunk-FMBD7UC4-BcugPyy7.js","assets/chunk-55IACEB6-D3G71JdA.js","assets/chunk-KX2RTZJC-BQ42xd4s.js","assets/channel-ndS-XTQQ.js","assets/erDiagram-INFDFZHY-7MrtsOIt.js","assets/gitGraphDiagram-K3NZZRJ6-BmVD_nQP.js","assets/chunk-4BX2VUAB-Cw5FtBd_.js","assets/chunk-QZHKN3VN-CxNTVm5w.js","assets/treemap-KZPCXAKY-yPoPC5hc.js","assets/ganttDiagram-A5KZAMGK-DLO0XCDk.js","assets/linear-xVSAq8rI.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-LFFYTUFH-D2fqM9Fn.js","assets/pieDiagram-SKSYHLDU-Bu8kmCW6.js","assets/arc-1NeUqzoV.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-337W2JSQ-DIBSNUGa.js","assets/xychartDiagram-JWTSCODW-BWLUzo9S.js","assets/requirementDiagram-Z7DCOOCP-CkrDkbBt.js","assets/sequenceDiagram-2WXFIKYE-DYoNARdO.js","assets/classDiagram-VBA2DB6C-Dl05PJAP.js","assets/chunk-WL4C6EOR-CIwdSg5q.js","assets/classDiagram-v2-RAHNMMFH-Dl05PJAP.js","assets/stateDiagram-RAJIS63D-D9v19nvh.js","assets/chunk-NQ4KR5QH-CGEMYTch.js","assets/stateDiagram-v2-FVOUBMTO-BYw5ZwtH.js","assets/journeyDiagram-4ABVD52K-DmbA52J-.js","assets/timeline-definition-YZTLITO2-BT10dRIJ.js","assets/mindmap-definition-YRQLILUH-BcajbGmW.js","assets/kanban-definition-K7BYSVSG-DRUw-P-d.js","assets/sankeyDiagram-WA2Y5GQK-BZ-1R8pc.js","assets/diagram-P4PSJMXO-EHVjfzUV.js","assets/diagram-IFDJBPK2-CqKidH4n.js","assets/blockDiagram-WCTKOSBZ-Cmpu3kIy.js","assets/architectureDiagram-2XIMDMQ5-C7SdzYIh.js","assets/diagram-E7M64L7V-C80ZsiBG.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);
@@ -270,6 +270,7 @@ function getUiStrings(language2) {
       backendWorkspaceTitle: "后端运行时工作区",
       backendWorkspaceLoading: "加载中…",
       domindsVersionTitle: "Dominds 版本",
+      domindsVersionCheckTitle: "Dominds 版本，双击立即检查更新",
       domindsVersionUpdateLabel: "更新",
       domindsVersionRestartLabel: "重启",
       domindsVersionInstallingLabel: "安装中",
@@ -283,6 +284,15 @@ function getUiStrings(language2) {
       domindsVersionRestartScheduled: "Dominds 后台正在重启…",
       domindsVersionRestartInProgress: "后端正在重启，若页面没有自动刷新，可手动刷新看看。",
       domindsVersionActionFailedPrefix: "Dominds 更新失败：",
+      domindsVersionCheckUpdateAvailable: "检查完成：发现新版本 v<latest>，点击版本号可安装。",
+      domindsVersionCheckRestartAvailable: "检查完成：新版本 v<latest> 已就绪，点击版本号可重启。",
+      domindsVersionCheckUpToDate: "检查完成：当前已是最新版本 v<current>。",
+      domindsVersionCheckFailedPrefix: "Dominds 版本检查失败：",
+      domindsVersionTooltipCurrent: "当前版本",
+      domindsVersionTooltipLatest: "最新版本",
+      domindsVersionTooltipLastChecked: "最近检查",
+      domindsVersionTooltipNeverChecked: "尚未检查",
+      domindsVersionTooltipStatus: "状态",
       loading: "加载中…",
       uiLanguageSelectTitle: "界面语言（也用于提示 agent 用该语言回复）",
       themeToggleTitle: "切换主题",
@@ -388,8 +398,8 @@ function getUiStrings(language2) {
       declareDeathConfirm: "宣布此支线对话“卡死”？此操作不可逆转；诉请者将收到系统反馈并不再等待该支线对话。后续仍可重用相同 slug 发起全新支线，但此前上下文不再保留，新的诉请正文需提供最新完整上下文。",
       declareDeathConfirmSessionless: "宣布此一次性支线对话“卡死”？此操作不可逆转；诉请者将收到系统反馈并不再等待该支线对话。后续若仍需继续，请重新发起新的支线对话；由于不会续接此前上下文，新的诉请正文需提供最新完整上下文。",
       declareDeathConfirmFbr: "宣布此扪心自问（FBR）支线对话“卡死”？此操作不可逆转；诉请者将收到系统反馈并不再等待该支线对话。后续若仍需继续，请重新发起新的扪心自问（FBR）支线对话；由于不会续接此前上下文，新的诉请正文需提供最新完整上下文。",
-      q4hNoPending: "暂无待处理问题",
-      q4hPendingQuestions: "待处理问题",
+      q4hNoPending: "暂无待人处理项",
+      q4hPendingQuestions: "待人处理",
       q4hInputPlaceholder: "输入你的回答…",
       q4hEnterToSendTitle: "按 Enter 发送\n- Shift+Enter 换行\n- Cmd/Ctrl+Enter 发送",
       q4hCtrlEnterToSendTitle: "按 Cmd/Ctrl+Enter 发送\n- Enter 换行\n- Shift+Enter 换行",
@@ -398,6 +408,7 @@ function getUiStrings(language2) {
       q4hEnterToStopTitle: "按 Enter 停止",
       q4hCtrlEnterToStopTitle: "按 Cmd/Ctrl+Enter 停止",
       q4hGoToCallSiteTitle: "定位到提问点",
+      a2hGoToAnswerTitle: "定位到答复",
       q4hAnswerCallSitesLabel: "本次回答对应提问点：",
       q4hOpenInNewTabTitle: "新标签打开",
       q4hCopyLinkTitle: "复制链接",
@@ -649,6 +660,7 @@ function getUiStrings(language2) {
     backendWorkspaceTitle: "Backend Runtime Workspace",
     backendWorkspaceLoading: "Loading...",
     domindsVersionTitle: "Dominds version",
+    domindsVersionCheckTitle: "Dominds version. Double-click to check for updates now.",
     domindsVersionUpdateLabel: "Update",
     domindsVersionRestartLabel: "Restart",
     domindsVersionInstallingLabel: "Installing",
@@ -662,6 +674,15 @@ function getUiStrings(language2) {
     domindsVersionRestartScheduled: "Dominds backend is restarting…",
     domindsVersionRestartInProgress: "Backend is restarting. If the page does not refresh automatically, try a manual refresh.",
     domindsVersionActionFailedPrefix: "Dominds update failed: ",
+    domindsVersionCheckUpdateAvailable: "Check complete: v<latest> is available. Click the version to install.",
+    domindsVersionCheckRestartAvailable: "Check complete: v<latest> is ready. Click the version to restart.",
+    domindsVersionCheckUpToDate: "Check complete: v<current> is already the latest.",
+    domindsVersionCheckFailedPrefix: "Dominds version check failed: ",
+    domindsVersionTooltipCurrent: "Current version",
+    domindsVersionTooltipLatest: "Latest version",
+    domindsVersionTooltipLastChecked: "Last checked",
+    domindsVersionTooltipNeverChecked: "Not checked yet",
+    domindsVersionTooltipStatus: "Status",
     loading: "Loading…",
     uiLanguageSelectTitle: "UI language (also used to prompt agent replies)",
     themeToggleTitle: "Switch theme",
@@ -767,8 +788,8 @@ function getUiStrings(language2) {
     declareDeathConfirm: "Declare this Side Dialog as “dead”? This is irreversible; the tellasker will receive a system notice and stop waiting for it. You may still reuse the same slug to start a new Side Dialog, but prior context will be gone, so include the latest full context in the new tellask body.",
     declareDeathConfirmSessionless: "Declare this one-shot Side Dialog as “dead”? This is irreversible; the tellasker will receive a system notice and stop waiting for it. If the work is still needed later, start a new Side Dialog. Prior context will not carry over, so include the latest full context in the new tellask body.",
     declareDeathConfirmFbr: "Declare this FBR Side Dialog as “dead”? This is irreversible; the tellasker will receive a system notice and stop waiting for it. If the work is still needed later, start a new FBR Side Dialog. Prior context will not carry over, so include the latest full context in the new tellask body.",
-    q4hNoPending: "No pending questions",
-    q4hPendingQuestions: "Pending Questions",
+    q4hNoPending: "No items need attention",
+    q4hPendingQuestions: "Human Attention",
     q4hInputPlaceholder: "Type your answer...",
     q4hEnterToSendTitle: "Press Enter to send\n- Shift+Enter newline\n- Cmd/Ctrl+Enter send",
     q4hCtrlEnterToSendTitle: "Press Cmd/Ctrl+Enter to send\n- Enter newline\n- Shift+Enter newline",
@@ -777,6 +798,7 @@ function getUiStrings(language2) {
     q4hEnterToStopTitle: "Press Enter to stop",
     q4hCtrlEnterToStopTitle: "Press Cmd/Ctrl+Enter to stop",
     q4hGoToCallSiteTitle: "Go to call site",
+    a2hGoToAnswerTitle: "Go to answer",
     q4hAnswerCallSitesLabel: "Answer applies to call sites:",
     q4hOpenInNewTabTitle: "Open in new tab",
     q4hCopyLinkTitle: "Copy link",
@@ -1421,6 +1443,12 @@ class ApiClient {
       body: { action }
     });
   }
+  async checkDomindsSelfUpdate() {
+    return this.request("/api/dominds/self-update/check", {
+      method: "POST",
+      body: {}
+    });
+  }
   /**
    * Get server information
    */
@@ -2166,6 +2194,14 @@ function requireDriveIntent() {
   Object.defineProperty(driveIntent, "__esModule", { value: true });
   return driveIntent;
 }
+var humanAttention = {};
+var hasRequiredHumanAttention;
+function requireHumanAttention() {
+  if (hasRequiredHumanAttention) return humanAttention;
+  hasRequiredHumanAttention = 1;
+  Object.defineProperty(humanAttention, "__esModule", { value: true });
+  return humanAttention;
+}
 var i18n = {};
 var hasRequiredI18n;
 function requireI18n() {
@@ -2357,6 +2393,7 @@ function requireTypes() {
     __exportStar(requireDialog(), exports$1);
     __exportStar(requireDisplayState(), exports$1);
     __exportStar(requireDriveIntent(), exports$1);
+    __exportStar(requireHumanAttention(), exports$1);
     __exportStar(requireI18n(), exports$1);
     __exportStar(requireLanguage(), exports$1);
     __exportStar(requirePriming(), exports$1);
@@ -5661,7 +5698,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;
@@ -11597,9 +11634,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) {
@@ -13075,37 +13112,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);
         }
       });
     }
@@ -64733,8 +64770,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;
   }
@@ -65062,6 +65099,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
@@ -65445,6 +65520,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],
@@ -68552,44 +68628,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;
@@ -70290,6 +70328,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;
@@ -70308,9 +70354,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);
@@ -78607,7 +78652,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,
@@ -78837,147 +78882,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;
@@ -79998,8 +79902,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;
     }
@@ -80009,16 +79913,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;
@@ -80045,7 +79949,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]) ? [] : {};
         }
@@ -80226,6 +80130,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,
@@ -80467,7 +80381,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;
@@ -80533,16 +80447,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 });
@@ -80861,6 +80780,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 });
@@ -81162,6 +81091,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 });
@@ -81483,6 +81422,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 });
@@ -81611,7 +81555,7 @@ var config_schema_default = {
       "bottom": 0
     },
     "diagramPadding": 8,
-    "htmlLabels": true,
+    "htmlLabels": null,
     "nodeSpacing": 50,
     "rankSpacing": 50,
     "curve": "basis",
@@ -81842,6 +81786,10 @@ var config_schema_default = {
     "maxNodeWidth": 200,
     "layoutAlgorithm": "cose-bilkent"
   },
+  "ishikawa": {
+    "useMaxWidth": true,
+    "diagramPadding": 20
+  },
   "kanban": {
     "useMaxWidth": true,
     "padding": 8,
@@ -82069,6 +82017,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,
@@ -82325,6 +82280,9 @@ var config = {
   radar: {
     ...config_schema_default.radar
   },
+  ishikawa: {
+    ...config_schema_default.ishikawa
+  },
   treemap: {
     useMaxWidth: true,
     padding: 10,
@@ -82336,6 +82294,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) => {
@@ -82406,6 +82367,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 = [];
@@ -82500,7 +82462,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) => {
@@ -82528,6 +82491,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) {
@@ -82569,9 +82538,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);
@@ -82621,7 +82590,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);
@@ -82910,15 +82878,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,
@@ -84319,11 +84287,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.
@@ -84339,24 +84307,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;
@@ -84375,7 +84343,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);
@@ -84414,7 +84382,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;
   }
@@ -84441,10 +84409,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) {
@@ -84458,11 +84426,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) {
@@ -84477,10 +84445,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;
@@ -84488,16 +84456,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) {
@@ -84590,49 +84558,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) {
@@ -84671,22 +84639,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);
   };
 }
@@ -84694,28 +84662,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);
@@ -84723,7 +84691,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() {
@@ -84756,10 +84724,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;
   };
@@ -84844,13 +84812,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);
@@ -84863,11 +84831,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;
@@ -84915,30 +84883,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;
@@ -86043,15 +86011,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) {
@@ -86974,6 +86942,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++) {
@@ -87098,7 +87079,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;
     }
   }
@@ -87139,16 +87120,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;
@@ -88740,6 +88712,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,
@@ -88849,113 +88829,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;
@@ -90287,9 +90160,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");
@@ -90307,6 +90180,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,
@@ -90569,11 +90586,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 = [];
@@ -90581,9 +90598,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"), "");
@@ -91760,12 +91777,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) {
@@ -91806,12 +91823,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);
@@ -91855,6 +91875,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) {
@@ -91958,29 +91990,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");
@@ -91995,8 +92030,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) {
@@ -92019,17 +92058,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++;
     }
@@ -92080,7 +92122,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) => {
@@ -92096,7 +92142,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 = {
@@ -92108,12 +92154,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)) {
@@ -92127,6 +92174,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");
@@ -93144,52 +93196,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);
@@ -93206,7 +93234,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,
@@ -93216,7 +93244,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();
@@ -93302,76 +93330,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) => [
@@ -93437,15 +93415,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();
@@ -93528,9 +93512,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();
@@ -93579,7 +93563,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;
@@ -93598,7 +93582,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,
@@ -93607,7 +93591,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();
@@ -94719,44 +94703,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;
@@ -95775,7 +95764,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;
   }
@@ -95932,9 +95921,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();
@@ -95944,13 +95933,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);
@@ -96012,108 +96000,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) {
@@ -96679,7 +96573,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;
@@ -98337,12 +98231,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 = {
@@ -98362,7 +98256,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}`);
@@ -98370,7 +98264,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}`;
@@ -98394,6 +98288,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(() => {
@@ -98401,46 +98298,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, {});
     }
@@ -98448,16 +98378,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, {});
     }
@@ -98465,12 +98405,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, {});
@@ -98479,12 +98432,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, {});
@@ -98495,7 +98461,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";
   }
@@ -98757,7 +98723,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;
@@ -98801,10 +98767,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;
@@ -98841,6 +98809,9 @@ var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramT
     case "stepBefore":
       curve = stepBefore;
       break;
+    case "rounded":
+      curve = curveLinear;
+      break;
     default:
       curve = curveBasis;
   }
@@ -98874,9 +98845,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);
@@ -98886,24 +98864,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");
@@ -98933,7 +98907,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"))) {
@@ -99031,73 +99005,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
@@ -99105,8 +99079,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);
@@ -99144,20 +99118,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-C1awWpU3.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KLK3FWXG-Dm5yE9k2.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-uHPLSeKv.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-BttciCz5.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -99597,7 +99571,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-B4RPsw5H.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-IC4MRINW-ChGTHIor.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id: id$1, diagram: diagram2 };
@@ -99617,9 +99591,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-B1wDG_l5.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-D6hXqCy7.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 = {
@@ -99643,9 +99617,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-B1wDG_l5.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-D6hXqCy7.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 = {
@@ -99660,7 +99634,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-Ds3qhwkG.js");
+    const { diagram: diagram22 } = await import("./erDiagram-INFDFZHY-7MrtsOIt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -99677,7 +99651,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-B2Tw773z.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-K3NZZRJ6-BmVD_nQP.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -99694,7 +99668,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-BwuYt2bO.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-A5KZAMGK-DLO0XCDk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -99711,7 +99685,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-C9_JKYhm.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-LFFYTUFH-D2fqM9Fn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -99727,7 +99701,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--QWeT2vZ.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-SKSYHLDU-Bu8kmCW6.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -99743,7 +99717,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-BpqtmN3r.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-337W2JSQ-DIBSNUGa.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -99760,7 +99734,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-CVqSvO_S.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-JWTSCODW-BWLUzo9S.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -99777,7 +99751,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-CIXjIi4F.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-Z7DCOOCP-CkrDkbBt.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -99794,7 +99768,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-BpDK1ROT.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-2WXFIKYE-DYoNARdO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -99814,9 +99788,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-CNF8ZohD.js");
+    const { diagram: diagram22 } = await import("./classDiagram-VBA2DB6C-Dl05PJAP.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 = {
@@ -99834,9 +99808,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-CNF8ZohD.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-RAHNMMFH-Dl05PJAP.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 = {
@@ -99854,7 +99828,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-BoKGfmHf.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-RAJIS63D-D9v19nvh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -99877,7 +99851,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--haXC2JK.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-FVOUBMTO-BYw5ZwtH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -99894,9 +99868,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-BhZggYOL.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-4ABVD52K-DmbA52J-.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 = {
@@ -99905,9 +99879,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);
@@ -99964,9 +99938,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-B1wDG_l5.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-PKNHOUZH-D6hXqCy7.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 = {
@@ -99981,7 +99955,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-BmSg3Hjf.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-YZTLITO2-BT10dRIJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -99998,7 +99972,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-BR7oDKBR.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-YRQLILUH-BcajbGmW.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -100015,7 +99989,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-B-R2Xm4Y.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-K7BYSVSG-DRUw-P-d.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -100032,7 +100006,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-DJIt7SRz.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-WA2Y5GQK-BZ-1R8pc.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -100049,7 +100023,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-CGjGalBu.js");
+    const { diagram: diagram22 } = await import("./diagram-P4PSJMXO-EHVjfzUV.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -100065,7 +100039,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-Bvlbx8Jp.js");
+    const { diagram: diagram22 } = await import("./diagram-IFDJBPK2-CqKidH4n.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -100081,7 +100055,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-TTufCfiE.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-WCTKOSBZ-Cmpu3kIy.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -100098,7 +100072,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-DpryGqjy.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-2XIMDMQ5-C7SdzYIh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -100109,22 +100083,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-Bf69p76M.js");
+    const { diagram: diagram22 } = await import("./ishikawaDiagram-PHBUUO56-kp7lB6-f.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-tryg3OaY.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-C80ZsiBG.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) {
@@ -100189,22 +100196,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];
@@ -100261,12 +100270,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) {
@@ -100280,8 +100289,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;
@@ -100434,7 +100443,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;
@@ -100479,13 +100488,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);
   }
@@ -100496,12 +100505,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;
@@ -100510,10 +100519,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;
@@ -100537,9 +100546,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);
@@ -100547,7 +100556,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;
@@ -100571,12 +100580,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;
   }
@@ -100584,7 +100593,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));
@@ -100724,7 +100733,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);
@@ -100732,10 +100741,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);
@@ -100830,10 +100839,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);
@@ -100851,8 +100860,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 = {
@@ -100885,13 +100894,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}"]`;
       }
     );
   }
@@ -101336,14 +101345,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);
@@ -102502,7 +102511,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) {
@@ -104048,9 +104057,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);
@@ -106144,19 +106153,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;");
@@ -108023,16 +108032,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" });
   }
@@ -108083,13 +108092,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/")) {
@@ -108541,13 +108550,13 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
       this.showError(error2 instanceof Error ? error2.message : t2.readFailed);
     });
   }
-  removeImageAttachment(id28) {
-    const existing = this.imageAttachments.find((attachment) => attachment.id === id28);
+  removeImageAttachment(id30) {
+    const existing = this.imageAttachments.find((attachment) => attachment.id === id30);
     if (existing) {
       URL.revokeObjectURL(existing.objectUrl);
     }
-    this.imageAttachments = this.imageAttachments.filter((attachment) => attachment.id !== id28);
-    if (this.openImageAttachmentId === id28) {
+    this.imageAttachments = this.imageAttachments.filter((attachment) => attachment.id !== id30);
+    if (this.openImageAttachmentId === id30) {
       this.openImageAttachmentId = null;
     }
     this.safeRender();
@@ -109153,9 +109162,9 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     }
     this.shadowRoot.querySelectorAll(".attachment-thumb").forEach((button) => {
       button.addEventListener("click", () => {
-        const id28 = button.dataset.attachmentId;
-        if (typeof id28 !== "string") return;
-        this.openImageAttachmentId = id28;
+        const id30 = button.dataset.attachmentId;
+        if (typeof id30 !== "string") return;
+        this.openImageAttachmentId = id30;
         this.safeRender();
       });
     });
@@ -109163,9 +109172,9 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
       button.addEventListener("click", (event) => {
         event.preventDefault();
         event.stopPropagation();
-        const id28 = button.dataset.attachmentId;
-        if (typeof id28 !== "string") return;
-        this.removeImageAttachment(id28);
+        const id30 = button.dataset.attachmentId;
+        if (typeof id30 !== "string") return;
+        this.removeImageAttachment(id30);
       });
     });
     const modalCloseTargets = this.shadowRoot.querySelectorAll(
@@ -109433,17 +109442,17 @@ const _DomindsQ4HInput = class _DomindsQ4HInput extends HTMLElement {
     if (this.imageAttachments.length === 0) return "";
     const t2 = IMAGE_ATTACHMENT_I18N[this.uiLanguage];
     const items = this.imageAttachments.map((attachment) => {
-      const id28 = _DomindsQ4HInput.escapeHtml(attachment.id);
+      const id30 = _DomindsQ4HInput.escapeHtml(attachment.id);
       const name = _DomindsQ4HInput.escapeHtml(attachment.name);
       const src = _DomindsQ4HInput.escapeHtml(attachment.objectUrl);
       return `
           <div class="attachment-item">
-            <button class="attachment-thumb" type="button" data-attachment-id="${id28}" title="${_DomindsQ4HInput.escapeHtml(
+            <button class="attachment-thumb" type="button" data-attachment-id="${id30}" title="${_DomindsQ4HInput.escapeHtml(
         t2.preview
       )}" aria-label="${_DomindsQ4HInput.escapeHtml(t2.preview)}">
               <img src="${src}" alt="${name}">
             </button>
-            <button class="attachment-remove" type="button" data-attachment-id="${id28}" title="${_DomindsQ4HInput.escapeHtml(
+            <button class="attachment-remove" type="button" data-attachment-id="${id30}" title="${_DomindsQ4HInput.escapeHtml(
         t2.remove
       )}" aria-label="${_DomindsQ4HInput.escapeHtml(t2.remove)}">
               <span class="icon-mask attachment-remove-icon" aria-hidden="true"></span>
@@ -110028,7 +110037,8 @@ class DomindsQ4HPanel extends HTMLElement {
     this.uiLanguage = "en";
     this.props = {
       count: 0,
-      dialogContexts: []
+      dialogContexts: [],
+      answers: []
     };
     this.expandedQuestions = /* @__PURE__ */ new Set();
     this.selectedQuestionId = null;
@@ -110070,6 +110080,12 @@ class DomindsQ4HPanel extends HTMLElement {
     }
     this.render();
   }
+  setHumanAttention(count, dialogContexts, answers) {
+    this.props.count = count;
+    this.props.dialogContexts = dialogContexts;
+    this.props.answers = answers;
+    this.render();
+  }
   /**
    * Navigate to a specific question's call site
    * Dispatches event for parent component to handle navigation
@@ -110131,8 +110147,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) {
@@ -110185,6 +110201,18 @@ class DomindsQ4HPanel extends HTMLElement {
       { bubbles: true, composed: true }
     );
   }
+  ackAnswer(answer) {
+    dispatchDomindsEvent(
+      this,
+      "a2h-ack",
+      {
+        answerId: answer.id,
+        dialogId: answer.selfId,
+        rootId: answer.rootId
+      },
+      { bubbles: true, composed: true }
+    );
+  }
   handleSelectFromCard(card2) {
     const questionId = card2.getAttribute("data-question-id");
     const dialogId = card2.getAttribute("data-dialog-id");
@@ -110233,7 +110261,9 @@ class DomindsQ4HPanel extends HTMLElement {
       icon2.addEventListener("click", (e2) => {
         e2.stopPropagation();
         const target = e2.currentTarget;
-        const questionId = target.closest(".q4h-question-card")?.getAttribute("data-question-id");
+        const card2 = target.closest(".q4h-question-card");
+        if (card2?.classList.contains("a2h-card")) return;
+        const questionId = card2?.getAttribute("data-question-id");
         if (questionId) {
           this.toggleQuestion(questionId);
         }
@@ -110248,6 +110278,7 @@ class DomindsQ4HPanel extends HTMLElement {
         if (target.closest(".q4h-question-actions-top")) return;
         const card2 = header.closest(".q4h-question-card");
         if (!card2) return;
+        if (card2.classList.contains("a2h-card")) return;
         e2.preventDefault();
         e2.stopPropagation();
         this.handleSelectFromCard(card2);
@@ -110259,6 +110290,7 @@ class DomindsQ4HPanel extends HTMLElement {
         e2.stopPropagation();
         const card2 = el.closest(".q4h-question-card");
         if (!card2) return;
+        if (card2.classList.contains("a2h-card")) return;
         this.handleSelectFromCard(card2);
       });
     });
@@ -110350,6 +110382,48 @@ class DomindsQ4HPanel extends HTMLElement {
         );
       });
     });
+    this.shadowRoot.querySelectorAll(".a2h-ack-btn").forEach((btn) => {
+      btn.addEventListener("click", (e2) => {
+        e2.preventDefault();
+        e2.stopPropagation();
+        const target = e2.currentTarget;
+        const answerId = target.getAttribute("data-answer-id");
+        const dialogId = target.getAttribute("data-dialog-id");
+        const rootId = target.getAttribute("data-root-id");
+        if (!answerId || !dialogId || !rootId) return;
+        const answer = this.props.answers.find(
+          (item) => item.id === answerId && item.selfId === dialogId && item.rootId === rootId
+        );
+        if (!answer) return;
+        this.ackAnswer(answer);
+      });
+    });
+    this.shadowRoot.querySelectorAll(".a2h-goto-answer-btn").forEach((btn) => {
+      btn.addEventListener("click", (e2) => {
+        e2.preventDefault();
+        e2.stopPropagation();
+        const target = e2.currentTarget;
+        const dialogId = target.getAttribute("data-dialog-id");
+        const rootId = target.getAttribute("data-root-id");
+        const course = target.getAttribute("data-course");
+        const genseq = target.getAttribute("data-genseq");
+        if (!dialogId || !rootId || !course || !genseq) return;
+        const parsedCourse = Number.parseInt(course, 10);
+        const parsedGenseq = Number.parseInt(genseq, 10);
+        if (!Number.isFinite(parsedCourse) || !Number.isFinite(parsedGenseq)) return;
+        dispatchDomindsEvent(
+          this,
+          "navigate-genseq",
+          {
+            rootId,
+            selfId: dialogId,
+            course: parsedCourse,
+            genseq: parsedGenseq
+          },
+          { bubbles: true, composed: true }
+        );
+      });
+    });
   }
   render() {
     if (!this.shadowRoot) return;
@@ -110446,6 +110520,22 @@ class DomindsQ4HPanel extends HTMLElement {
         box-shadow: 0 2px 8px color-mix(in srgb, var(--color-accent-primary, #007acc) 15%, transparent);
       }
 
+      .a2h-card {
+        border-color: color-mix(in srgb, var(--color-success, #16a34a) 35%, var(--color-border-primary, #e2e8f0));
+      }
+
+      .a2h-card .q4h-question-body {
+        display: block;
+      }
+
+      .a2h-header {
+        cursor: default;
+      }
+
+      .a2h-header:hover {
+        background: transparent;
+      }
+
       /* Selected state for question card */
       .q4h-question-card.selected {
         border-color: var(--dominds-primary, #007acc);
@@ -110757,9 +110847,41 @@ class DomindsQ4HPanel extends HTMLElement {
         transition: all 0.15s ease;
       }
 
+      .a2h-ack-btn {
+        width: 24px;
+        height: 24px;
+        padding: 0;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 6px;
+        border: 1px solid transparent;
+        background: transparent;
+        color: var(--color-fg-tertiary, #64748b);
+        cursor: pointer;
+        transition: all 0.15s ease;
+      }
+
+      .a2h-goto-answer-btn {
+        width: 24px;
+        height: 24px;
+        padding: 0;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 6px;
+        border: 1px solid transparent;
+        background: transparent;
+        color: var(--color-fg-tertiary, #64748b);
+        cursor: pointer;
+        transition: all 0.15s ease;
+      }
+
       .q4h-goto-site-btn:hover,
       .q4h-open-external-btn:hover,
-      .q4h-share-link-btn:hover {
+      .q4h-share-link-btn:hover,
+      .a2h-goto-answer-btn:hover,
+      .a2h-ack-btn:hover {
         border-color: var(--color-border-primary, #e2e8f0);
         background: var(--color-bg-tertiary, #f8fafc);
         color: var(--color-fg-secondary, #475569);
@@ -110767,7 +110889,9 @@ class DomindsQ4HPanel extends HTMLElement {
 
       .q4h-goto-site-btn:focus-visible,
       .q4h-open-external-btn:focus-visible,
-      .q4h-share-link-btn:focus-visible {
+      .q4h-share-link-btn:focus-visible,
+      .a2h-goto-answer-btn:focus-visible,
+      .a2h-ack-btn:focus-visible {
         outline: 2px solid color-mix(in srgb, var(--color-fg-tertiary, #64748b) 70%, transparent);
         outline-offset: 2px;
       }
@@ -110775,7 +110899,9 @@ class DomindsQ4HPanel extends HTMLElement {
       .q4h-expand-icon.icon-mask,
       .q4h-goto-site-btn .icon-mask,
       .q4h-open-external-btn .icon-mask,
-      .q4h-share-link-btn .icon-mask {
+      .q4h-share-link-btn .icon-mask,
+      .a2h-goto-answer-btn .icon-mask,
+      .a2h-ack-btn .icon-mask {
         width: 14px;
         height: 14px;
       }
@@ -110792,16 +110918,21 @@ class DomindsQ4HPanel extends HTMLElement {
         --icon-mask: ${ICON_MASK_URLS.link};
       }
 
+      .q4h-icon-check-circle {
+        --icon-mask: ${ICON_MASK_URLS.checkCircle};
+      }
+
     `;
   }
   getHTML() {
-    const { dialogContexts } = this.props;
-    if (dialogContexts.length === 0) {
+    const { dialogContexts, answers } = this.props;
+    if (dialogContexts.length === 0 && answers.length === 0) {
       return "";
     }
     return `
       <div class="q4h-panel-content">
         ${this.renderQuestions(dialogContexts)}
+        ${this.renderAnswers(answers)}
       </div>
     `;
   }
@@ -110822,6 +110953,69 @@ class DomindsQ4HPanel extends HTMLElement {
         `;
     }).join("");
   }
+  renderAnswers(answers) {
+    if (answers.length === 0) return "";
+    return `
+      <div class="q4h-dialog-group a2h-group">
+        <div class="q4h-dialog-header">
+          <span class="q4h-dialog-icon icon-mask q4h-icon-pin" aria-hidden="true"></span>
+          <span class="q4h-dialog-name">${this.escapeHtml(
+      this.uiLanguage === "zh" ? "A2H / 待确认" : "A2H / Awaiting Ack"
+    )}</span>
+        </div>
+        ${answers.map((answer) => this.renderAnswerCard(answer)).join("")}
+      </div>
+    `;
+  }
+  renderAnswerCard(answer) {
+    const t2 = getUiStrings(this.uiLanguage);
+    return `
+      <div class="q4h-question-card a2h-card" data-answer-id="${this.escapeHtml(answer.id)}" data-dialog-id="${this.escapeHtml(answer.selfId)}" data-root-id="${this.escapeHtml(answer.rootId)}">
+        <div class="q4h-question-header a2h-header">
+          <span class="q4h-question-title">
+            <span class="q4h-question-origin">@${this.escapeHtml(answer.agentId)}</span>
+            <span class="q4h-question-origin-sep">•</span>
+            <span class="q4h-question-origin-id">${this.escapeHtml(answer.selfId)}</span>
+            <span class="q4h-question-origin-sep">•</span>
+            <span class="q4h-question-origin-asked-at">${this.escapeHtml(answer.answeredAt)}</span>
+          </span>
+          <span class="q4h-question-actions-top">
+            <button
+              class="a2h-goto-answer-btn"
+              type="button"
+              title="${this.escapeHtml(t2.a2hGoToAnswerTitle)}"
+              aria-label="${this.escapeHtml(t2.a2hGoToAnswerTitle)}"
+              data-dialog-id="${this.escapeHtml(answer.selfId)}"
+              data-root-id="${this.escapeHtml(answer.rootId)}"
+              data-course="${answer.answerRef.course}"
+              data-genseq="${answer.answerRef.genseq}"
+            >
+              <span class="icon-mask q4h-icon-goto" aria-hidden="true"></span>
+            </button>
+            <button
+              class="a2h-ack-btn"
+              type="button"
+              title="${this.escapeHtml(this.uiLanguage === "zh" ? "确认已阅" : "Acknowledge")}"
+              aria-label="${this.escapeHtml(this.uiLanguage === "zh" ? "确认已阅" : "Acknowledge")}"
+              data-answer-id="${this.escapeHtml(answer.id)}"
+              data-dialog-id="${this.escapeHtml(answer.selfId)}"
+              data-root-id="${this.escapeHtml(answer.rootId)}"
+            >
+              <span class="icon-mask q4h-icon-check-circle" aria-hidden="true"></span>
+            </button>
+          </span>
+        </div>
+        <div class="q4h-question-body a2h-body">
+          <div class="q4h-tellask">
+            <div class="q4h-tellask-body">${renderDomindsMarkdown(answer.content, {
+      kind: "chat",
+      allowRelativeWorkspaceLinks: true
+    })}</div>
+          </div>
+        </div>
+      </div>
+    `;
+  }
   renderQuestionCard(question2, dialogContext) {
     const isExpanded = this.expandedQuestions.has(question2.id);
     const isSelected = this.selectedQuestionId === question2.id;
@@ -111767,10 +111961,10 @@ class DomindsSnippetsPanel extends HTMLElement {
   }
   selectSnippetFromCard(card2) {
     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);
   }
   captureSnippetScroll() {
@@ -111965,8 +112159,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)) {
@@ -111985,7 +112179,7 @@ function requireAppJson() {
     return {
       ok: true,
       toolset: {
-        id: id28,
+        id: id30,
         descriptionI18n,
         tools
       }
@@ -111994,8 +112188,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)) {
@@ -112004,7 +112198,7 @@ function requireAppJson() {
     return {
       ok: true,
       control: {
-        id: id28,
+        id: id30,
         descriptionI18n
       }
     };
@@ -112518,16 +112712,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" });
@@ -116840,6 +117034,8 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     this.backendVersion = "";
     this.backendMode = null;
     this.domindsSelfUpdate = null;
+    this.domindsSelfUpdateCheckInFlight = false;
+    this.domindsVersionClickTimer = null;
     this.toolbarCurrentCourse = 1;
     this.toolbarTotalCourses = 1;
     this.toolbarReminders = [];
@@ -117030,6 +117226,7 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     };
     this.q4hQuestionCount = 0;
     this.q4hQuestions = [];
+    this.a2hAnswers = [];
     this.q4hDialogContexts = [];
     this.bottomPanelTab = "q4h";
     this.bottomPanelExpanded = false;
@@ -117298,13 +117495,14 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     if (q4hTab) {
       const badge2 = q4hTab.querySelector(".bp-badge");
       if (badge2) {
-        badge2.textContent = String(this.q4hQuestionCount);
-        badge2.setAttribute("data-has-questions", this.q4hQuestionCount > 0 ? "true" : "false");
+        const humanAttentionCount = this.humanAttentionCount;
+        badge2.textContent = String(humanAttentionCount);
+        badge2.setAttribute("data-has-questions", humanAttentionCount > 0 ? "true" : "false");
       }
     }
     const q4hEmpty = sr.querySelector(".bp-q4h-empty");
     if (q4hEmpty) {
-      q4hEmpty.classList.toggle("hidden", this.q4hQuestionCount !== 0);
+      q4hEmpty.classList.toggle("hidden", this.humanAttentionCount !== 0);
     }
     const diligenceTab = sr.querySelector(
       'button.bp-tab[data-bp-tab="diligence"]'
@@ -117331,11 +117529,14 @@ const _DomindsApp = class _DomindsApp extends HTMLElement {
     }
     const q4hPanel = sr.querySelector("#q4h-panel");
     if (q4hPanel) {
-      q4hPanel.classList.toggle("hidden", this.q4hQuestionCount === 0);
+      q4hPanel.classList.toggle("hidden", this.humanAttentionCount === 0);
     }
   }
   get hasQuestions() {
-    return this.q4hQuestionCount > 0;
+    return this.humanAttentionCount > 0;
+  }
+  get humanAttentionCount() {
+    return this.q4hQuestionCount + this.a2hAnswers.length;
   }
   get q4hInput() {
     return this.shadowRoot?.querySelector("#q4h-input") ?? null;
@@ -118195,6 +118396,7 @@ ${formatUiLanguageOptionLabel({
     this.wsManager.disconnect();
     window.removeEventListener("resize", this.boundOnWindowResize);
     this.clearRetryCountdownTimer();
+    this.cancelDomindsVersionClickAction();
     for (const t2 of this.runControlRefreshTimers) {
       clearTimeout(t2);
     }
@@ -118337,6 +118539,7 @@ ${formatUiLanguageOptionLabel({
     const t2 = getUiStrings(this.uiLanguage);
     const versionText = this.backendVersion ? `v${this.backendVersion}` : "";
     const state2 = this.getDomindsVersionActionState();
+    const checking = this.domindsSelfUpdateCheckInFlight;
     const latestVersionText = state2.kind !== "idle" && state2.latestVersion !== null && state2.latestVersion.trim() !== "" ? `v${state2.latestVersion.trim()}` : "";
     let actionLabel = "";
     let showIcon = false;
@@ -118362,7 +118565,14 @@ ${formatUiLanguageOptionLabel({
         showIcon = true;
         break;
     }
-    const versionHtml = latestVersionText !== "" && latestVersionText !== versionText ? `
+    const versionHtml = checking ? `
+          <span class="dominds-version-checking" aria-hidden="true">
+            <span class="dominds-version-checking-base">${htmlExports.escapeHtml(versionText)}</span>
+            <span class="dominds-version-checking-dots">
+              <span>.</span><span>.</span><span>.</span>
+            </span>
+          </span>
+        ` : latestVersionText !== "" && latestVersionText !== versionText ? `
           <span class="dominds-version-roll" aria-hidden="true">
             <span class="dominds-version-roll-track">
               <span class="dominds-version-roll-item dominds-version-roll-latest">${htmlExports.escapeHtml(latestVersionText)}</span>
@@ -118381,25 +118591,32 @@ ${formatUiLanguageOptionLabel({
     const t2 = getUiStrings(this.uiLanguage);
     const currentVersion = this.backendVersion ? `v${this.backendVersion}` : "unknown";
     const latestVersion = this.domindsSelfUpdate?.targetVersion ?? this.domindsSelfUpdate?.latestVersion ?? null;
-    const latestLabel = latestVersion ? `v${latestVersion}` : currentVersion;
+    const checkedAt = this.formatVersionCheckCheckedAt(this.domindsSelfUpdate?.checkedAt ?? null);
     const state2 = this.getDomindsVersionActionState();
+    const lines = [
+      t2.domindsVersionCheckTitle,
+      `${t2.domindsVersionTooltipCurrent}: ${currentVersion}`,
+      `${t2.domindsVersionTooltipLastChecked}: ${checkedAt}`
+    ];
+    if (latestVersion !== null && latestVersion.trim() !== "") {
+      lines.push(`${t2.domindsVersionTooltipLatest}: v${latestVersion.trim()}`);
+    }
     switch (state2.kind) {
       case "install":
       case "installing":
-        return `${t2.domindsVersionUpdateAvailableTitle}
-${currentVersion} -> ${latestLabel}`;
+        lines.push(`${t2.domindsVersionTooltipStatus}: ${t2.domindsVersionUpdateAvailableTitle}`);
+        break;
       case "restart":
       case "restarting":
-        return `${t2.domindsVersionRestartAvailableTitle}
-${currentVersion} -> ${latestLabel}`;
+        lines.push(`${t2.domindsVersionTooltipStatus}: ${t2.domindsVersionRestartAvailableTitle}`);
+        break;
       case "idle":
         if (this.domindsSelfUpdate?.reason === "latest_check_failed" && this.domindsSelfUpdate.message) {
-          return `${t2.domindsVersionTitle}
-${this.domindsSelfUpdate.message}`;
+          lines.push(`${t2.domindsVersionTooltipStatus}: ${this.domindsSelfUpdate.message}`);
         }
-        return `${t2.domindsVersionTitle}
-${currentVersion}`;
+        break;
     }
+    return lines.join("\n");
   }
   updateDomindsVersionUi() {
     const versionIndicator = this.shadowRoot?.querySelector("#dominds-version");
@@ -118412,10 +118629,11 @@ ${currentVersion}`;
     const actionState = this.getDomindsVersionActionState();
     const isActionable = actionState.kind === "install" || actionState.kind === "restart";
     const needsAttention = isActionable;
-    versionIndicator.disabled = !isActionable;
+    versionIndicator.disabled = false;
     versionIndicator.dataset.actionable = isActionable ? "true" : "false";
     versionIndicator.dataset.attention = needsAttention ? "true" : "false";
     versionIndicator.dataset.state = actionState.kind;
+    versionIndicator.dataset.checking = this.domindsSelfUpdateCheckInFlight ? "true" : "false";
   }
   /**
    * Surgical update: Update only the rtws indicator text.
@@ -118456,6 +118674,35 @@ ${currentVersion}`;
     const targetVersion = latestVersion ?? currentVersion;
     return template.split("<current>").join(currentVersion).split("<latest>").join(targetVersion);
   }
+  formatVersionCheckResult(template, status) {
+    const currentVersion = status.currentVersion.trim() !== "" ? status.currentVersion.trim() : this.backendVersion !== "" ? this.backendVersion : "unknown";
+    const targetVersion = status.targetVersion?.trim() || status.latestVersion?.trim() || currentVersion;
+    return template.split("<current>").join(currentVersion).split("<latest>").join(targetVersion);
+  }
+  formatVersionCheckCheckedAt(checkedAt) {
+    if (checkedAt === null) {
+      return getUiStrings(this.uiLanguage).domindsVersionTooltipNeverChecked;
+    }
+    return checkedAt;
+  }
+  showDomindsVersionCheckResult(status) {
+    const t2 = getUiStrings(this.uiLanguage);
+    if (status.action === "install") {
+      this.showSuccess(this.formatVersionCheckResult(t2.domindsVersionCheckUpdateAvailable, status));
+      return;
+    }
+    if (status.action === "restart") {
+      this.showSuccess(
+        this.formatVersionCheckResult(t2.domindsVersionCheckRestartAvailable, status)
+      );
+      return;
+    }
+    if (status.reason === "latest_check_failed" && status.message) {
+      this.showToast(`${t2.domindsVersionCheckFailedPrefix}${status.message}`, "warning");
+      return;
+    }
+    this.showSuccess(this.formatVersionCheckResult(t2.domindsVersionCheckUpToDate, status));
+  }
   async handleDomindsVersionAction() {
     const status = this.domindsSelfUpdate;
     const t2 = getUiStrings(this.uiLanguage);
@@ -118497,6 +118744,49 @@ ${currentVersion}`;
       this.showToast(`${t2.domindsVersionActionFailedPrefix}${message}`, "error");
     }
   }
+  async handleDomindsVersionCheck() {
+    if (this.domindsSelfUpdateCheckInFlight) return;
+    this.domindsSelfUpdateCheckInFlight = true;
+    this.updateDomindsVersionUi();
+    try {
+      const resp = await this.apiClient.checkDomindsSelfUpdate();
+      if (!resp.success) {
+        if (resp.status === 401) {
+          this.onAuthRejected("api");
+          return;
+        }
+        const t2 = getUiStrings(this.uiLanguage);
+        throw new Error(resp.error || t2.unknownError);
+      }
+      const nextStatus = resp.data?.update;
+      if (!nextStatus) {
+        throw new Error("Missing Dominds self-update check payload");
+      }
+      this.domindsSelfUpdate = nextStatus;
+      this.showDomindsVersionCheckResult(nextStatus);
+    } catch (error2) {
+      const t2 = getUiStrings(this.uiLanguage);
+      const message = error2 instanceof Error ? error2.message : t2.unknownError;
+      this.showToast(`${t2.domindsVersionCheckFailedPrefix}${message}`, "error");
+    } finally {
+      this.domindsSelfUpdateCheckInFlight = false;
+      this.updateDomindsVersionUi();
+    }
+  }
+  queueDomindsVersionClickAction() {
+    if (this.domindsVersionClickTimer !== null) {
+      window.clearTimeout(this.domindsVersionClickTimer);
+    }
+    this.domindsVersionClickTimer = window.setTimeout(() => {
+      this.domindsVersionClickTimer = null;
+      void this.handleDomindsVersionAction();
+    }, 420);
+  }
+  cancelDomindsVersionClickAction() {
+    if (this.domindsVersionClickTimer === null) return;
+    window.clearTimeout(this.domindsVersionClickTimer);
+    this.domindsVersionClickTimer = null;
+  }
   /**
    * Surgical update: Update only the toolbar display elements.
    * Use this when dialog is loaded or course changes.
@@ -119222,11 +119512,16 @@ ${currentVersion}`;
         box-shadow: 0 0 0 1px color-mix(in srgb, var(--dominds-warning, #bb8009) 14%, transparent) inset;
       }
 
+      .dominds-version[data-checking='true'] {
+        cursor: progress;
+      }
+
       .dominds-version[data-actionable='true']:hover {
         border-color: color-mix(in srgb, var(--dominds-warning, #bb8009) 42%, var(--dominds-warning-border, #e6d2b4));
         background: color-mix(in srgb, var(--dominds-warning, #bb8009) 16%, var(--dominds-warning-bg, #fff4e5));
       }
 
+      .dominds-version-checking,
       .dominds-version-text,
       .dominds-version-action,
       .dominds-version-divider {
@@ -119238,6 +119533,41 @@ ${currentVersion}`;
         transform-origin: center bottom;
       }
 
+      .dominds-version-checking {
+        display: inline-flex;
+        align-items: baseline;
+        gap: 0;
+        min-width: max-content;
+      }
+
+      .dominds-version-checking-base {
+        display: inline-block;
+      }
+
+      .dominds-version-checking-dots {
+        display: inline-flex;
+        align-items: baseline;
+        width: 1.4em;
+        overflow: hidden;
+        letter-spacing: 0;
+        font-weight: 700;
+      }
+
+      .dominds-version-checking-dots > span {
+        display: inline-block;
+        width: 0.46em;
+        opacity: 0.12;
+        animation: domindsVersionDotPulse 1.1s ease-in-out infinite;
+      }
+
+      .dominds-version-checking-dots > span:nth-child(2) {
+        animation-delay: 0.14s;
+      }
+
+      .dominds-version-checking-dots > span:nth-child(3) {
+        animation-delay: 0.28s;
+      }
+
       .dominds-version-roll {
         --version-roll-step: 14px;
         position: relative;
@@ -119299,6 +119629,17 @@ ${currentVersion}`;
         }
       }
 
+      @keyframes domindsVersionDotPulse {
+        0%, 100% {
+          opacity: 0.14;
+          transform: translateY(0);
+        }
+        50% {
+          opacity: 1;
+          transform: translateY(-1px);
+        }
+      }
+
       .dominds-version[data-attention='true'] .dominds-version-roll-track {
         animation: domindsVersionTrackRoll 3s cubic-bezier(0.28, 0.78, 0.28, 1) infinite;
       }
@@ -119307,6 +119648,10 @@ ${currentVersion}`;
         .dominds-version[data-attention='true'] .dominds-version-roll-track {
           animation: none;
         }
+        .dominds-version[data-checking='true'] .dominds-version-checking-dots > span {
+          animation: none;
+          opacity: 0.55;
+        }
       }
 
 	      .rtws-indicator {
@@ -122594,7 +122939,7 @@ ${currentVersion}`;
 	            </a>
               <button type="button" id="dominds-version" class="dominds-version ${this.backendVersion ? "" : "hidden"}" title="${htmlExports.escapeHtml(
       this.getDomindsVersionTitle()
-    )}" aria-label="${htmlExports.escapeHtml(this.getDomindsVersionTitle())}" data-actionable="false" data-attention="false" data-state="idle" ${this.getDomindsVersionActionState().kind === "install" || this.getDomindsVersionActionState().kind === "restart" ? "" : "disabled"}>
+    )}" aria-label="${htmlExports.escapeHtml(this.getDomindsVersionTitle())}" data-actionable="false" data-attention="false" data-state="idle" data-checking="false">
                 ${this.renderDomindsVersionBadge()}
               </button>
 	          </div>
@@ -122809,8 +123154,8 @@ ${uiLanguageButtonTooltip}">
 		                </div>
 		                <div class="bottom-panel-content" id="bottom-panel-content">
 	                  <div class="bp-content bp-q4h ${this.bottomPanelTab === "q4h" ? "" : "hidden"}">
-	                    <div class="bp-q4h-empty ${this.q4hQuestionCount === 0 ? "" : "hidden"}">${t2.q4hNoPending}</div>
-	                    <dominds-q4h-panel id="q4h-panel" ui-language="${this.uiLanguage}" class="${this.q4hQuestionCount === 0 ? "hidden" : ""}"></dominds-q4h-panel>
+	                    <div class="bp-q4h-empty ${this.humanAttentionCount === 0 ? "" : "hidden"}">${t2.q4hNoPending}</div>
+	                    <dominds-q4h-panel id="q4h-panel" ui-language="${this.uiLanguage}" class="${this.humanAttentionCount === 0 ? "hidden" : ""}"></dominds-q4h-panel>
 	                  </div>
 	                  <div class="bp-content bp-diligence ${this.bottomPanelTab === "diligence" ? "" : "hidden"}">
 	                    <div class="bp-diligence-row">
@@ -122839,7 +123184,7 @@ ${uiLanguageButtonTooltip}">
 	                </div>
 	                <div class="bottom-panel-footer" id="bottom-panel-footer">
 	                  <button class="bp-tab ${this.bottomPanelExpanded && this.bottomPanelTab === "q4h" ? "active" : ""}" type="button" data-bp-tab="q4h">
-	                    <span class="bp-badge" data-has-questions="${this.q4hQuestionCount > 0 ? "true" : "false"}">${String(this.q4hQuestionCount)}</span>
+	                    <span class="bp-badge" data-has-questions="${this.humanAttentionCount > 0 ? "true" : "false"}">${String(this.humanAttentionCount)}</span>
 	                    <span class="bp-label" data-bp-label="q4h">${t2.q4hPendingQuestions}</span>
 	                  </button>
 	                  <button class="bp-tab ${this.bottomPanelExpanded && this.bottomPanelTab === "diligence" ? "active" : ""}" type="button" data-bp-tab="diligence">
@@ -123078,6 +123423,16 @@ ${content}`;
         }, 100);
       }
     });
+    this.shadowRoot.addEventListener("a2h-ack", (event) => {
+      this.wsManager.sendRaw({
+        type: "ack_a2h",
+        dialog: {
+          selfId: event.detail.dialogId,
+          rootId: event.detail.rootId
+        },
+        answerId: event.detail.answerId
+      });
+    });
     this.shadowRoot.addEventListener("navigate-genseq", (event) => {
       const detail = event.detail;
       this.pendingDeepLink = {
@@ -123116,6 +123471,16 @@ ${content}`;
         captureKeyboardCountSnapshot(button, this.resumableDialogsCount);
       }
     });
+    this.shadowRoot.addEventListener("dblclick", (evt2) => {
+      const target = evt2.target;
+      if (!(target instanceof Element)) return;
+      const versionBtn = target.closest("#dominds-version");
+      if (versionBtn === null) return;
+      evt2.preventDefault();
+      evt2.stopPropagation();
+      this.cancelDomindsVersionClickAction();
+      void this.handleDomindsVersionCheck();
+    });
     this.shadowRoot.addEventListener("click", async (evt2) => {
       const target = evt2.target;
       if (!(target instanceof Element)) return;
@@ -123125,7 +123490,11 @@ ${content}`;
       }
       const versionBtn = target.closest("#dominds-version");
       if (versionBtn) {
-        await this.handleDomindsVersionAction();
+        if (evt2 instanceof MouseEvent && evt2.detail > 1) {
+          this.cancelDomindsVersionClickAction();
+          return;
+        }
+        this.queueDomindsVersionClickAction();
         return;
       }
       const statusBtn = target.closest("#dialog-status-btn");
@@ -123682,8 +124051,12 @@ ${content}`;
   async ensureBottomPanelLoaded() {
     if (this.bottomPanelTab === "q4h") {
       const panel = this.shadowRoot?.querySelector("#q4h-panel");
-      if (panel instanceof HTMLElement && typeof panel.setQuestions === "function") {
-        panel.setQuestions(this.q4hQuestionCount, this.q4hDialogContexts);
+      if (panel instanceof HTMLElement && typeof panel.setHumanAttention === "function") {
+        panel.setHumanAttention(
+          this.humanAttentionCount,
+          this.q4hDialogContexts,
+          this.a2hAnswers
+        );
       }
       return;
     }
@@ -125957,13 +126330,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"].trim() : "";
       const kind = rec["kind"];
       const message = typeof rec["message"] === "string" ? rec["message"] : "";
-      if (!id28 || !_DomindsApp.UNIFIED_TIMESTAMP_PATTERN.test(timestamp2) || !message) continue;
+      if (!id30 || !_DomindsApp.UNIFIED_TIMESTAMP_PATTERN.test(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;
   }
@@ -125980,11 +126353,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: timeExports.formatUnifiedTimestamp(now2),
       kind: entry.kind,
       message: trimmed
@@ -126753,6 +127126,16 @@ ${content}`;
         this.handleQ4HStateResponse(event);
         return true;
       }
+      case "a2h_acknowledged": {
+        const event = message;
+        this.handleA2HAcknowledged(event);
+        return true;
+      }
+      case "new_a2h_answered": {
+        const event = message;
+        this.handleNewA2HAnswered(event);
+        return true;
+      }
       case "dialogs_moved": {
         void this.loadDialogs();
         return true;
@@ -127604,7 +127987,7 @@ ${content}`;
    * Removes a question from the global Q4H state
    */
   handleQ4HAnswered(event) {
-    const wasVisibleQ4HCount = this.q4hQuestionCount;
+    const wasVisibleHumanAttentionCount = this.humanAttentionCount;
     const removeIndex = this.q4hQuestions.findIndex((q2) => q2.id === event.questionId);
     if (removeIndex >= 0) {
       this.q4hQuestions.splice(removeIndex, 1);
@@ -127612,7 +127995,7 @@ ${content}`;
       this.wsManager.sendRaw({ type: "get_q4h_state" });
     }
     this.updateQ4HComponent();
-    if (removeIndex >= 0 && wasVisibleQ4HCount > 0 && this.q4hQuestionCount === 0) {
+    if (removeIndex >= 0 && wasVisibleHumanAttentionCount > 0 && this.humanAttentionCount === 0) {
       this.collapseBottomPanelQ4HTabIfExpanded();
     }
   }
@@ -127635,28 +128018,28 @@ ${content}`;
     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") {
@@ -127664,18 +128047,40 @@ ${content}`;
       }
       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;
+    this.a2hAnswers = event.answers;
     this.updateQ4HComponent();
     this.applyPendingQ4HSelectionFromDeepLink();
     this.applyPendingDeepLinkIfQ4H();
   }
+  handleA2HAcknowledged(event) {
+    const removeIndex = this.a2hAnswers.findIndex(
+      (answer) => answer.id === event.answerId && answer.selfId === event.selfId && answer.rootId === event.rootId
+    );
+    if (removeIndex >= 0) {
+      this.a2hAnswers.splice(removeIndex, 1);
+      this.updateQ4HComponent();
+      return;
+    }
+    this.wsManager.sendRaw({ type: "get_q4h_state" });
+  }
+  handleNewA2HAnswered(event) {
+    const answer = event.answer;
+    const existingIndex = this.a2hAnswers.findIndex((item) => item.id === answer.id);
+    if (existingIndex >= 0) {
+      this.a2hAnswers[existingIndex] = answer;
+    } else {
+      this.a2hAnswers.push(answer);
+    }
+    this.updateQ4HComponent();
+  }
   resolveHydratedQ4HDialogContext(question2) {
     const globalQuestion = question2;
     if (globalQuestion.selfId) {
@@ -127690,7 +128095,8 @@ ${content}`;
         rootId,
         agentId: globalQuestion.agentId ?? "unknown",
         taskDocPath: globalQuestion.taskDocPath ?? "",
-        questions: [question2]
+        questions: [question2],
+        answers: []
       };
     }
     const dialogInfo = this.findDialogForQuestion(question2);
@@ -127706,7 +128112,8 @@ ${content}`;
       rootId: dialogInfo.rootId,
       agentId: dialogInfo.agentId,
       taskDocPath: dialogInfo.taskDocPath,
-      questions: [question2]
+      questions: [question2],
+      answers: []
     };
   }
   /**
@@ -127736,8 +128143,12 @@ ${content}`;
       this.q4hInput.setQuestions(q4hQuestions);
     }
     const panel = this.shadowRoot?.querySelector("#q4h-panel");
-    if (panel instanceof HTMLElement && typeof panel.setQuestions === "function") {
-      panel.setQuestions(this.q4hQuestionCount, this.q4hDialogContexts);
+    if (panel instanceof HTMLElement && typeof panel.setHumanAttention === "function") {
+      panel.setHumanAttention(
+        this.humanAttentionCount,
+        this.q4hDialogContexts,
+        this.a2hAnswers
+      );
     }
     this.updateBottomPanelFooterUi();
   }
@@ -127777,7 +128188,8 @@ ${content}`;
             rootId: rootId ?? dialogId,
             agentId: agentId ?? "unknown",
             taskDocPath: taskDocPath ?? "",
-            questions: []
+            questions: [],
+            answers: []
           };
           contextMap.set(key, context);
         }
@@ -129747,15 +130159,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,
@@ -129775,7 +130187,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,
@@ -129786,33 +130198,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,
@@ -129822,65 +130234,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,
@@ -129903,7 +130318,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-arD81Nnh.js.map
+//# sourceMappingURL=index-BXjq-k48.js.map