schematex 0.9.0 → 0.9.2

package/dist/{chunk-UGB42BGK.cjs → chunk-NTQBNBBP.cjs}

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunkQ2YRJHFB_cjs = require('./chunk-Q2YRJHFB.cjs');
-var chunkJIJWGHRN_cjs = require('./chunk-JIJWGHRN.cjs');
-var chunk6L46VIXI_cjs = require('./chunk-6L46VIXI.cjs');
-var chunkJIUC4DRS_cjs = require('./chunk-JIUC4DRS.cjs');
-var chunkAJJYWXZB_cjs = require('./chunk-AJJYWXZB.cjs');
-var chunkLENRV7ZJ_cjs = require('./chunk-LENRV7ZJ.cjs');
-var chunkT5KHNJ67_cjs = require('./chunk-T5KHNJ67.cjs');
-var chunkYMFYPB5Y_cjs = require('./chunk-YMFYPB5Y.cjs');
-var chunkDR3DDDQY_cjs = require('./chunk-DR3DDDQY.cjs');
-var chunkNFZMNKOR_cjs = require('./chunk-NFZMNKOR.cjs');
-var chunk2SZJQVPN_cjs = require('./chunk-2SZJQVPN.cjs');
-var chunkKGOZBABH_cjs = require('./chunk-KGOZBABH.cjs');
+var chunk6BJKQULN_cjs = require('./chunk-6BJKQULN.cjs');
+var chunkXA6XIAMN_cjs = require('./chunk-XA6XIAMN.cjs');
+var chunk2ASZMLC3_cjs = require('./chunk-2ASZMLC3.cjs');
+var chunkWFVRUUJW_cjs = require('./chunk-WFVRUUJW.cjs');
+var chunkL2NY4XEY_cjs = require('./chunk-L2NY4XEY.cjs');
+var chunkVYAUTNHC_cjs = require('./chunk-VYAUTNHC.cjs');
+var chunkPSQGLE6U_cjs = require('./chunk-PSQGLE6U.cjs');
+var chunk2A5HJFOX_cjs = require('./chunk-2A5HJFOX.cjs');
+var chunkMUE45N2A_cjs = require('./chunk-MUE45N2A.cjs');
+var chunk7JJQEECD_cjs = require('./chunk-7JJQEECD.cjs');
+var chunkV3JTVTPY_cjs = require('./chunk-V3JTVTPY.cjs');
+var chunkGYTU7L4L_cjs = require('./chunk-GYTU7L4L.cjs');
 var chunk3KRL2EGN_cjs = require('./chunk-3KRL2EGN.cjs');
-var chunkDHI7YAQJ_cjs = require('./chunk-DHI7YAQJ.cjs');
-var chunkB5AQ3CG3_cjs = require('./chunk-B5AQ3CG3.cjs');
-var chunkNXU4XKLY_cjs = require('./chunk-NXU4XKLY.cjs');
-var chunkD34VGLSE_cjs = require('./chunk-D34VGLSE.cjs');
-var chunkNZT5P2XZ_cjs = require('./chunk-NZT5P2XZ.cjs');
+var chunkMYVY55DO_cjs = require('./chunk-MYVY55DO.cjs');
+var chunkHILYXWGJ_cjs = require('./chunk-HILYXWGJ.cjs');
+var chunkJHJJT5H5_cjs = require('./chunk-JHJJT5H5.cjs');
+var chunk4MGALM2C_cjs = require('./chunk-4MGALM2C.cjs');
+var chunkNT6VVMLW_cjs = require('./chunk-NT6VVMLW.cjs');
 var chunkVHDSPI6A_cjs = require('./chunk-VHDSPI6A.cjs');
 var chunk3WNW5Y7P_cjs = require('./chunk-3WNW5Y7P.cjs');
 
@@ -1211,7 +1211,7 @@ function round2(n) {
   return Math.round(n * 100) / 100;
 }
 function renderInfluence(ast, config) {
-  const t = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
   const layout = layoutInfluence(ast);
   const titleOffset = ast.title ? 36 : 10;
   const width = Math.ceil(layout.width);
@@ -1255,7 +1255,7 @@ var CLASS_PALETTE = [
 function buildCss2(t) {
   return `
 .lt-dtree { font-family: system-ui, -apple-system, sans-serif; }
-.lt-dtree-title { font: 500 16px sans-serif; fill: ${t.text}; }
+.lt-dtree-title { font: 700 16px sans-serif; fill: ${t.text}; }
 .lt-dtree-edge { fill: none; stroke: ${t.stroke}; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
 .lt-dtree-edge-optimal { fill: none; stroke: ${t.positive}; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
 .lt-dtree-edge-leader { fill: none; stroke: ${t.stroke}; stroke-width: 1; stroke-dasharray: 2 2; opacity: 0.55; }
@@ -1577,7 +1577,7 @@ function wrapText(text2, maxChars) {
 }
 function renderDecisionTree(ast, config) {
   if ("arcs" in ast) return renderInfluence(ast, config);
-  const t = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
   const layout = layoutDecisionTree(ast);
   const titleOffset = ast.title ? 36 : 10;
   const width = Math.ceil(layout.width);
@@ -1587,7 +1587,7 @@ function renderDecisionTree(ast, config) {
   children.push(chunk3WNW5Y7P_cjs.desc(`Decision tree (${ast.mode} mode) with ${layout.nodes.length} nodes and ${layout.edges.length} edges`));
   children.push(chunk3WNW5Y7P_cjs.el("style", {}, buildCss2(t)));
   if (ast.title) {
-    children.push(chunk3WNW5Y7P_cjs.text({ x: 20, y: 24, class: "lt-dtree-title" }, ast.title));
+    children.push(chunk3WNW5Y7P_cjs.text({ x: width / 2, y: 24, class: "lt-dtree-title", "text-anchor": "middle" }, ast.title));
   }
   const inner = [];
   for (const e of layout.edges) {
@@ -2650,7 +2650,7 @@ var ERA_ROW_GAP = 2;
 function renderTimeline(src, config) {
   const ast = parseTimeline(src);
   const layout = layoutTimeline(ast);
-  const theme = chunkNZT5P2XZ_cjs.resolveTimelineTheme(config?.theme ?? "default");
+  const theme = chunkNT6VVMLW_cjs.resolveTimelineTheme(config?.theme ?? "default");
   const styleBlock = styleForTheme(theme, config?.fontFamily);
   const children = [
     chunk3WNW5Y7P_cjs.title(ast.title ? `Timeline \u2014 ${ast.title}` : "Timeline"),
@@ -2695,7 +2695,7 @@ function renderTimeline(src, config) {
 function styleForTheme(theme, fontFamily) {
   const font = fontFamily ?? "system-ui, -apple-system, sans-serif";
   return `
-    .st-timeline { ${chunkNZT5P2XZ_cjs.cssCustomProperties(theme)}
+    .st-timeline { ${chunkNT6VVMLW_cjs.cssCustomProperties(theme)}
       --st-axis: ${theme.axis};
       --st-axis-label: ${theme.axisLabel};
       --st-era-label: ${theme.eraLabel};
@@ -3831,7 +3831,7 @@ function layoutStateDiagram(ast) {
     }
     return true;
   });
-  const fcResult = chunkDR3DDDQY_cjs.layoutFlowchart(fcAst);
+  const fcResult = chunkMUE45N2A_cjs.layoutFlowchart(fcAst);
   const stateById = /* @__PURE__ */ new Map();
   const collectStates = (s) => {
     stateById.set(s.id, s);
@@ -4126,40 +4126,42 @@ function shiftPathY(d, dy) {
 
 // src/diagrams/state/renderer.ts
 var ARROW_MARKER_ID = "lt-state-arrow";
-var STYLE = `
-.lt-state-body { fill: #ffffff; stroke: #2a2a2a; stroke-width: 1.6; }
-.lt-state-name { font: 600 12px system-ui, sans-serif; fill: #1a1a1a; }
-.lt-state-div  { stroke: #2a2a2a; stroke-width: 1; }
-.lt-state-activity { font: 11px ui-monospace, monospace; fill: #444; }
+function buildStyle(t) {
+  return `
+.lt-state-body { fill: ${t.stateFill}; stroke: ${t.stateStroke}; stroke-width: 1.6; }
+.lt-state-name { font: 600 12px system-ui, sans-serif; fill: ${t.stateText}; }
+.lt-state-div  { stroke: ${t.stateStroke}; stroke-width: 1; }
+.lt-state-activity { font: 11px ui-monospace, monospace; fill: ${t.activityText}; }
 
-.lt-composite-body { fill: #fafafa; stroke: #2a2a2a; stroke-width: 1.6; }
-.lt-composite-title { font: 600 12px system-ui, sans-serif; fill: #1a1a1a; }
-.lt-composite-titlebar { fill: #f0f0f0; stroke: #2a2a2a; stroke-width: 1; }
-.lt-region-div { stroke: #888; stroke-width: 1; stroke-dasharray: 6 4; }
+.lt-composite-body { fill: ${t.compositeFill}; stroke: ${t.stateStroke}; stroke-width: 1.6; }
+.lt-composite-title { font: 600 12px system-ui, sans-serif; fill: ${t.stateText}; }
+.lt-composite-titlebar { fill: ${t.compositeTitlebar}; stroke: ${t.stateStroke}; stroke-width: 1; }
+.lt-region-div { stroke: ${t.regionDiv}; stroke-width: 1; stroke-dasharray: 6 4; }
 
-.lt-ps-initial { fill: #1a1a1a; }
-.lt-ps-final-outer { fill: #ffffff; stroke: #1a1a1a; stroke-width: 1.6; }
-.lt-ps-final-inner { fill: #1a1a1a; }
-.lt-ps-choice { fill: #ffffff; stroke: #1a1a1a; stroke-width: 1.6; }
-.lt-ps-junction { fill: #1a1a1a; }
-.lt-ps-bar { fill: #1a1a1a; }
-.lt-ps-history-body { fill: #ffffff; stroke: #1a1a1a; stroke-width: 1.6; }
-.lt-ps-history-text { font: 600 11px serif; fill: #1a1a1a; }
-.lt-ps-terminate { stroke: #1a1a1a; stroke-width: 2; }
-.lt-ps-entrypoint { fill: #ffffff; stroke: #1a1a1a; stroke-width: 1.6; }
-.lt-ps-exitpoint  { fill: #ffffff; stroke: #1a1a1a; stroke-width: 1.6; }
+.lt-ps-initial { fill: ${t.psInk}; }
+.lt-ps-final-outer { fill: ${t.stateFill}; stroke: ${t.psInk}; stroke-width: 1.6; }
+.lt-ps-final-inner { fill: ${t.psInk}; }
+.lt-ps-choice { fill: ${t.stateFill}; stroke: ${t.psInk}; stroke-width: 1.6; }
+.lt-ps-junction { fill: ${t.psInk}; }
+.lt-ps-bar { fill: ${t.psInk}; }
+.lt-ps-history-body { fill: ${t.stateFill}; stroke: ${t.psInk}; stroke-width: 1.6; }
+.lt-ps-history-text { font: 600 11px serif; fill: ${t.psInk}; }
+.lt-ps-terminate { stroke: ${t.psInk}; stroke-width: 2; }
+.lt-ps-entrypoint { fill: ${t.stateFill}; stroke: ${t.psInk}; stroke-width: 1.6; }
+.lt-ps-exitpoint  { fill: ${t.stateFill}; stroke: ${t.psInk}; stroke-width: 1.6; }
 
-.lt-transition { stroke: #2a2a2a; stroke-width: 1.4; fill: none; }
-.lt-transition-label { font: 11px system-ui, sans-serif; fill: #1a1a1a; }
-.lt-transition-label-bg { fill: #ffffff; opacity: 0.92; }
+.lt-transition { stroke: ${t.transitionStroke}; stroke-width: 1.4; fill: none; }
+.lt-transition-label { font: 11px system-ui, sans-serif; fill: ${t.transitionLabel}; }
+.lt-transition-label-bg { fill: ${t.labelBg}; opacity: 0.92; }
 
-.lt-note-body { fill: #fff8c5; stroke: #b79400; stroke-width: 1; }
-.lt-note-text { font: 11px system-ui, sans-serif; fill: #2a2a2a; }
-.lt-note-leader { stroke: #b79400; stroke-width: 1; stroke-dasharray: 3 3; fill: none; }
+.lt-note-body { fill: ${t.noteFill}; stroke: ${t.noteStroke}; stroke-width: 1; }
+.lt-note-text { font: 11px system-ui, sans-serif; fill: ${t.noteText}; }
+.lt-note-leader { stroke: ${t.noteStroke}; stroke-width: 1; stroke-dasharray: 3 3; fill: none; }
 
-.lt-title { font: 600 14px system-ui, sans-serif; fill: #1a1a1a; }
+.lt-title { font: 700 16px system-ui, sans-serif; fill: ${t.stateText}; }
 `;
-function renderArrowMarker() {
+}
+function renderArrowMarker(t) {
   return chunk3WNW5Y7P_cjs.el(
     "marker",
     {
@@ -4171,7 +4173,7 @@ function renderArrowMarker() {
       orient: "auto",
       markerUnits: "strokeWidth"
     },
-    [chunk3WNW5Y7P_cjs.polygon({ points: "0,0 10,3 0,6", fill: "#2a2a2a" })]
+    [chunk3WNW5Y7P_cjs.polygon({ points: "0,0 10,3 0,6", fill: t.transitionStroke })]
   );
 }
 function activityText2(a) {
@@ -4402,12 +4404,12 @@ function renderNote(n) {
   }
   return chunk3WNW5Y7P_cjs.group({ class: "lt-note", "data-target": n.note.target }, parts);
 }
-function renderStateDiagram(ast, _config) {
+function renderStateDiagram(ast, config) {
   const layout = layoutStateDiagram(ast);
-  return renderLayout(layout);
+  return renderLayout(layout, chunkNT6VVMLW_cjs.resolveStateTheme(config?.theme ?? "default"));
 }
-function renderLayout(layout) {
-  const titleNode = layout.title ? chunk3WNW5Y7P_cjs.text({ x: 16, y: 22, class: "lt-title" }, layout.title) : "";
+function renderLayout(layout, t) {
+  const titleNode = layout.title ? chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: 22, class: "lt-title", "text-anchor": "middle" }, layout.title) : "";
   return chunk3WNW5Y7P_cjs.svgRoot(
     {
       width: layout.width,
@@ -4419,7 +4421,7 @@ function renderLayout(layout) {
     [
       chunk3WNW5Y7P_cjs.el("title", {}, chunk3WNW5Y7P_cjs.escapeXml(`State Diagram${layout.title ? " \u2014 " + layout.title : ""}`)),
       chunk3WNW5Y7P_cjs.el("desc", {}, "UML 2.5 / Harel statechart rendered by Schematex"),
-      chunk3WNW5Y7P_cjs.defs([renderArrowMarker(), chunk3WNW5Y7P_cjs.el("style", {}, STYLE)]),
+      chunk3WNW5Y7P_cjs.defs([renderArrowMarker(t), chunk3WNW5Y7P_cjs.el("style", {}, buildStyle(t))]),
       titleNode,
       // Composite clusters first so simple-state bodies sit on top.
       chunk3WNW5Y7P_cjs.group({ class: "lt-clusters" }, layout.clusters.map(renderComposite)),
@@ -4439,7 +4441,7 @@ var state = {
   parse: parseStateDiagram,
   render(text2, config) {
     const ast = parseStateDiagram(text2);
-    return renderStateDiagram(ast);
+    return renderStateDiagram(ast, config);
   }
 };
 
@@ -5789,7 +5791,7 @@ function resolveAnchor(id, port, fallback, equipById, instById) {
 }
 
 // src/diagrams/pid/renderer.ts
-var STYLE2 = `
+var STYLE = `
 .lt-pid-equip { fill: #ffffff; stroke: #1d1d1d; stroke-width: 1.6; }
 .lt-pid-equip-tag { font: 600 11px system-ui, sans-serif; fill: #1d1d1d; }
 .lt-pid-tray-line { stroke: #555; stroke-width: 1; fill: none; }
@@ -5815,7 +5817,7 @@ var STYLE2 = `
 .lt-pid-line-tag-bg { fill: #ffffff; stroke: #1d1d1d; stroke-width: 0.6; }
 .lt-pid-line-tag-text { font: 9px ui-monospace, monospace; fill: #1d1d1d; }
 
-.lt-pid-title { font: 600 14px system-ui, sans-serif; fill: #1d1d1d; }
+.lt-pid-title { font: 700 16px system-ui, sans-serif; fill: #1d1d1d; }
 
 .lt-pid-unknown-box { fill: none; stroke: #c0392b; stroke-width: 1.6; stroke-dasharray: 5 3; }
 .lt-pid-unknown-mark { font: 700 18px system-ui, sans-serif; fill: #c0392b; }
@@ -5990,7 +5992,7 @@ function renderLayout2(layout) {
       }
     }
   }
-  const titleNode = layout.title ? chunk3WNW5Y7P_cjs.text({ x: 16, y: 22, class: "lt-pid-title" }, layout.title) : "";
+  const titleNode = layout.title ? chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: 22, class: "lt-pid-title", "text-anchor": "middle" }, layout.title) : "";
   return chunk3WNW5Y7P_cjs.svgRoot(
     {
       width: layout.width,
@@ -6016,7 +6018,7 @@ function renderLayout2(layout) {
           },
           [chunk3WNW5Y7P_cjs.polygon({ points: "0,0 10,3 0,6", fill: "#1d1d1d" })]
         ),
-        chunk3WNW5Y7P_cjs.el("style", {}, STYLE2)
+        chunk3WNW5Y7P_cjs.el("style", {}, STYLE)
       ]),
       titleNode,
       // Z-order: process pipes behind equipment; signal lines + instruments above.
@@ -7388,7 +7390,7 @@ function headerHeightFor(lineCount) {
 function buildCss3(t) {
   return `
 .prisma { font-family: system-ui, -apple-system, sans-serif; }
-.prisma-title { font: 600 17px sans-serif; fill: ${t.text}; }
+.prisma-title { font: 700 16px sans-serif; fill: ${t.text}; }
 .prisma-subtitle { font: 400 12px sans-serif; fill: ${t.textMuted}; }
 
 .prisma-stage { stroke-width: 1.1; stroke: #90a4ae; }
@@ -7607,7 +7609,7 @@ function approxLineWidth(line2) {
   return line2.text.length * charW;
 }
 function renderPrismaLayout(layout, config) {
-  const t = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
   const children = [];
   children.push(chunk3WNW5Y7P_cjs.title(layout.title ?? "PRISMA 2020 flow diagram"));
   children.push(
@@ -8271,7 +8273,7 @@ function ellipsePerimeterPoint(cx, cy, rx, ry, tx, ty) {
 function isWideGlyph(cp) {
   return cp >= 12288 && cp <= 40959 || cp >= 44032 && cp <= 55203 || cp >= 65280 && cp <= 65519;
 }
-function estimateTextWidth(s, charW) {
+function estimateTextWidth2(s, charW) {
   let w = 0;
   for (const ch of s) {
     w += isWideGlyph(ch.codePointAt(0) ?? 0) ? charW * 1.7 : charW;
@@ -8280,10 +8282,10 @@ function estimateTextWidth(s, charW) {
 }
 function sizeEllipse(uc) {
   const C2 = USECASE_CONST;
-  const nameW = estimateTextWidth(uc.name, C2.CHAR_W_NAME);
+  const nameW = estimateTextWidth2(uc.name, C2.CHAR_W_NAME);
   let widest = nameW;
   if (uc.stereotype) {
-    widest = Math.max(widest, estimateTextWidth(`\xAB${uc.stereotype}\xBB`, C2.CHAR_W_EXT));
+    widest = Math.max(widest, estimateTextWidth2(`\xAB${uc.stereotype}\xBB`, C2.CHAR_W_EXT));
   }
   let stack = 0;
   if (uc.stereotype) stack += C2.STEREO_LH;
@@ -8293,9 +8295,9 @@ function sizeEllipse(uc) {
     stack += 8;
     stack += C2.EXTPOINT_LH;
     stack += uc.extensionPoints.length * C2.EXTPOINT_LH;
-    widest = Math.max(widest, estimateTextWidth(C2.EXT_HEADER, C2.CHAR_W_EXT));
+    widest = Math.max(widest, estimateTextWidth2(C2.EXT_HEADER, C2.CHAR_W_EXT));
     for (const ep of uc.extensionPoints) {
-      widest = Math.max(widest, estimateTextWidth(ep, C2.CHAR_W_EXT) + 16);
+      widest = Math.max(widest, estimateTextWidth2(ep, C2.CHAR_W_EXT) + 16);
     }
   }
   const rx = Math.max(C2.MIN_RX, widest / 2 * Math.SQRT2 + C2.ELLIPSE_PAD_X);
@@ -8551,7 +8553,7 @@ function layoutUsecase(ast) {
     let right = b.x + b.width;
     const isRect = b.actor.kind === "external" || b.actor.kind === "system";
     if (!isRect) {
-      const labelW = estimateTextWidth(b.actor.name, 6.4);
+      const labelW = estimateTextWidth2(b.actor.name, 6.4);
       const cx = b.x + b.width / 2;
       left = Math.min(left, cx - labelW / 2);
       right = Math.max(right, cx + labelW / 2);
@@ -9078,7 +9080,7 @@ function renderTree(tr) {
   );
 }
 function renderUsecaseLayout(layout, config) {
-  const t = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
   const children = [];
   const nInclude = layout.ast.relations.filter((r6) => r6.kind === "include").length;
   const nExtend = layout.ast.relations.filter((r6) => r6.kind === "extend").length;
@@ -10867,7 +10869,7 @@ function summaryText(summary) {
   return { plain, critPath };
 }
 function renderPertLayout(layout, config) {
-  const t = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
   const children = [];
   const cp = layout.summary.criticalPath;
   children.push(chunk3WNW5Y7P_cjs.title(`PERT network${layout.title ? " \u2014 " + layout.title : ""}`));
@@ -12076,7 +12078,7 @@ function renderDestroy(d) {
   ]);
 }
 function renderSequenceLayout(layout, config) {
-  const t = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
   const children = [];
   const nMsg = layout.messages.length;
   const nFrag = layout.fragments.length;
@@ -12931,7 +12933,7 @@ function renderArc2(ag) {
   );
 }
 function renderPetriLayout(layout, config) {
-  const t = chunkNZT5P2XZ_cjs.resolvePetriTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolvePetriTheme(config?.theme ?? "default");
   const children = [];
   const marking = layout.places.filter((p) => p.tokens > 0).map((p) => `${p.place.id}:${p.tokens}`).join(", ");
   const descParts = [
@@ -13516,6 +13518,7 @@ var DET = "sx-net-detail";
 var GLY = "sx-net-glyph";
 var GLYL = "sx-net-glyph-line";
 var ITX = "sx-net-icontext";
+var ITAG = "sx-net-icontag";
 var CLOUD = "sx-net-cloud-body";
 var CTX = "sx-net-cloudtext";
 var r2 = (n) => Math.round(n * 100) / 100;
@@ -13559,7 +13562,7 @@ function switchBox(b, glyph) {
 }
 function poeSwitch(b) {
   const cx = b.x + b.w / 2;
-  return chunk3WNW5Y7P_cjs.group({}, [switchBox(b, "straight"), chunk3WNW5Y7P_cjs.text({ class: ITX, x: r2(cx), y: r2(b.y + b.h * 0.78 + 8), "text-anchor": "middle" }, "PoE")]);
+  return chunk3WNW5Y7P_cjs.group({}, [switchBox(b, "straight"), chunk3WNW5Y7P_cjs.text({ class: ITAG, x: r2(cx), y: r2(b.y + b.h * 0.78 + 8), "text-anchor": "middle" }, "PoE")]);
 }
 function firewall(b) {
   const cx = b.x + b.w / 2, cy = b.y + b.h / 2;
@@ -13614,7 +13617,7 @@ function serverFarm(b, d) {
   for (let i = 2; i >= 0; i--) {
     parts.push(server({ x: b.x + i * off, y: b.y - i * off * 0.5, w: b.w - 2 * off, h: b.h - off }));
   }
-  if (d.count) parts.push(chunk3WNW5Y7P_cjs.text({ class: ITX, x: r2(b.x + b.w - 6), y: r2(b.y + b.h - 2), "text-anchor": "end" }, `\xD7${d.count}`));
+  if (d.count) parts.push(chunk3WNW5Y7P_cjs.text({ class: ITAG, x: r2(b.x + b.w - 6), y: r2(b.y + b.h - 2), "text-anchor": "end" }, `\xD7${d.count}`));
   return chunk3WNW5Y7P_cjs.group({}, parts);
 }
 function pc(b) {
@@ -13752,9 +13755,9 @@ function drawDeviceIcon(d, b) {
     case "router":
       return router(b);
     case "gateway":
-      return chunk3WNW5Y7P_cjs.group({}, [router(b), chunk3WNW5Y7P_cjs.text({ class: ITX, x: r2(b.x + b.w / 2), y: r2(b.y + b.h - 1), "text-anchor": "middle" }, "GW")]);
+      return chunk3WNW5Y7P_cjs.group({}, [router(b), chunk3WNW5Y7P_cjs.text({ class: ITAG, x: r2(b.x + b.w / 2), y: r2(b.y + b.h - 1), "text-anchor": "middle" }, "GW")]);
     case "vpngw":
-      return chunk3WNW5Y7P_cjs.group({}, [router(b), chunk3WNW5Y7P_cjs.text({ class: ITX, x: r2(b.x + b.w / 2), y: r2(b.y + b.h - 1), "text-anchor": "middle" }, "VPN")]);
+      return chunk3WNW5Y7P_cjs.group({}, [router(b), chunk3WNW5Y7P_cjs.text({ class: ITAG, x: r2(b.x + b.w / 2), y: r2(b.y + b.h - 1), "text-anchor": "middle" }, "VPN")]);
     case "switch":
       return switchBox(b, "straight");
     case "l3switch":
@@ -14234,16 +14237,54 @@ function layoutNetwork2(ast) {
       depth: gb.depth
     });
   }
+  const labelClearsDevices = (x, y, halfW) => {
+    const margin = 6;
+    for (const b of boxes) {
+      const e = effBox(b);
+      if (x + halfW >= e.left - margin && x - halfW <= e.right + margin && y + 5 >= e.top - margin && y - 5 <= e.bottom + margin) {
+        return false;
+      }
+    }
+    return true;
+  };
+  const placedLabels = [];
+  const labelClearsPlaced = (x, y) => placedLabels.every((p) => Math.abs(p.x - x) > 90 || Math.abs(p.y - y) > 16);
   const linkGeoms = links.map((link) => {
     const a = boxById.get(link.from);
     const b = boxById.get(link.to);
     const p1 = edgePoint(a, b.cx, b.cy);
     const p2 = edgePoint(b, a.cx, a.cy);
+    const hasAnnotation = Boolean(
+      link.label || link.speed || link.mode || link.vlans && link.vlans.length
+    );
+    let labelT = 0.5;
+    if (hasAnnotation) {
+      const annLen = (link.mode ? link.mode.length + 3 : 0) + (link.vlans && link.vlans.length ? 6 + link.vlans.join(",").length + 3 : 0) + (link.speed ? link.speed.length + 3 : 0) + (link.label ? link.label.length : 0);
+      const halfW = annLen * 5.4 / 2;
+      const candidates = [0.5, 0.38, 0.62, 0.28, 0.72, 0.2, 0.8, 0.14, 0.86];
+      const at = (t) => ({
+        x: p1.x + (p2.x - p1.x) * t,
+        y: p1.y + (p2.y - p1.y) * t
+      });
+      const strict = candidates.find((t) => {
+        const p = at(t);
+        return labelClearsDevices(p.x, p.y, halfW) && labelClearsPlaced(p.x, p.y);
+      });
+      const relaxed = strict ?? candidates.find((t) => {
+        const p = at(t);
+        return labelClearsDevices(p.x, p.y, halfW);
+      });
+      labelT = relaxed ?? 0.5;
+      placedLabels.push({
+        x: p1.x + (p2.x - p1.x) * labelT,
+        y: p1.y + (p2.y - p1.y) * labelT
+      });
+    }
     return {
       link,
       points: [p1, p2],
-      labelX: (p1.x + p2.x) / 2,
-      labelY: (p1.y + p2.y) / 2
+      labelX: p1.x + (p2.x - p1.x) * labelT,
+      labelY: p1.y + (p2.y - p1.y) * labelT
     };
   });
   const width = maxX - minX + 2 * NET_CONST.PAD;
@@ -14271,11 +14312,12 @@ function buildCss8(t) {
 .sx-net-glyph { fill: ${t.deviceAccent}; stroke: none; }
 .sx-net-glyph-line { fill: none; stroke: ${t.deviceAccent}; stroke-width: 1.4; }
 .sx-net-icontext { font: 700 8px sans-serif; fill: ${t.deviceAccent}; }
+.sx-net-icontag { font: 700 8px sans-serif; fill: ${t.subLabel}; paint-order: stroke; stroke: ${t.bg}; stroke-width: 2.5px; stroke-linejoin: round; }
 .sx-net-cloud-body { fill: ${t.cloudFill}; stroke: ${t.cloudStroke}; stroke-width: 2; }
 .sx-net-cloudtext { font: 600 13px sans-serif; fill: ${t.text}; }
 .sx-net-bus { stroke: ${t.deviceStroke}; stroke-width: 4; stroke-linecap: round; }
-.sx-net-label { font: 12px sans-serif; fill: ${t.label}; }
-.sx-net-sublabel { font: 10px sans-serif; fill: ${t.subLabel}; }
+.sx-net-label { font: 12px sans-serif; fill: ${t.label}; paint-order: stroke; stroke: ${t.bg}; stroke-width: 3px; stroke-linejoin: round; }
+.sx-net-sublabel { font: 10px sans-serif; fill: ${t.subLabel}; paint-order: stroke; stroke: ${t.bg}; stroke-width: 3px; stroke-linejoin: round; }
 .sx-net-link { fill: none; stroke-width: 2; }
 .sx-net-link-wireless, .sx-net-link-vpn { stroke-dasharray: 5 4; }
 .sx-net-link-lag { stroke-width: 3; }
@@ -14408,7 +14450,7 @@ function renderDevice(b, t) {
   return chunk3WNW5Y7P_cjs.group(attrs, parts);
 }
 function renderNetworkLayout(layout, config) {
-  const t = chunkNZT5P2XZ_cjs.resolveNetworkTheme(config?.theme ?? "default");
+  const t = chunkNT6VVMLW_cjs.resolveNetworkTheme(config?.theme ?? "default");
   const children = [];
   const counts = /* @__PURE__ */ new Map();
   for (const b of layout.devices) counts.set(b.device.kind, (counts.get(b.device.kind) ?? 0) + 1);
@@ -16178,8 +16220,8 @@ function renderUmlClass(text2, config) {
   return renderUmlClassLayout(layout, config);
 }
 function renderUmlClassLayout(layout, config) {
-  const theme = chunkNZT5P2XZ_cjs.resolveUmlClassTheme(config?.theme ?? "default");
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const theme = chunkNT6VVMLW_cjs.resolveUmlClassTheme(config?.theme ?? "default");
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const width = layout.width + pad * 2;
   const height = layout.height + pad * 2;
@@ -16194,25 +16236,25 @@ function renderUmlClassLayout(layout, config) {
 .sx-umlclass-box-stroke { stroke: ${theme.classifierStroke}; stroke-width: ${BOX_STROKE_W}; fill: none; }
 .sx-umlclass-header-fill { fill: ${theme.headerFill}; }
 .sx-umlclass-divider { stroke: ${theme.classifierStroke}; stroke-width: ${DIVIDER_STROKE_W}; }
-.sx-umlclass-classname { fill: ${theme.nameText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label + 1}px; font-weight: 700; letter-spacing: -0.01em; }
+.sx-umlclass-classname { fill: ${theme.nameText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label + 1}px; font-weight: 700; letter-spacing: -0.01em; }
 .sx-umlclass-classname[data-abstract="true"] { font-style: italic; }
-.sx-umlclass-stereotype { fill: ${theme.stereotypeText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-style: italic; }
-.sx-umlclass-member { fill: ${theme.memberText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 500; }
+.sx-umlclass-stereotype { fill: ${theme.stereotypeText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-style: italic; }
+.sx-umlclass-member { fill: ${theme.memberText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 500; }
 .sx-umlclass-member[data-static] { text-decoration: underline; }
 .sx-umlclass-member[data-abstract] { font-style: italic; }
-.sx-umlclass-visibility { fill: ${theme.visibilityText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 500; }
+.sx-umlclass-visibility { fill: ${theme.visibilityText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 500; }
 .sx-umlclass-rel-line { stroke: ${theme.relationStroke}; stroke-width: ${REL_STROKE_W}; fill: none; }
 .sx-umlclass-rel-line[data-dashed="true"] { stroke-dasharray: 5 4; }
 .sx-umlclass-triangle { fill: ${theme.adornmentHollowFill}; stroke: ${theme.relationStroke}; stroke-width: ${REL_STROKE_W}; stroke-linejoin: miter; }
 .sx-umlclass-diamond-hollow { fill: ${theme.adornmentHollowFill}; stroke: ${theme.relationStroke}; stroke-width: ${REL_STROKE_W}; stroke-linejoin: miter; }
 .sx-umlclass-diamond-filled { fill: ${theme.adornmentFill}; stroke: ${theme.relationStroke}; stroke-width: ${REL_STROKE_W}; stroke-linejoin: miter; }
 .sx-umlclass-arrowhead { fill: none; stroke: ${theme.relationStroke}; stroke-width: ${REL_STROKE_W}; stroke-linejoin: miter; }
-.sx-umlclass-edge-label { fill: ${theme.edgeLabel}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 500; }
-.sx-umlclass-edge-name { fill: ${theme.edgeLabel}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-style: italic; }
+.sx-umlclass-edge-label { fill: ${theme.edgeLabel}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 500; }
+.sx-umlclass-edge-name { fill: ${theme.edgeLabel}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-style: italic; }
 .sx-umlclass-edge-name-halo { fill: ${theme.bg}; stroke: ${theme.bg}; stroke-width: ${UMLCLASS_CONST.EDGE_LABEL_HALO}; stroke-linejoin: round; }
-.sx-umlclass-title { fill: ${theme.nameText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 600; }
+.sx-umlclass-title { fill: ${theme.nameText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
 .sx-umlclass-package { fill: ${theme.packageFill}; stroke: ${theme.packageStroke}; stroke-width: 1; }
-.sx-umlclass-package-label { fill: ${theme.packageLabel}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 600; }
+.sx-umlclass-package-label { fill: ${theme.packageLabel}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 600; }
 `.trim()
   );
   const children = [
@@ -17548,8 +17590,8 @@ function renderFaultTree(text2, config) {
   return renderFaultTreeLayout(layout, config);
 }
 function renderFaultTreeLayout(layout, config) {
-  const theme = chunkNZT5P2XZ_cjs.resolveReliabilityTheme(config?.theme ?? "default");
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const theme = chunkNT6VVMLW_cjs.resolveReliabilityTheme(config?.theme ?? "default");
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast, analysis } = layout;
   const showProb = ast.analysis.probability;
@@ -17561,27 +17603,27 @@ function renderFaultTreeLayout(layout, config) {
     {},
     `
 .sx-ft-bg { fill: ${theme.bg}; }
-.sx-ft-event { fill: ${theme.eventFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-event { fill: ${theme.eventFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-ft-event[data-role="top"] { stroke: ${theme.topEventStroke}; stroke-width: 2.25; }
-.sx-ft-basic { fill: ${theme.basicFill}; stroke: ${theme.basicStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-ft-undeveloped { fill: ${theme.undevelopedFill}; stroke: ${theme.basicStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-ft-house { fill: ${theme.houseFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-ft-gate { fill: ${theme.gateFill}; stroke: ${theme.gateStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; stroke-linejoin: round; }
-.sx-ft-cond { fill: ${theme.conditionFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-ft-pin, .sx-ft-edge { fill: none; stroke: ${theme.edgeStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-ft-shared-mark { fill: none; stroke: ${theme.basicStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-ft-label { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 600; }
-.sx-ft-id { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
-.sx-ft-cap { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
-.sx-ft-prob { fill: ${theme.probText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 600; }
-.sx-ft-gate-label { fill: ${theme.gateStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 700; }
-.sx-ft-cond-text { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
-.sx-ft-cutset { fill: ${theme.cutsetFill}; stroke: ${theme.cutsetStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-ft-cutset[data-spof="true"] { stroke: ${theme.spofStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
-.sx-ft-ptop { fill: ${theme.probText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 700; }
-.sx-ft-transfer { fill: ${theme.eventFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-ft-transfer-label { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 600; }
-.sx-ft-title { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-ft-basic { fill: ${theme.basicFill}; stroke: ${theme.basicStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-undeveloped { fill: ${theme.undevelopedFill}; stroke: ${theme.basicStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-house { fill: ${theme.houseFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-gate { fill: ${theme.gateFill}; stroke: ${theme.gateStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; stroke-linejoin: round; }
+.sx-ft-cond { fill: ${theme.conditionFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-ft-pin, .sx-ft-edge { fill: none; stroke: ${theme.edgeStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-shared-mark { fill: none; stroke: ${theme.basicStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-label { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 600; }
+.sx-ft-id { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
+.sx-ft-cap { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
+.sx-ft-prob { fill: ${theme.probText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 600; }
+.sx-ft-gate-label { fill: ${theme.gateStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 700; }
+.sx-ft-cond-text { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
+.sx-ft-cutset { fill: ${theme.cutsetFill}; stroke: ${theme.cutsetStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-cutset[data-spof="true"] { stroke: ${theme.spofStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
+.sx-ft-ptop { fill: ${theme.probText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 700; }
+.sx-ft-transfer { fill: ${theme.eventFill}; stroke: ${theme.eventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-ft-transfer-label { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 600; }
+.sx-ft-title { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
 `.trim()
   );
   const instById = new Map(layout.events.map((e) => [e.instanceId, e]));
@@ -17594,7 +17636,7 @@ function renderFaultTreeLayout(layout, config) {
   const inner = [];
   if (ast.title) {
     inner.push(
-      chunk3WNW5Y7P_cjs.text({ x: FAULTTREE_CONST.CANVAS_PAD, y: 22, class: "sx-ft-title", "font-family": fontFamily }, ast.title)
+      chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: 22, class: "sx-ft-title", "font-family": fontFamily, "text-anchor": "middle" }, ast.title)
     );
   }
   for (const box of layout.cutSetBoxes) {
@@ -18252,8 +18294,8 @@ function renderBowtie(text2, config) {
 }
 function renderBowtieLayout(layout, config) {
   const themeName = config?.theme ?? "default";
-  const theme = chunkNZT5P2XZ_cjs.resolveBowtieTheme(themeName);
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const theme = chunkNT6VVMLW_cjs.resolveBowtieTheme(themeName);
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast, topEvent } = layout;
   const mono = themeName === "monochrome";
@@ -18265,22 +18307,22 @@ function renderBowtieLayout(layout, config) {
     {},
     `
 .sx-bowtie-bg { fill: ${theme.bg}; }
-.sx-bowtie-line { fill: none; stroke: ${theme.lineStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-bowtie-line { fill: none; stroke: ${theme.lineStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-bowtie-arrow { fill: ${theme.lineStroke}; stroke: none; }
-.sx-bowtie-escalation-line { fill: none; stroke: ${theme.escalationLineStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin};${mono ? " stroke-dasharray: 4 3;" : ""} }
-.sx-bowtie-hazard { fill: ${theme.hazardFill}; stroke: ${theme.hazardStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-bowtie-topevent { fill: ${theme.topEventFill}; stroke: ${theme.topEventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
-.sx-bowtie-topevent-ring { fill: none; stroke: ${theme.topEventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-bowtie-threat { fill: ${theme.threatFill}; stroke: ${theme.threatStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-bowtie-barrier { fill: ${theme.barrierFill}; stroke: ${theme.barrierStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-bowtie-consequence { fill: ${theme.consequenceFill}; stroke: ${theme.consequenceStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-bowtie-escalation { fill: ${theme.escalationFill}; stroke: ${theme.escalationStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal};${mono ? " stroke-dasharray: 5 3;" : ""} }
-.sx-bowtie-ef-barrier { fill: ${theme.efBarrierFill}; stroke: ${theme.barrierStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-bowtie-label { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; }
-.sx-bowtie-elabel { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
+.sx-bowtie-escalation-line { fill: none; stroke: ${theme.escalationLineStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin};${mono ? " stroke-dasharray: 4 3;" : ""} }
+.sx-bowtie-hazard { fill: ${theme.hazardFill}; stroke: ${theme.hazardStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-bowtie-topevent { fill: ${theme.topEventFill}; stroke: ${theme.topEventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
+.sx-bowtie-topevent-ring { fill: none; stroke: ${theme.topEventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-bowtie-threat { fill: ${theme.threatFill}; stroke: ${theme.threatStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-bowtie-barrier { fill: ${theme.barrierFill}; stroke: ${theme.barrierStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-bowtie-consequence { fill: ${theme.consequenceFill}; stroke: ${theme.consequenceStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-bowtie-escalation { fill: ${theme.escalationFill}; stroke: ${theme.escalationStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal};${mono ? " stroke-dasharray: 5 3;" : ""} }
+.sx-bowtie-ef-barrier { fill: ${theme.efBarrierFill}; stroke: ${theme.barrierStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-bowtie-label { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; }
+.sx-bowtie-elabel { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
 .sx-bowtie-topevent-label { fill: ${theme.labelText}; stroke: none; font-size: 11px; font-weight: 700; }
-.sx-bowtie-title { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
-.sx-bowtie-legend-label { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
+.sx-bowtie-title { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-bowtie-legend-label { fill: ${theme.labelText}; stroke: none; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
 `.trim()
   );
   const children = [
@@ -18291,7 +18333,7 @@ function renderBowtieLayout(layout, config) {
   ];
   const inner = [];
   if (ast.title) {
-    inner.push(chunk3WNW5Y7P_cjs.text({ x: BOWTIE_CONST.PAGE_PAD, y: BOWTIE_CONST.PAGE_PAD + 6, class: "sx-bowtie-title", "font-family": fontFamily }, ast.title));
+    inner.push(chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: BOWTIE_CONST.PAGE_PAD + 6, class: "sx-bowtie-title", "font-family": fontFamily, "text-anchor": "middle" }, ast.title));
   }
   if (layout.hazardTie) {
     inner.push(chunk3WNW5Y7P_cjs.line({ x1: layout.hazardTie.x, y1: layout.hazardTie.y1, x2: layout.hazardTie.x, y2: layout.hazardTie.y2, class: "sx-bowtie-line" }));
@@ -18878,8 +18920,8 @@ function renderEventTree(text2, config) {
   return renderEventTreeLayout(layout, config);
 }
 function renderEventTreeLayout(layout, config) {
-  const theme = chunkNZT5P2XZ_cjs.resolveReliabilityTheme(config?.theme ?? "default");
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const theme = chunkNT6VVMLW_cjs.resolveReliabilityTheme(config?.theme ?? "default");
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast } = layout;
   const width = layout.width + pad * 2;
@@ -18890,22 +18932,22 @@ function renderEventTreeLayout(layout, config) {
     {},
     `
 .sx-et-bg { fill: ${theme.bg}; }
-.sx-et-title { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
-.sx-et-header { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 700; }
-.sx-et-grid { fill: none; stroke: ${theme.edgeStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; stroke-dasharray: 4 4; opacity: 0.5; }
-.sx-et-headrule { fill: none; stroke: ${theme.eventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-et-ie { fill: none; stroke: ${theme.topEventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
-.sx-et-ie-label { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
-.sx-et-ie-freq { fill: ${theme.probText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 600; }
-.sx-et-edge { fill: none; stroke: ${theme.edgeStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-et-title { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-et-header { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 700; }
+.sx-et-grid { fill: none; stroke: ${theme.edgeStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; stroke-dasharray: 4 4; opacity: 0.5; }
+.sx-et-headrule { fill: none; stroke: ${theme.eventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-et-ie { fill: none; stroke: ${theme.topEventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
+.sx-et-ie-label { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
+.sx-et-ie-freq { fill: ${theme.probText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 600; }
+.sx-et-edge { fill: none; stroke: ${theme.edgeStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-et-edge[data-leg="s"] {}
-.sx-et-leg-label { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
-.sx-et-leg-prob { fill: ${theme.probText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
-.sx-et-outcome { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 600; }
-.sx-et-freq { fill: ${theme.probText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 600; }
-.sx-et-seqid { fill: ${theme.eventStroke}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; opacity: 0.7; }
+.sx-et-leg-label { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
+.sx-et-leg-prob { fill: ${theme.probText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
+.sx-et-outcome { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 600; }
+.sx-et-freq { fill: ${theme.probText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 600; }
+.sx-et-seqid { fill: ${theme.eventStroke}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; opacity: 0.7; }
 .sx-et-dot { fill: ${theme.basicStroke}; stroke: none; }
-.sx-et-edge[data-dominant="true"] { stroke: ${theme.cutsetStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
+.sx-et-edge[data-dominant="true"] { stroke: ${theme.cutsetStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
 .sx-et-outcome[data-dominant="true"] { fill: ${theme.spofStroke}; }
 .sx-et-freq[data-dominant="true"] { fill: ${theme.spofStroke}; font-weight: 700; }
 .sx-et-dot[data-dominant="true"] { fill: ${theme.spofStroke}; }
@@ -18919,7 +18961,7 @@ function renderEventTreeLayout(layout, config) {
   ];
   const inner = [];
   if (ast.title) {
-    inner.push(chunk3WNW5Y7P_cjs.text({ x: EVENTTREE_CONST.CANVAS_PAD, y: EVENTTREE_CONST.CANVAS_PAD + 4, class: "sx-et-title", "font-family": fontFamily }, ast.title));
+    inner.push(chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: EVENTTREE_CONST.CANVAS_PAD + 4, class: "sx-et-title", "font-family": fontFamily, "text-anchor": "middle" }, ast.title));
   }
   for (const h of layout.headers) {
     inner.push(
@@ -19982,7 +20024,7 @@ function renderFmea(text2, config) {
 }
 function renderFmeaLayout(layout, config) {
   const p = resolvePalette(config?.theme ?? "default");
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast, analysis } = layout;
   const width = layout.width + pad * 2;
@@ -20113,7 +20155,7 @@ function renderHeaderBlock(layout) {
   const x0 = FMEA_CONST.CANVAS_PAD;
   let y = FMEA_CONST.CANVAS_PAD + 14;
   if (ast.title) {
-    out.push(chunk3WNW5Y7P_cjs.text({ x: x0, y, class: "sx-fmea-title" }, ast.title));
+    out.push(chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y, class: "sx-fmea-title", "text-anchor": "middle" }, ast.title));
     y += FMEA_CONST.TITLE_H - 8;
   }
   const metaEntries = Object.entries(ast.metadata);
@@ -20163,25 +20205,25 @@ function buildCss9(p) {
   const isMono = p === PALETTE_MONO;
   return `
 .sx-fmea-bg { fill: ${p.bg}; }
-.sx-fmea-border { fill: none; stroke: ${p.border}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-fmea-cell { fill: ${p.bg}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-border { fill: none; stroke: ${p.border}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-fmea-cell { fill: ${p.bg}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
 .sx-fmea-cell-alt { fill: ${p.cellAltFill}; }
-.sx-fmea-headcell { fill: ${p.headerFill}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-band { fill: ${p.bandFill}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-band-text { fill: ${p.bandText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 700; letter-spacing: 0.06em; }
-.sx-fmea-headtext { fill: ${p.headerText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
-.sx-fmea-text { fill: ${p.cellText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; }
-.sx-fmea-risk-text { fill: ${p.riskText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 700; }
-.sx-fmea-title { fill: ${p.cellText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
-.sx-fmea-meta { fill: ${p.metaText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; }
-.sx-fmea-legend { fill: ${p.metaText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 600; }
-.sx-fmea-rpn-high { fill: ${p.rpnHigh}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-rpn-mid { fill: ${p.rpnMid}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-rpn-low { fill: ${p.rpnLow}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-ap-high { fill: ${p.apHigh}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-ap-mid { fill: ${p.apMid}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-ap-low { fill: ${p.apLow}; stroke: ${p.grid}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-fmea-flag { fill: none; stroke: ${p.flagStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; ${isMono ? "stroke-dasharray: 4 2;" : ""} }
+.sx-fmea-headcell { fill: ${p.headerFill}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-band { fill: ${p.bandFill}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-band-text { fill: ${p.bandText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 700; letter-spacing: 0.06em; }
+.sx-fmea-headtext { fill: ${p.headerText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
+.sx-fmea-text { fill: ${p.cellText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; }
+.sx-fmea-risk-text { fill: ${p.riskText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 700; }
+.sx-fmea-title { fill: ${p.cellText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-fmea-meta { fill: ${p.metaText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; }
+.sx-fmea-legend { fill: ${p.metaText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 600; }
+.sx-fmea-rpn-high { fill: ${p.rpnHigh}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-rpn-mid { fill: ${p.rpnMid}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-rpn-low { fill: ${p.rpnLow}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-ap-high { fill: ${p.apHigh}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-ap-mid { fill: ${p.apMid}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-ap-low { fill: ${p.apLow}; stroke: ${p.grid}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-fmea-flag { fill: none; stroke: ${p.flagStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; ${isMono ? "stroke-dasharray: 4 2;" : ""} }
 `.trim();
 }
 
@@ -20862,7 +20904,7 @@ function renderCausalLoop(text2, config) {
 }
 function renderCausalLoopLayout(layout, config) {
   const theme = resolveTokens(config?.theme ?? "default");
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast } = layout;
   const width = layout.width + pad * 2;
@@ -20873,17 +20915,17 @@ function renderCausalLoopLayout(layout, config) {
     {},
     `
 .sx-cld-bg { fill: ${theme.bg}; }
-.sx-cld-link { fill: none; stroke: ${theme.ink}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-cld-link { fill: none; stroke: ${theme.ink}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-cld-arrow { fill: ${theme.ink}; stroke: none; }
-.sx-cld-var { fill: ${theme.ink}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label + 1}px; font-weight: 600; }
-.sx-cld-polarity { fill: ${theme.ink}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label + 2}px; font-weight: 700; }
-.sx-cld-link-label { fill: ${theme.ink}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
-.sx-cld-delay { stroke: ${theme.delay}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-cld-glyph { fill: none; stroke: ${theme.accent}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-cld-var { fill: ${theme.ink}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label + 1}px; font-weight: 600; }
+.sx-cld-polarity { fill: ${theme.ink}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label + 2}px; font-weight: 700; }
+.sx-cld-link-label { fill: ${theme.ink}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
+.sx-cld-delay { stroke: ${theme.delay}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-cld-glyph { fill: none; stroke: ${theme.accent}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-cld-glyph-head { fill: ${theme.accent}; stroke: none; }
-.sx-cld-glyph-label { fill: ${theme.accent}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 700; }
-.sx-cld-glyph-phrase { fill: ${theme.accent}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-style: italic; }
-.sx-cld-title { fill: ${theme.ink}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-cld-glyph-label { fill: ${theme.accent}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 700; }
+.sx-cld-glyph-phrase { fill: ${theme.accent}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-style: italic; }
+.sx-cld-title { fill: ${theme.ink}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
 `.trim()
   );
   const children = [
@@ -20896,7 +20938,7 @@ function renderCausalLoopLayout(layout, config) {
   if (ast.title) {
     inner.push(
       chunk3WNW5Y7P_cjs.text(
-        { x: CAUSALLOOP_CONST.CANVAS_PAD, y: 20, class: "sx-cld-title", "font-family": fontFamily },
+        { x: layout.width / 2, y: 20, class: "sx-cld-title", "font-family": fontFamily, "text-anchor": "middle" },
         ast.title
       )
     );
@@ -21861,7 +21903,7 @@ function selfLoopGeom(tr, c, ringCenter, layout, C2) {
 
 // src/diagrams/markov/renderer.ts
 function palette(name) {
-  const b = chunkNZT5P2XZ_cjs.resolveBaseTheme(name);
+  const b = chunkNT6VVMLW_cjs.resolveBaseTheme(name);
   const mono = name === "monochrome";
   return {
     stateFill: b.fillMuted,
@@ -22717,13 +22759,13 @@ function renderGitGraph(text2, config) {
 }
 function renderGitGraphLayout(layout, config) {
   const pal = resolvePalette2(config?.theme);
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast } = layout;
   const width = layout.width + pad * 2;
   const height = layout.height + pad * 2;
   const a11y = ast.title ?? "Git commit graph";
-  const styleBlock = buildStyle(pal, ast.showBranches);
+  const styleBlock = buildStyle2(pal, ast.showBranches);
   const children = [
     chunk3WNW5Y7P_cjs.title(a11y),
     chunk3WNW5Y7P_cjs.desc(summarise6(layout)),
@@ -22939,11 +22981,11 @@ function renderCommitLabel(id, x, y, rotate, fontFamily) {
     id
   );
 }
-function buildStyle(pal, showBranches) {
+function buildStyle2(pal, showBranches) {
   const laneStyle = showBranches ? `
-.sx-gg-lane { stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; stroke-linecap: round; opacity: 0.9; }
+.sx-gg-lane { stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; stroke-linecap: round; opacity: 0.9; }
 .sx-gg-pill { stroke: none; }
-.sx-gg-pill-text { font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 700; }` : "";
+.sx-gg-pill-text { font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 700; }` : "";
   const laneRules = pal.lanes.map((col, i) => {
     const ink = pal.laneInk[i] ?? "#ffffff";
     return [
@@ -22958,17 +23000,17 @@ function buildStyle(pal, showBranches) {
     {},
     `
 .sx-gg-bg { fill: ${pal.bg}; }${laneStyle}
-.sx-gg-edge { fill: none; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-gg-edge { fill: none; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-gg-edge-merge { stroke-dasharray: none; }
-.sx-gg-node { stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-gg-node { stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-gg-dot { stroke: none; }
-.sx-gg-merge { fill: ${pal.mergeCenter}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
-.sx-gg-highlight { fill: none; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
-.sx-gg-reverse-mark { stroke: ${pal.mergeCenter}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; stroke-linecap: round; }
-.sx-gg-cherry { fill: none; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-gg-id { fill: ${pal.labelInk}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 600; }
-.sx-gg-tag { fill: ${pal.tagFill}; stroke: ${pal.tagStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-gg-tag-text { fill: ${pal.tagInk}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 700; }
+.sx-gg-merge { fill: ${pal.mergeCenter}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
+.sx-gg-highlight { fill: none; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
+.sx-gg-reverse-mark { stroke: ${pal.mergeCenter}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; stroke-linecap: round; }
+.sx-gg-cherry { fill: none; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-gg-id { fill: ${pal.labelInk}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 600; }
+.sx-gg-tag { fill: ${pal.tagFill}; stroke: ${pal.tagStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-gg-tag-text { fill: ${pal.tagInk}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 700; }
 ${laneRules}
 `.trim()
   );
@@ -23561,7 +23603,8 @@ function layoutEpc(ast) {
     const shift = (maxCrossExtent - rankWidths[r6]) / 2 + EPC_CONST.CANVAS_PAD;
     for (const id of ranks[r6]) crossPos.set(id, crossPos.get(id) + shift);
   }
-  const crossExtent = maxCrossExtent + EPC_CONST.CANVAS_PAD * 2 + EPC_CONST.BACK_MARGIN;
+  const backMargin = backSet.size > 0 ? EPC_CONST.BACK_MARGIN : 0;
+  const crossExtent = maxCrossExtent + EPC_CONST.CANVAS_PAD * 2 + backMargin;
   const flaggedIds = /* @__PURE__ */ new Set();
   for (const v of analysis.violations) {
     if (v.severity === "error") for (const id of v.nodes) flaggedIds.add(id);
@@ -23727,7 +23770,7 @@ function borderPoint(from, to, _isLR) {
 
 // src/diagrams/epc/renderer.ts
 function epcPalette(themeName) {
-  const base = chunkNZT5P2XZ_cjs.resolveBaseTheme(themeName);
+  const base = chunkNT6VVMLW_cjs.resolveBaseTheme(themeName);
   if (themeName === "monochrome") {
     return {
       eventFill: "#ffffff",
@@ -23786,7 +23829,7 @@ function renderEpc(text2, config) {
 function renderEpcLayout(layout, config) {
   const themeName = config?.theme ?? "default";
   const pal = epcPalette(themeName);
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast } = layout;
   const width = layout.width + pad * 2;
@@ -23796,22 +23839,22 @@ function renderEpcLayout(layout, config) {
     "style",
     {},
     `
-.sx-epc-bg { fill: ${chunkNZT5P2XZ_cjs.resolveBaseTheme(themeName).bg}; }
-.sx-epc-event { fill: ${pal.eventFill}; stroke: ${pal.eventStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; stroke-linejoin: round; }
-.sx-epc-func { fill: ${pal.funcFill}; stroke: ${pal.funcStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-epc-conn { fill: ${pal.connFill}; stroke: ${pal.connStroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-epc-bg { fill: ${chunkNT6VVMLW_cjs.resolveBaseTheme(themeName).bg}; }
+.sx-epc-event { fill: ${pal.eventFill}; stroke: ${pal.eventStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; stroke-linejoin: round; }
+.sx-epc-func { fill: ${pal.funcFill}; stroke: ${pal.funcStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-epc-conn { fill: ${pal.connFill}; stroke: ${pal.connStroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-epc-node[data-flagged="true"] .sx-epc-event,
 .sx-epc-node[data-flagged="true"] .sx-epc-func,
-.sx-epc-node[data-flagged="true"] .sx-epc-conn { stroke: ${pal.flag}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
-.sx-epc-flagring { fill: none; stroke: ${pal.flag}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; stroke-dasharray: 4 3; }
-.sx-epc-label { fill: ${pal.labelText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 600; }
+.sx-epc-node[data-flagged="true"] .sx-epc-conn { stroke: ${pal.flag}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
+.sx-epc-flagring { fill: none; stroke: ${pal.flag}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; stroke-dasharray: 4 3; }
+.sx-epc-label { fill: ${pal.labelText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 600; }
 .sx-epc-glyph { fill: ${pal.connGlyph}; font-size: 17px; font-weight: 700; }
-.sx-epc-edge { fill: none; stroke: ${pal.edge}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-epc-edge { fill: none; stroke: ${pal.edge}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-epc-edge[data-back="true"] { stroke: ${pal.backEdge}; stroke-dasharray: 5 4; }
 .sx-epc-arrow { fill: ${pal.edge}; stroke: none; }
 .sx-epc-arrow-back { fill: ${pal.backEdge}; stroke: none; }
-.sx-epc-edge-label { fill: ${pal.edgeLabel}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
-.sx-epc-title { fill: ${pal.labelText}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-epc-edge-label { fill: ${pal.edgeLabel}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
+.sx-epc-title { fill: ${pal.labelText}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
 `.trim()
   );
   const children = [
@@ -23842,7 +23885,7 @@ function renderEpcLayout(layout, config) {
   ];
   const inner = [];
   if (ast.title) {
-    inner.push(chunk3WNW5Y7P_cjs.text({ x: EPC_CONST.CANVAS_PAD, y: 22, class: "sx-epc-title", "font-family": fontFamily }, ast.title));
+    inner.push(chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: 22, class: "sx-epc-title", "font-family": fontFamily, "text-anchor": "middle" }, ast.title));
   }
   for (const e of layout.edges) inner.push(renderEdge6(e));
   for (const n of layout.nodes) inner.push(renderNode3(n));
@@ -24541,8 +24584,8 @@ function renderIdef0(text2, config) {
   return renderIdef0Layout(layout, config);
 }
 function renderIdef0Layout(layout, config) {
-  const theme = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const theme = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const { ast } = layout;
   const width = layout.width + pad * 2;
@@ -24553,22 +24596,22 @@ function renderIdef0Layout(layout, config) {
     {},
     `
 .sx-idef0-bg { fill: ${theme.bg}; }
-.sx-idef0-frame { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-idef0-box { fill: ${theme.fillMuted}; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-idef0-box-name { fill: ${theme.text}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 600; }
-.sx-idef0-box-num { fill: ${theme.textMuted}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
-.sx-idef0-arrow { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-idef0-frame { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-idef0-box { fill: ${theme.fillMuted}; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-idef0-box-name { fill: ${theme.text}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 600; }
+.sx-idef0-box-num { fill: ${theme.textMuted}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; font-weight: 700; }
+.sx-idef0-arrow { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-idef0-arrow[data-margin="true"] { stroke: ${theme.accent}; }
 .sx-idef0-arrow[data-tunneled="true"] { stroke-dasharray: 5 3; }
 .sx-idef0-head { fill: ${theme.stroke}; }
 .sx-idef0-arrow[data-margin="true"] + .sx-idef0-head, .sx-idef0-head[data-margin="true"] { fill: ${theme.accent}; }
-.sx-idef0-label { fill: ${theme.text}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; }
-.sx-idef0-icom { fill: ${theme.textMuted}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 700; }
-.sx-idef0-title { fill: ${theme.text}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
-.sx-idef0-meta { fill: ${theme.textMuted}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; }
-.sx-idef0-tb { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thin}; }
-.sx-idef0-tb-text { fill: ${theme.text}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small + 1}px; }
-.sx-idef0-tb-key { fill: ${theme.textMuted}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 700; }
+.sx-idef0-label { fill: ${theme.text}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; }
+.sx-idef0-icom { fill: ${theme.textMuted}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 700; }
+.sx-idef0-title { fill: ${theme.text}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-idef0-meta { fill: ${theme.textMuted}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; }
+.sx-idef0-tb { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thin}; }
+.sx-idef0-tb-text { fill: ${theme.text}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small + 1}px; }
+.sx-idef0-tb-key { fill: ${theme.textMuted}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 700; }
 `.trim()
   );
   const children = [
@@ -24580,7 +24623,7 @@ function renderIdef0Layout(layout, config) {
   const inner = [];
   if (ast.title) {
     inner.push(
-      chunk3WNW5Y7P_cjs.text({ x: IDEF0_CONST.MARGIN, y: 24, class: "sx-idef0-title", "font-family": fontFamily }, ast.title)
+      chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: 24, class: "sx-idef0-title", "font-family": fontFamily, "text-anchor": "middle" }, ast.title)
     );
   }
   for (const a of layout.arrows) {
@@ -25354,8 +25397,8 @@ function renderThreatModel(text2, config) {
   return renderThreatModelLayout(layout, config);
 }
 function renderThreatModelLayout(layout, config) {
-  const theme = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
-  const fontFamily = config?.fontFamily ?? chunkNZT5P2XZ_cjs.DEFAULT_FONT_FAMILY;
+  const theme = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const fontFamily = config?.fontFamily ?? chunkNT6VVMLW_cjs.DEFAULT_FONT_FAMILY;
   const pad = config?.padding ?? 0;
   const width = layout.width + pad * 2;
   const height = layout.height + pad * 2;
@@ -25366,24 +25409,24 @@ function renderThreatModelLayout(layout, config) {
     {},
     `
 .sx-tm-bg { fill: ${theme.bg}; }
-.sx-tm-title { fill: ${theme.text}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.title}px; font-weight: 700; }
-.sx-tm-external { fill: ${theme.fillMuted}; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-tm-process { fill: ${theme.fill}; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-tm-store-line { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
+.sx-tm-title { fill: ${theme.text}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.title}px; font-weight: 700; }
+.sx-tm-external { fill: ${theme.fillMuted}; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-tm-process { fill: ${theme.fill}; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-tm-store-line { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
 .sx-tm-store-bg { fill: ${theme.bg}; stroke: none; }
-.sx-tm-label { fill: ${theme.text}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.label}px; font-weight: 600; }
-.sx-tm-flow { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; }
-.sx-tm-flow[data-crossing="true"] { stroke: ${danger}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.thick}; }
+.sx-tm-label { fill: ${theme.text}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.label}px; font-weight: 600; }
+.sx-tm-flow { fill: none; stroke: ${theme.stroke}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; }
+.sx-tm-flow[data-crossing="true"] { stroke: ${danger}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.thick}; }
 .sx-tm-arrow { fill: ${theme.stroke}; stroke: none; }
 .sx-tm-arrow[data-crossing="true"] { fill: ${danger}; }
-.sx-tm-flow-label { fill: ${theme.text}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; }
+.sx-tm-flow-label { fill: ${theme.text}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; }
 .sx-tm-flow-label[data-crossing="true"] { fill: ${danger}; font-weight: 700; }
 .sx-tm-flow-halo { fill: ${theme.bg}; stroke: none; }
-.sx-tm-boundary { fill: none; stroke: ${danger}; stroke-width: ${chunkNZT5P2XZ_cjs.STROKE_WIDTH.normal}; stroke-dasharray: 6 4; }
-.sx-tm-boundary-label { fill: ${danger}; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 700; }
+.sx-tm-boundary { fill: none; stroke: ${danger}; stroke-width: ${chunkNT6VVMLW_cjs.STROKE_WIDTH.normal}; stroke-dasharray: 6 4; }
+.sx-tm-boundary-label { fill: ${danger}; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 700; }
 .sx-tm-badge { fill: ${theme.accent}; }
 .sx-tm-badge[data-cond-r="true"] { fill: ${danger}; }
-.sx-tm-badge-text { fill: #ffffff; font-size: ${chunkNZT5P2XZ_cjs.FONT_SIZE.small}px; font-weight: 700; }
+.sx-tm-badge-text { fill: #ffffff; font-size: ${chunkNT6VVMLW_cjs.FONT_SIZE.small}px; font-weight: 700; }
 `.trim()
   );
   const markerDefs = chunk3WNW5Y7P_cjs.defs([
@@ -25401,7 +25444,7 @@ function renderThreatModelLayout(layout, config) {
   if (layout.ast.title) {
     inner.push(
       chunk3WNW5Y7P_cjs.text(
-        { x: TM_CONST.PAD, y: 24, class: "sx-tm-title", "font-family": fontFamily },
+        { x: layout.width / 2, y: 24, class: "sx-tm-title", "font-family": fontFamily, "text-anchor": "middle" },
         layout.ast.title
       )
     );
@@ -27260,7 +27303,7 @@ function renderNode5(n, color, theme, fontFamily, orderClass) {
   );
 }
 function renderMindmapAST(ast, themeName = "default", fontFamily = "system-ui, -apple-system, sans-serif") {
-  const theme = chunkNZT5P2XZ_cjs.resolveMindmapTheme(ast.themeOverride ?? themeName);
+  const theme = chunkNT6VVMLW_cjs.resolveMindmapTheme(ast.themeOverride ?? themeName);
   const mode = modeOf(ast);
   const isWheel = mode === "futureswheel";
   const layout = layoutMindmap(ast);
@@ -28319,7 +28362,8 @@ function layoutSipoc(ast) {
 var QFD_CELL = 46;
 var QFD_WHAT_LABEL_W = 190;
 var QFD_WEIGHT_W = 46;
-var QFD_HOW_LABEL_H = 130;
+var QFD_HOW_FONT = 11.5;
+var QFD_HOW_ANGLE_SIN = Math.sin(60 * Math.PI / 180);
 var QFD_FOOTER_H = 64;
 var QFD_PAD = 24;
 function layoutQfd(ast) {
@@ -28331,7 +28375,11 @@ function layoutQfd(ast) {
   const roofH = Math.ceil(cellW / 2 * cols) + 8;
   const whatLabelW = QFD_WHAT_LABEL_W;
   const weightW = QFD_WEIGHT_W;
-  const howLabelH = QFD_HOW_LABEL_H;
+  const maxHowW = Math.max(
+    0,
+    ...(ast.qfd?.hows ?? []).map((h) => chunkV3JTVTPY_cjs.estimateTextWidth(h.label, QFD_HOW_FONT))
+  );
+  const howLabelH = Math.max(48, Math.min(220, Math.ceil(maxHowW * QFD_HOW_ANGLE_SIN) + 26));
   const footerH = QFD_FOOTER_H;
   const gridX0 = QFD_PAD + whatLabelW + weightW;
   const gridY0 = QFD_PAD + titleH + roofH + howLabelH;
@@ -28468,76 +28516,78 @@ var HEAT_RAMP = [
   "#ef4444",
   "#b91c1c"
 ];
-var CSS2 = `
+function buildMatrixCss(t) {
+  return `
 .sx-matrix { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
-.sx-matrix-title { font: 600 16px sans-serif; fill: #111; }
-.sx-matrix-grid { stroke: #e5e7eb; stroke-width: 1; fill: none; }
-.sx-matrix-mid { stroke: #9ca3af; stroke-width: 1.2; stroke-dasharray: 4 3; fill: none; }
-.sx-matrix-plot-border { stroke: #374151; stroke-width: 1.2; fill: none; }
-.sx-matrix-axis-label { font: 500 12px sans-serif; fill: #374151; }
-.sx-matrix-axis-end { font: 500 11px sans-serif; fill: #6b7280; }
-.sx-matrix-quad-annot { font: 600 13px sans-serif; fill: #475569; opacity: 0.75; }
-.sx-matrix-quad-desc { font: 400 10.5px sans-serif; fill: #64748b; opacity: 0.85; }
-.sx-matrix-corr-header { font: 600 11.5px sans-serif; fill: #1f2937; text-anchor: middle; }
-.sx-matrix-corr-rowlabel { font: 500 11.5px sans-serif; fill: #1f2937; text-anchor: end; dominant-baseline: central; }
-.sx-matrix-corr-margin { font: 500 11px sans-serif; fill: #374151; text-anchor: middle; dominant-baseline: central; }
-.sx-matrix-corr-margin-best { font: 700 11.5px sans-serif; fill: #111; text-anchor: middle; dominant-baseline: central; }
-.sx-matrix-corr-grid { stroke: #d1d5db; stroke-width: 0.8; fill: none; }
-.sx-matrix-corr-rowbg-a { fill: #f0fdf4; }
-.sx-matrix-corr-rowbg-b { fill: #fff; }
-.sx-matrix-cell-label { font: 500 12px sans-serif; fill: #1f2937; text-anchor: middle; }
-.sx-matrix-cell-title { font: 600 13px sans-serif; fill: #111827; }
-.sx-matrix-cell-subtitle { font: 400 11px sans-serif; fill: #6b7280; }
-.sx-matrix-cell-item { font: 500 12px sans-serif; fill: #1f2937; }
-.sx-matrix-cell-value { font: 600 18px sans-serif; fill: #111; text-anchor: middle; }
+.sx-matrix-title { font: 700 16px sans-serif; fill: ${t.inkStrong}; }
+.sx-matrix-grid { stroke: ${t.gridFaint}; stroke-width: 1; fill: none; }
+.sx-matrix-mid { stroke: ${t.gridStrong}; stroke-width: 1.2; stroke-dasharray: 4 3; fill: none; }
+.sx-matrix-plot-border { stroke: ${t.inkMuted}; stroke-width: 1.2; fill: none; }
+.sx-matrix-axis-label { font: 500 12px sans-serif; fill: ${t.inkMuted}; }
+.sx-matrix-axis-end { font: 500 11px sans-serif; fill: ${t.inkFaint}; }
+.sx-matrix-quad-annot { font: 600 13px sans-serif; fill: ${t.inkMuted}; opacity: 0.75; }
+.sx-matrix-quad-desc { font: 400 10.5px sans-serif; fill: ${t.inkFaint}; opacity: 0.85; }
+.sx-matrix-corr-header { font: 600 11.5px sans-serif; fill: ${t.ink}; text-anchor: middle; }
+.sx-matrix-corr-rowlabel { font: 500 11.5px sans-serif; fill: ${t.ink}; text-anchor: end; dominant-baseline: central; }
+.sx-matrix-corr-margin { font: 500 11px sans-serif; fill: ${t.inkMuted}; text-anchor: middle; dominant-baseline: central; }
+.sx-matrix-corr-margin-best { font: 700 11.5px sans-serif; fill: ${t.inkStrong}; text-anchor: middle; dominant-baseline: central; }
+.sx-matrix-corr-grid { stroke: ${t.grid}; stroke-width: 0.8; fill: none; }
+.sx-matrix-corr-rowbg-a { fill: ${t.surfaceTint}; }
+.sx-matrix-corr-rowbg-b { fill: ${t.surface}; }
+.sx-matrix-cell-label { font: 500 12px sans-serif; fill: ${t.ink}; text-anchor: middle; }
+.sx-matrix-cell-title { font: 600 13px sans-serif; fill: ${t.inkStrong}; }
+.sx-matrix-cell-subtitle { font: 400 11px sans-serif; fill: ${t.inkFaint}; }
+.sx-matrix-cell-item { font: 500 12px sans-serif; fill: ${t.ink}; }
+.sx-matrix-cell-value { font: 600 18px sans-serif; fill: ${t.inkStrong}; text-anchor: middle; }
 .sx-matrix-bubble { stroke-width: 1.5; }
-.sx-matrix-label { font: 500 11px sans-serif; fill: #111827; text-anchor: middle; dominant-baseline: central; pointer-events: none; }
-.sx-matrix-leader { stroke: #94a3b8; stroke-width: 0.6; opacity: 0.7; fill: none; }
-.sx-matrix-legend-text { font: 500 11px sans-serif; fill: #374151; }
-.sx-matrix-offchart { fill: #ea580c; }
-.sx-sipoc-header { font: 700 13px sans-serif; fill: #fff; text-anchor: middle; dominant-baseline: central; }
-.sx-sipoc-headbox { stroke: #fff; stroke-width: 1; }
-.sx-sipoc-cell { fill: #fff; stroke: #cbd5e1; stroke-width: 1; }
-.sx-sipoc-cell-alt { fill: #f8fafc; stroke: #cbd5e1; stroke-width: 1; }
-.sx-sipoc-process { fill: #eff6ff; stroke: #cbd5e1; stroke-width: 1; }
-.sx-sipoc-item { font: 500 12px sans-serif; fill: #1f2937; text-anchor: middle; dominant-baseline: central; }
-.sx-sipoc-step { font: 600 12px sans-serif; fill: #1e3a8a; text-anchor: middle; dominant-baseline: central; }
-.sx-qfd-grid { stroke: #cbd5e1; stroke-width: 1; fill: none; }
-.sx-qfd-cellbg { fill: #fff; }
-.sx-qfd-cellbg-alt { fill: #f8fafc; }
-.sx-qfd-what { font: 500 12px sans-serif; fill: #1f2937; text-anchor: end; dominant-baseline: central; }
-.sx-qfd-how { font: 500 11.5px sans-serif; fill: #1f2937; }
-.sx-qfd-weight { font: 600 12px sans-serif; fill: #111; text-anchor: middle; dominant-baseline: central; }
-.sx-qfd-weight-head { font: 600 10px sans-serif; fill: #475569; text-anchor: middle; dominant-baseline: central; }
-.sx-qfd-rel-strong { fill: #2563eb; }
-.sx-qfd-rel-medium { fill: #93c5fd; stroke: #2563eb; stroke-width: 1.4; }
-.sx-qfd-rel-weak { fill: none; stroke: #2563eb; stroke-width: 1.4; }
-.sx-qfd-roof-cell { fill: #f8fafc; stroke: #94a3b8; stroke-width: 0.8; }
-.sx-qfd-roof-cell-filled { fill: #eef2ff; stroke: #64748b; stroke-width: 0.9; }
+.sx-matrix-label { font: 500 11px sans-serif; fill: ${t.inkStrong}; text-anchor: middle; dominant-baseline: central; pointer-events: none; }
+.sx-matrix-leader { stroke: ${t.gridStrong}; stroke-width: 0.6; opacity: 0.7; fill: none; }
+.sx-matrix-legend-text { font: 500 11px sans-serif; fill: ${t.inkMuted}; }
+.sx-matrix-offchart { fill: ${t.warnDeep}; }
+.sx-sipoc-header { font: 700 13px sans-serif; fill: ${t.onHeader}; text-anchor: middle; dominant-baseline: central; }
+.sx-sipoc-headbox { stroke: ${t.surface}; stroke-width: 1; }
+.sx-sipoc-cell { fill: ${t.surface}; stroke: ${t.gridMid}; stroke-width: 1; }
+.sx-sipoc-cell-alt { fill: ${t.surfaceAlt}; stroke: ${t.gridMid}; stroke-width: 1; }
+.sx-sipoc-process { fill: ${t.accentTint}; stroke: ${t.gridMid}; stroke-width: 1; }
+.sx-sipoc-item { font: 500 12px sans-serif; fill: ${t.ink}; text-anchor: middle; dominant-baseline: central; }
+.sx-sipoc-step { font: 600 12px sans-serif; fill: ${t.accentDeep}; text-anchor: middle; dominant-baseline: central; }
+.sx-qfd-grid { stroke: ${t.gridMid}; stroke-width: 1; fill: none; }
+.sx-qfd-cellbg { fill: ${t.surface}; }
+.sx-qfd-cellbg-alt { fill: ${t.surfaceAlt}; }
+.sx-qfd-what { font: 500 12px sans-serif; fill: ${t.ink}; text-anchor: end; dominant-baseline: central; }
+.sx-qfd-how { font: 500 11.5px sans-serif; fill: ${t.ink}; }
+.sx-qfd-weight { font: 600 12px sans-serif; fill: ${t.inkStrong}; text-anchor: middle; dominant-baseline: central; }
+.sx-qfd-weight-head { font: 600 10px sans-serif; fill: ${t.inkMuted}; text-anchor: middle; dominant-baseline: central; }
+.sx-qfd-rel-strong { fill: ${t.accent}; }
+.sx-qfd-rel-medium { fill: ${t.accentSoft}; stroke: ${t.accent}; stroke-width: 1.4; }
+.sx-qfd-rel-weak { fill: none; stroke: ${t.accent}; stroke-width: 1.4; }
+.sx-qfd-roof-cell { fill: ${t.surfaceAlt}; stroke: ${t.gridStrong}; stroke-width: 0.8; }
+.sx-qfd-roof-cell-filled { fill: ${t.roofFilled}; stroke: ${t.inkFaint}; stroke-width: 0.9; }
 .sx-qfd-corr { font: 700 13px sans-serif; text-anchor: middle; dominant-baseline: central; }
-.sx-qfd-corr-strong-pos { fill: #15803d; }
-.sx-qfd-corr-pos { fill: #16a34a; }
-.sx-qfd-corr-neg { fill: #dc2626; }
-.sx-qfd-corr-strong-neg { fill: #b91c1c; }
-.sx-qfd-imp-band { fill: #eff6ff; stroke: #cbd5e1; stroke-width: 1; }
-.sx-qfd-imp-head { font: 600 11px sans-serif; fill: #1e3a8a; text-anchor: end; dominant-baseline: central; }
-.sx-qfd-imp-value { font: 700 13px sans-serif; fill: #1e3a8a; text-anchor: middle; dominant-baseline: central; }
-.sx-qfd-imp-value-top { font: 800 14px sans-serif; fill: #dc2626; text-anchor: middle; dominant-baseline: central; }
-.sx-qfd-dir { font: 700 13px sans-serif; fill: #475569; text-anchor: middle; dominant-baseline: central; }
-.sx-punnett-corner { fill: #f1f5f9; stroke: #94a3b8; stroke-width: 1; }
-.sx-punnett-cornerline { stroke: #cbd5e1; stroke-width: 1; }
-.sx-punnett-corner-p1 { font: 600 11px sans-serif; fill: #1e3a8a; dominant-baseline: hanging; }
-.sx-punnett-corner-p2 { font: 600 11px sans-serif; fill: #1e3a8a; }
-.sx-punnett-header { fill: #e2e8f0; stroke: #94a3b8; stroke-width: 1; }
-.sx-punnett-gamete { font: 700 14px ui-monospace, "SF Mono", Menlo, monospace; fill: #0f172a; text-anchor: middle; dominant-baseline: central; }
-.sx-punnett-cell { stroke: #94a3b8; stroke-width: 1; }
-.sx-punnett-genotype { font: 700 15px ui-monospace, "SF Mono", Menlo, monospace; fill: #0f172a; text-anchor: middle; dominant-baseline: central; }
-.sx-punnett-footer-head { font: 700 13px sans-serif; fill: #111; }
-.sx-punnett-legend { font: 500 12.5px sans-serif; fill: #1f2937; dominant-baseline: central; }
-.sx-punnett-geno-ratio { font: 500 12px sans-serif; fill: #475569; }
-.sx-punnett-hint { font: 500 13px sans-serif; fill: #64748b; text-anchor: middle; }
+.sx-qfd-corr-strong-pos { fill: ${t.positiveDeep}; }
+.sx-qfd-corr-pos { fill: ${t.positive}; }
+.sx-qfd-corr-neg { fill: ${t.negative}; }
+.sx-qfd-corr-strong-neg { fill: ${t.negativeDeep}; }
+.sx-qfd-imp-band { fill: ${t.accentTint}; stroke: ${t.gridMid}; stroke-width: 1; }
+.sx-qfd-imp-head { font: 600 11px sans-serif; fill: ${t.accentDeep}; text-anchor: end; dominant-baseline: central; }
+.sx-qfd-imp-value { font: 700 13px sans-serif; fill: ${t.accentDeep}; text-anchor: middle; dominant-baseline: central; }
+.sx-qfd-imp-value-top { font: 800 14px sans-serif; fill: ${t.negative}; text-anchor: middle; dominant-baseline: central; }
+.sx-qfd-dir { font: 700 13px sans-serif; fill: ${t.inkMuted}; text-anchor: middle; dominant-baseline: central; }
+.sx-punnett-corner { fill: ${t.cornerFill}; stroke: ${t.gridStrong}; stroke-width: 1; }
+.sx-punnett-cornerline { stroke: ${t.gridMid}; stroke-width: 1; }
+.sx-punnett-corner-p1 { font: 600 11px sans-serif; fill: ${t.accentDeep}; dominant-baseline: hanging; }
+.sx-punnett-corner-p2 { font: 600 11px sans-serif; fill: ${t.accentDeep}; }
+.sx-punnett-header { fill: ${t.headerFill}; stroke: ${t.gridStrong}; stroke-width: 1; }
+.sx-punnett-gamete { font: 700 14px ui-monospace, "SF Mono", Menlo, monospace; fill: ${t.inkStrong}; text-anchor: middle; dominant-baseline: central; }
+.sx-punnett-cell { stroke: ${t.gridStrong}; stroke-width: 1; }
+.sx-punnett-genotype { font: 700 15px ui-monospace, "SF Mono", Menlo, monospace; fill: ${t.inkStrong}; text-anchor: middle; dominant-baseline: central; }
+.sx-punnett-footer-head { font: 700 13px sans-serif; fill: ${t.inkStrong}; }
+.sx-punnett-legend { font: 500 12.5px sans-serif; fill: ${t.ink}; dominant-baseline: central; }
+.sx-punnett-geno-ratio { font: 500 12px sans-serif; fill: ${t.inkMuted}; }
+.sx-punnett-hint { font: 500 13px sans-serif; fill: ${t.inkFaint}; text-anchor: middle; }
 `.trim();
-function axisArrow() {
+}
+function axisArrow(t) {
   return chunk3WNW5Y7P_cjs.el(
     "marker",
     {
@@ -28549,7 +28599,7 @@ function axisArrow() {
       markerHeight: 8,
       orient: "auto-start-reverse"
     },
-    [chunk3WNW5Y7P_cjs.el("path", { d: "M0,0 L10,5 L0,10 z", fill: "#374151" })]
+    [chunk3WNW5Y7P_cjs.el("path", { d: "M0,0 L10,5 L0,10 z", fill: t.border })]
   );
 }
 function bubbleFill(p, categories) {
@@ -29336,7 +29386,8 @@ function wrapToLines(textStr, maxChars, maxLines) {
   kept[maxLines - 1] = kept[maxLines - 1].replace(/\s+\S*$/, "") + "\u2026";
   return kept;
 }
-function renderSipocAST(ast) {
+function renderSipocAST(ast, config) {
+  const t = chunkNT6VVMLW_cjs.resolveMatrixTheme(config?.theme ?? "default");
   const sipoc = ast.sipoc ?? { suppliers: [], inputs: [], process: [], outputs: [], customers: [] };
   const lay = layoutSipoc(ast);
   const nodes = [];
@@ -29418,7 +29469,7 @@ function renderSipocAST(ast) {
       chunk3WNW5Y7P_cjs.desc(
         `SIPOC scoping table \u2014 ${sipoc.suppliers.length} supplier(s), ${sipoc.inputs.length} input(s), ${sipoc.process.length} process step(s), ${sipoc.outputs.length} output(s), ${sipoc.customers.length} customer(s)`
       ),
-      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, CSS2)]),
+      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, buildMatrixCss(t))]),
       ...nodes
     ]
   );
@@ -29457,7 +29508,8 @@ function renderQfdRelationshipSymbol(strength, cx, cy, r6) {
     class: "sx-qfd-rel-weak"
   });
 }
-function renderQfdAST(ast) {
+function renderQfdAST(ast, config) {
+  const t = chunkNT6VVMLW_cjs.resolveMatrixTheme(config?.theme ?? "default");
   const qfd = ast.qfd ?? { whats: [], hows: [], relationships: [], roof: [], normalize: false };
   const lay = layoutQfd(ast);
   const importance = computeQfdImportance(qfd);
@@ -29647,7 +29699,7 @@ function renderQfdAST(ast) {
       chunk3WNW5Y7P_cjs.desc(
         `QFD House of Quality \u2014 ${qfd.whats.length} customer requirement(s), ${qfd.hows.length} engineering characteristic(s), ${qfd.relationships.length} relationship(s); technical importance computed per column`
       ),
-      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, CSS2)]),
+      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, buildMatrixCss(t))]),
       ...nodes
     ]
   );
@@ -29661,7 +29713,8 @@ function genotypeText(parent, genes) {
     return a === dom ? a + b : b === dom ? b + a : a + b;
   }).join("");
 }
-function renderPunnettAST(ast) {
+function renderPunnettAST(ast, config) {
+  const t = chunkNT6VVMLW_cjs.resolveMatrixTheme(config?.theme ?? "default");
   const pd = ast.punnett;
   const lay = layoutPunnett(ast);
   const svgWrap = (body, descText2) => chunk3WNW5Y7P_cjs.svgRoot(
@@ -29677,7 +29730,7 @@ function renderPunnettAST(ast) {
     [
       chunk3WNW5Y7P_cjs.title(ast.title ? `Punnett square \u2014 ${chunk3WNW5Y7P_cjs.escapeXml(ast.title)}` : "Punnett square"),
       chunk3WNW5Y7P_cjs.desc(descText2),
-      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, CSS2)]),
+      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, buildMatrixCss(t))]),
       ...body
     ]
   );
@@ -29772,10 +29825,11 @@ function renderPunnettAST(ast) {
   const descText = `Punnett square \u2014 ${pd.genes.length === 1 ? "monohybrid" : pd.genes.length === 2 ? "dihybrid" : `${pd.genes.length}-gene`} cross ${genotypeText(pd.parent1, pd.genes)} \xD7 ${genotypeText(pd.parent2, pd.genes)}; phenotype ratio ${footer.phenotypeRatio}`;
   return svgWrap(nodes, descText);
 }
-function renderMatrixAST(ast) {
-  if (ast.mode === "sipoc") return renderSipocAST(ast);
-  if (ast.mode === "qfd") return renderQfdAST(ast);
-  if (ast.mode === "punnett") return renderPunnettAST(ast);
+function renderMatrixAST(ast, config) {
+  if (ast.mode === "sipoc") return renderSipocAST(ast, config);
+  if (ast.mode === "qfd") return renderQfdAST(ast, config);
+  if (ast.mode === "punnett") return renderPunnettAST(ast, config);
+  const t = chunkNT6VVMLW_cjs.resolveMatrixTheme(config?.theme ?? "default");
   const lay = layoutMatrix(ast);
   const needsLegendSpace = lay.categories.length > 0 || ast.mode === "correlation";
   const extraWidth = needsLegendSpace && lay.plot.x0 + lay.plot.w + 140 > lay.canvasWidth ? 160 : 0;
@@ -29809,14 +29863,14 @@ function renderMatrixAST(ast) {
       chunk3WNW5Y7P_cjs.desc(
         `Matrix diagram${ast.template ? ` (${ast.template} template)` : ""}, ${ast.mode} mode, ${ast.points.length} point(s)`
       ),
-      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, CSS2), axisArrow()]),
+      chunk3WNW5Y7P_cjs.defs([chunk3WNW5Y7P_cjs.el("style", {}, buildMatrixCss(t)), axisArrow(t)]),
       ...body
     ]
   );
 }
-function renderMatrix(text2) {
+function renderMatrix(text2, config) {
   const ast = parseMatrix(text2);
-  return renderMatrixAST(ast);
+  return renderMatrixAST(ast, config);
 }
 
 // src/diagrams/matrix/index.ts
@@ -29827,8 +29881,8 @@ var matrix = {
     return first.startsWith("matrix");
   },
   parse: parseMatrix,
-  render(text2) {
-    return renderMatrix(text2);
+  render(text2, config) {
+    return renderMatrix(text2, config);
   }
 };
 
@@ -30953,7 +31007,7 @@ function renderEdge7(edge) {
   return chunk3WNW5Y7P_cjs.group({ class: "lt-erd-edge-group" }, parts);
 }
 function renderErdAst(result, themeName = "default") {
-  const theme = chunkNZT5P2XZ_cjs.resolveBaseTheme(themeName);
+  const theme = chunkNT6VVMLW_cjs.resolveBaseTheme(themeName);
   const { entities, edges, width, height, ast } = result;
   const cssBlock = chunk3WNW5Y7P_cjs.el("style", {}, buildCss11(theme));
   const titleNode = chunk3WNW5Y7P_cjs.title(ast.title ?? "Schematex ERD");
@@ -32028,7 +32082,7 @@ var WIRE_COLOR_MAP = {
 function buildCss12(t) {
   return `
 .lt-bb { font-family: system-ui, -apple-system, sans-serif; }
-.lt-bb-title { font: 600 16px sans-serif; fill: ${t.text}; }
+.lt-bb-title { font: 700 16px sans-serif; fill: ${t.text}; }
 .lt-bb-substrate { fill: #e7d8b6; stroke: #b08c4f; stroke-width: 1.5; }
 .lt-bb-rail-pos { fill: #fde2e2; stroke: #dc2626; stroke-width: 0.6; }
 .lt-bb-rail-neg { fill: #dde7fa; stroke: #2563eb; stroke-width: 0.6; }
@@ -32172,10 +32226,10 @@ function renderWire(lw) {
   return path2 + dot1 + dot2;
 }
 function renderBreadboardLayout(layout, config) {
-  const theme = chunkNZT5P2XZ_cjs.resolveBaseTheme(config?.theme ?? "default");
+  const theme = chunkNT6VVMLW_cjs.resolveBaseTheme(config?.theme ?? "default");
   const css = buildCss12(theme);
   const titleStr = layout.ast.title ?? "Breadboard";
-  const titleNode = layout.ast.title ? chunk3WNW5Y7P_cjs.text({ x: BB_CONST.MARGIN, y: 22, class: "lt-bb-title" }, layout.ast.title) : "";
+  const titleNode = layout.ast.title ? chunk3WNW5Y7P_cjs.text({ x: layout.width / 2, y: 22, class: "lt-bb-title", "text-anchor": "middle" }, layout.ast.title) : "";
   const substrate = renderSubstrate(layout.substrate);
   const parts = layout.parts.map(renderPart).join("\n");
   const wires = layout.wires.map(renderWire).join("\n");
@@ -33038,26 +33092,19 @@ function routeMessageFlow(f, objCenter, poolByLabel) {
 
 // src/diagrams/bpmn/renderer.ts
 var FONT_FAMILY = "system-ui, -apple-system, 'Segoe UI', sans-serif";
-var STROKE = "#1f2937";
-var STROKE_LIGHT = "#94a3b8";
-var POOL_FILL = "#ffffff";
-var LANE_FILL = "#fafbfc";
-var TASK_FILL = "#ffffff";
-var GATEWAY_FILL = "#fffbeb";
-var EVENT_FILL = "#ffffff";
-var LABEL_BAND_FILL = "#f1f5f9";
 function renderBpmn(textInput, config) {
   const ast = parseBpmn(textInput);
   const layout = layoutBpmn(ast);
-  return renderBpmnLayout(layout);
+  return renderBpmnLayout(layout, config);
 }
-function renderBpmnLayout(layout, _config) {
+function renderBpmnLayout(layout, config) {
   const { width, height, ast } = layout;
+  const t = chunkNT6VVMLW_cjs.resolveBpmnTheme(config?.theme ?? "default");
   const out = [];
   out.push(chunk3WNW5Y7P_cjs.title(ast.title ?? "BPMN diagram"));
   out.push(chunk3WNW5Y7P_cjs.desc(`BPMN ${ast.direction} \u2014 ${ast.pools.length} pool(s), ${layout.objects.length} flow object(s).`));
-  out.push(buildDefs());
-  for (const pl2 of layout.pools) out.push(renderPool(pl2));
+  out.push(buildDefs(t));
+  for (const pl2 of layout.pools) out.push(renderPool(pl2, t));
   for (const lan of layout.lanes) {
     out.push(
       chunk3WNW5Y7P_cjs.group({ class: "schematex-bpmn-lane" }, [
@@ -33066,8 +33113,8 @@ function renderBpmnLayout(layout, _config) {
           y: lan.y,
           width: lan.width - lan.labelHeight,
           height: lan.height,
-          fill: LANE_FILL,
-          stroke: STROKE,
+          fill: t.laneFill,
+          stroke: t.bpmnStroke,
           "stroke-width": 1
         }),
         chunk3WNW5Y7P_cjs.rect({
@@ -33075,8 +33122,8 @@ function renderBpmnLayout(layout, _config) {
           y: lan.y,
           width: lan.labelHeight,
           height: lan.height,
-          fill: LABEL_BAND_FILL,
-          stroke: STROKE,
+          fill: t.labelBandFill,
+          stroke: t.bpmnStroke,
           "stroke-width": 1
         }),
         chunk3WNW5Y7P_cjs.text(
@@ -33088,15 +33135,15 @@ function renderBpmnLayout(layout, _config) {
             "dominant-baseline": "middle",
             "font-family": FONT_FAMILY,
             "font-size": 12,
-            fill: STROKE
+            fill: t.bpmnText
           },
           lan.lane.label
         )
       ])
     );
   }
-  for (const fl of layout.flows) out.push(renderFlow2(fl));
-  for (const ol of layout.objects) out.push(renderObject(ol));
+  for (const fl of layout.flows) out.push(renderFlow2(fl, t));
+  for (const ol of layout.objects) out.push(renderObject(ol, t));
   return chunk3WNW5Y7P_cjs.svgRoot(
     {
       width,
@@ -33107,7 +33154,7 @@ function renderBpmnLayout(layout, _config) {
     out
   );
 }
-function buildDefs() {
+function buildDefs(t) {
   return chunk3WNW5Y7P_cjs.defs([
     // Sequence flow — filled triangle.
     chunk3WNW5Y7P_cjs.el(
@@ -33124,7 +33171,7 @@ function buildDefs() {
       [
         chunk3WNW5Y7P_cjs.el("path", {
           d: "M 0 0 L 10 5 L 0 10 z",
-          fill: STROKE
+          fill: t.flowStroke
         })
       ]
     ),
@@ -33143,8 +33190,8 @@ function buildDefs() {
       [
         chunk3WNW5Y7P_cjs.el("path", {
           d: "M 0 0 L 10 5 L 0 10 z",
-          fill: "#ffffff",
-          stroke: STROKE,
+          fill: t.poolFill,
+          stroke: t.msgFlowStroke,
           "stroke-width": 1
         })
       ]
@@ -33162,12 +33209,12 @@ function buildDefs() {
         orient: "auto"
       },
       [
-        chunk3WNW5Y7P_cjs.el("circle", { cx: 5, cy: 5, r: 3, fill: "#ffffff", stroke: STROKE })
+        chunk3WNW5Y7P_cjs.el("circle", { cx: 5, cy: 5, r: 3, fill: t.poolFill, stroke: t.msgFlowStroke })
       ]
     )
   ]);
 }
-function renderPool(pl2) {
+function renderPool(pl2, t) {
   const labelCx = pl2.labelX + pl2.labelWidth / 2;
   const labelCy = pl2.labelY + pl2.height / 2;
   if (pl2.pool.blackbox) {
@@ -33177,8 +33224,8 @@ function renderPool(pl2) {
         y: pl2.y,
         width: pl2.width,
         height: pl2.height,
-        fill: POOL_FILL,
-        stroke: STROKE,
+        fill: t.poolFill,
+        stroke: t.bpmnStroke,
         "stroke-width": 1.5
       }),
       chunk3WNW5Y7P_cjs.rect({
@@ -33186,8 +33233,8 @@ function renderPool(pl2) {
         y: pl2.y,
         width: pl2.labelWidth,
         height: pl2.height,
-        fill: LABEL_BAND_FILL,
-        stroke: STROKE,
+        fill: t.labelBandFill,
+        stroke: t.bpmnStroke,
         "stroke-width": 1
       }),
       chunk3WNW5Y7P_cjs.text(
@@ -33200,7 +33247,7 @@ function renderPool(pl2) {
           "font-family": FONT_FAMILY,
           "font-size": 13,
           "font-weight": "bold",
-          fill: STROKE
+          fill: t.bpmnText
         },
         pl2.pool.label
       )
@@ -33212,8 +33259,8 @@ function renderPool(pl2) {
       y: pl2.y,
       width: pl2.width,
       height: pl2.height,
-      fill: POOL_FILL,
-      stroke: STROKE,
+      fill: t.poolFill,
+      stroke: t.bpmnStroke,
       "stroke-width": 1.5
     }),
     chunk3WNW5Y7P_cjs.rect({
@@ -33221,8 +33268,8 @@ function renderPool(pl2) {
       y: pl2.y,
       width: pl2.labelWidth,
       height: pl2.height,
-      fill: LABEL_BAND_FILL,
-      stroke: STROKE,
+      fill: t.labelBandFill,
+      stroke: t.bpmnStroke,
       "stroke-width": 1
     }),
     chunk3WNW5Y7P_cjs.text(
@@ -33235,19 +33282,19 @@ function renderPool(pl2) {
         "font-family": FONT_FAMILY,
         "font-size": 13,
         "font-weight": "bold",
-        fill: STROKE
+        fill: t.bpmnText
       },
       pl2.pool.label
     )
   ]);
 }
-function renderObject(ol) {
+function renderObject(ol, t) {
   const o = ol.obj;
-  if ("gatewayKind" in o) return renderGateway(ol);
-  if ("marker" in o) return renderActivity(ol);
-  return renderEvent2(ol);
+  if ("gatewayKind" in o) return renderGateway(ol, t);
+  if ("marker" in o) return renderActivity(ol, t);
+  return renderEvent2(ol, t);
 }
-function renderActivity(ol) {
+function renderActivity(ol, t) {
   const a = ol.obj;
   const isSubproc = a.kind === "subprocess-collapsed";
   const cx = ol.x + ol.width / 2;
@@ -33260,8 +33307,8 @@ function renderActivity(ol) {
       height: ol.height,
       rx: 10,
       ry: 10,
-      fill: TASK_FILL,
-      stroke: STROKE,
+      fill: t.taskFill,
+      stroke: t.taskStroke,
       "stroke-width": 1.5
     }),
     chunk3WNW5Y7P_cjs.multilineText(
@@ -33272,14 +33319,14 @@ function renderActivity(ol) {
         "dominant-baseline": "middle",
         "font-family": FONT_FAMILY,
         "font-size": 12,
-        fill: STROKE
+        fill: t.bpmnText
       },
       a.label,
       14
     )
   ];
   if (a.kind === "task" && a.marker !== "abstract") {
-    children.push(taskMarker(ol.x + 6, ol.y + 6, a.marker));
+    children.push(taskMarker(ol.x + 6, ol.y + 6, a.marker, t));
   }
   if (isSubproc) {
     const mx = cx;
@@ -33291,53 +33338,53 @@ function renderActivity(ol) {
         width: 12,
         height: 12,
         fill: "none",
-        stroke: STROKE,
+        stroke: t.bpmnStroke,
         "stroke-width": 1
       }),
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${mx - 4} ${my} L ${mx + 4} ${my} M ${mx} ${my - 4} L ${mx} ${my + 4}`,
-        stroke: STROKE,
+        stroke: t.bpmnStroke,
         "stroke-width": 1
       })
     );
   }
   return chunk3WNW5Y7P_cjs.group({ class: `schematex-bpmn-task marker-${a.marker}` }, children);
 }
-function taskMarker(x, y, marker) {
+function taskMarker(x, y, marker, t) {
   const cx = x + 7;
   const cy = y + 7;
   if (marker === "user") {
     return chunk3WNW5Y7P_cjs.el("g", { class: "marker-user" }, [
-      chunk3WNW5Y7P_cjs.el("circle", { cx, cy: cy - 1, r: 2.5, fill: "none", stroke: STROKE, "stroke-width": 1 }),
+      chunk3WNW5Y7P_cjs.el("circle", { cx, cy: cy - 1, r: 2.5, fill: "none", stroke: t.bpmnStroke, "stroke-width": 1 }),
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${cx - 5} ${cy + 6} Q ${cx} ${cy + 1} ${cx + 5} ${cy + 6}`,
         fill: "none",
-        stroke: STROKE,
+        stroke: t.bpmnStroke,
         "stroke-width": 1
       })
     ]);
   }
   if (marker === "service") {
     return chunk3WNW5Y7P_cjs.el("g", { class: "marker-service" }, [
-      chunk3WNW5Y7P_cjs.el("circle", { cx, cy, r: 4, fill: "none", stroke: STROKE, "stroke-width": 1 }),
-      chunk3WNW5Y7P_cjs.el("circle", { cx, cy, r: 1.5, fill: STROKE }),
+      chunk3WNW5Y7P_cjs.el("circle", { cx, cy, r: 4, fill: "none", stroke: t.bpmnStroke, "stroke-width": 1 }),
+      chunk3WNW5Y7P_cjs.el("circle", { cx, cy, r: 1.5, fill: t.bpmnStroke }),
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${cx} ${cy - 6} L ${cx} ${cy - 4} M ${cx} ${cy + 4} L ${cx} ${cy + 6} M ${cx - 6} ${cy} L ${cx - 4} ${cy} M ${cx + 4} ${cy} L ${cx + 6} ${cy}`,
-        stroke: STROKE,
+        stroke: t.bpmnStroke,
         "stroke-width": 1
       })
     ]);
   }
   if (marker === "send") {
     return chunk3WNW5Y7P_cjs.el("g", { class: "marker-send" }, [
-      chunk3WNW5Y7P_cjs.el("rect", { x: cx - 5, y: cy - 3, width: 10, height: 7, fill: STROKE }),
-      chunk3WNW5Y7P_cjs.el("path", { d: `M ${cx - 5} ${cy - 3} L ${cx} ${cy + 1} L ${cx + 5} ${cy - 3}`, stroke: "#ffffff", "stroke-width": 1, fill: "none" })
+      chunk3WNW5Y7P_cjs.el("rect", { x: cx - 5, y: cy - 3, width: 10, height: 7, fill: t.bpmnStroke }),
+      chunk3WNW5Y7P_cjs.el("path", { d: `M ${cx - 5} ${cy - 3} L ${cx} ${cy + 1} L ${cx + 5} ${cy - 3}`, stroke: t.poolFill, "stroke-width": 1, fill: "none" })
     ]);
   }
   if (marker === "receive") {
     return chunk3WNW5Y7P_cjs.el("g", { class: "marker-receive" }, [
-      chunk3WNW5Y7P_cjs.el("rect", { x: cx - 5, y: cy - 3, width: 10, height: 7, fill: "none", stroke: STROKE, "stroke-width": 1 }),
-      chunk3WNW5Y7P_cjs.el("path", { d: `M ${cx - 5} ${cy - 3} L ${cx} ${cy + 1} L ${cx + 5} ${cy - 3}`, stroke: STROKE, "stroke-width": 1, fill: "none" })
+      chunk3WNW5Y7P_cjs.el("rect", { x: cx - 5, y: cy - 3, width: 10, height: 7, fill: "none", stroke: t.bpmnStroke, "stroke-width": 1 }),
+      chunk3WNW5Y7P_cjs.el("path", { d: `M ${cx - 5} ${cy - 3} L ${cx} ${cy + 1} L ${cx + 5} ${cy - 3}`, stroke: t.bpmnStroke, "stroke-width": 1, fill: "none" })
     ]);
   }
   if (marker === "manual") {
@@ -33345,7 +33392,7 @@ function taskMarker(x, y, marker) {
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${cx - 3} ${cy + 4} L ${cx - 3} ${cy} L ${cx - 1.5} ${cy} L ${cx - 1.5} ${cy - 4} L ${cx} ${cy - 4} L ${cx} ${cy} L ${cx + 1.5} ${cy} L ${cx + 1.5} ${cy + 1} L ${cx + 3} ${cy + 1} L ${cx + 3} ${cy + 4} z`,
         fill: "none",
-        stroke: STROKE,
+        stroke: t.bpmnStroke,
         "stroke-width": 1
       })
     ]);
@@ -33355,19 +33402,19 @@ function taskMarker(x, y, marker) {
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${cx - 4} ${cy - 5} Q ${cx - 6} ${cy} ${cx - 4} ${cy + 5} L ${cx + 4} ${cy + 5} Q ${cx + 2} ${cy} ${cx + 4} ${cy - 5} z`,
         fill: "none",
-        stroke: STROKE,
+        stroke: t.bpmnStroke,
         "stroke-width": 1
       }),
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${cx - 2} ${cy - 2} L ${cx + 2} ${cy - 2} M ${cx - 2} ${cy} L ${cx + 2} ${cy} M ${cx - 2} ${cy + 2} L ${cx + 2} ${cy + 2}`,
-        stroke: STROKE,
+        stroke: t.bpmnStroke,
         "stroke-width": 0.8
       })
     ]);
   }
   return "";
 }
-function renderGateway(ol) {
+function renderGateway(ol, t) {
   const g = ol.obj;
   const cx = ol.x + ol.width / 2;
   const cy = ol.y + ol.height / 2;
@@ -33379,7 +33426,7 @@ function renderGateway(ol) {
     inner.push(
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${cx - a} ${cy - a} L ${cx + a} ${cy + a} M ${cx + a} ${cy - a} L ${cx - a} ${cy + a}`,
-        stroke: STROKE,
+        stroke: t.gatewayGlyph,
         "stroke-width": 2.5,
         "stroke-linecap": "round"
       })
@@ -33389,7 +33436,7 @@ function renderGateway(ol) {
     inner.push(
       chunk3WNW5Y7P_cjs.el("path", {
         d: `M ${cx - a} ${cy} L ${cx + a} ${cy} M ${cx} ${cy - a} L ${cx} ${cy + a}`,
-        stroke: STROKE,
+        stroke: t.gatewayGlyph,
         "stroke-width": 2.5,
         "stroke-linecap": "round"
       })
@@ -33401,7 +33448,7 @@ function renderGateway(ol) {
         cy,
         r: r6 * 0.45,
         fill: "none",
-        stroke: STROKE,
+        stroke: t.gatewayGlyph,
         "stroke-width": 2
       })
     );
@@ -33412,7 +33459,7 @@ function renderGateway(ol) {
         cy,
         r: r6 * 0.55,
         fill: "none",
-        stroke: STROKE,
+        stroke: t.gatewayGlyph,
         "stroke-width": 1
       })
     );
@@ -33426,7 +33473,7 @@ function renderGateway(ol) {
       chunk3WNW5Y7P_cjs.el("polygon", {
         points: pts.join(" "),
         fill: "none",
-        stroke: STROKE,
+        stroke: t.gatewayGlyph,
         "stroke-width": 1.2
       })
     );
@@ -33439,22 +33486,22 @@ function renderGateway(ol) {
       "text-anchor": "middle",
       "font-family": FONT_FAMILY,
       "font-size": 11,
-      fill: STROKE
+      fill: t.bpmnText
     },
     labelStr
   ) : "";
   return chunk3WNW5Y7P_cjs.group({ class: `schematex-bpmn-gateway kind-${g.gatewayKind}` }, [
     chunk3WNW5Y7P_cjs.el("polygon", {
       points,
-      fill: GATEWAY_FILL,
-      stroke: STROKE,
+      fill: t.gatewayFill,
+      stroke: t.gatewayStroke,
       "stroke-width": 1.5
     }),
     ...inner,
     labelEl
   ]);
 }
-function renderEvent2(ol) {
+function renderEvent2(ol, t) {
   const e = ol.obj;
   const cx = ol.x + ol.width / 2;
   const cy = ol.y + ol.height / 2;
@@ -33462,14 +33509,16 @@ function renderEvent2(ol) {
   const isEnd = e.kind === "end";
   const isIntermediate = e.kind === "intermediate";
   const strokeW = isEnd ? 3 : 1.2;
+  const fill = isEnd ? t.endFill : isIntermediate ? t.intermediateFill : t.startFill;
+  const ring = isEnd ? t.endStroke : isIntermediate ? t.intermediateStroke : t.startStroke;
   const children = [];
   children.push(
     chunk3WNW5Y7P_cjs.el("circle", {
       cx,
       cy,
       r: r6,
-      fill: EVENT_FILL,
-      stroke: STROKE,
+      fill,
+      stroke: ring,
       "stroke-width": strokeW
     })
   );
@@ -33480,16 +33529,16 @@ function renderEvent2(ol) {
         cy,
         r: r6 - 3,
         fill: "none",
-        stroke: STROKE,
+        stroke: ring,
         "stroke-width": 1.2
       })
     );
   }
   const filled = e.throwCatch === "throw" && (isIntermediate || isEnd);
   if (e.trigger === "message") {
-    children.push(messageGlyph(cx, cy, r6 * 0.55, filled));
+    children.push(messageGlyph(cx, cy, r6 * 0.55, filled, t));
   } else if (e.trigger === "timer") {
-    children.push(timerGlyph(cx, cy, r6 * 0.55));
+    children.push(timerGlyph(cx, cy, r6 * 0.55, t));
   }
   if (e.label) {
     children.push(
@@ -33500,7 +33549,7 @@ function renderEvent2(ol) {
           "text-anchor": "middle",
           "font-family": FONT_FAMILY,
           "font-size": 11,
-          fill: STROKE
+          fill: t.bpmnText
         },
         e.label
       )
@@ -33508,7 +33557,7 @@ function renderEvent2(ol) {
   }
   return chunk3WNW5Y7P_cjs.group({ class: `schematex-bpmn-event kind-${e.kind} trigger-${e.trigger}` }, children);
 }
-function messageGlyph(cx, cy, size, filled) {
+function messageGlyph(cx, cy, size, filled, t) {
   const w = size;
   const h = size * 0.7;
   const x = cx - w / 2;
@@ -33519,19 +33568,19 @@ function messageGlyph(cx, cy, size, filled) {
       y,
       width: w,
       height: h,
-      fill: filled ? STROKE : "#ffffff",
-      stroke: STROKE,
+      fill: filled ? t.bpmnStroke : t.poolFill,
+      stroke: t.bpmnStroke,
       "stroke-width": 1
     }),
     chunk3WNW5Y7P_cjs.el("path", {
       d: `M ${x} ${y} L ${cx} ${y + h * 0.55} L ${x + w} ${y}`,
-      stroke: filled ? "#ffffff" : STROKE,
+      stroke: filled ? t.poolFill : t.bpmnStroke,
       "stroke-width": 1,
       fill: "none"
     })
   ]);
 }
-function timerGlyph(cx, cy, size) {
+function timerGlyph(cx, cy, size, t) {
   const r6 = size / 2;
   const ticks = [];
   for (let k = 0; k < 12; k++) {
@@ -33543,18 +33592,18 @@ function timerGlyph(cx, cy, size) {
     ticks.push(`M ${t1x} ${t1y} L ${t2x} ${t2y}`);
   }
   return chunk3WNW5Y7P_cjs.el("g", { class: "trigger-timer" }, [
-    chunk3WNW5Y7P_cjs.el("circle", { cx, cy, r: r6, fill: "none", stroke: STROKE, "stroke-width": 1 }),
-    chunk3WNW5Y7P_cjs.el("path", { d: ticks.join(" "), stroke: STROKE, "stroke-width": 0.8 }),
+    chunk3WNW5Y7P_cjs.el("circle", { cx, cy, r: r6, fill: "none", stroke: t.bpmnStroke, "stroke-width": 1 }),
+    chunk3WNW5Y7P_cjs.el("path", { d: ticks.join(" "), stroke: t.bpmnStroke, "stroke-width": 0.8 }),
     // Hands
     chunk3WNW5Y7P_cjs.el("path", {
       d: `M ${cx} ${cy} L ${cx} ${cy - r6 * 0.7} M ${cx} ${cy} L ${cx + r6 * 0.5} ${cy}`,
-      stroke: STROKE,
+      stroke: t.bpmnStroke,
       "stroke-width": 1.2,
       "stroke-linecap": "round"
     })
   ]);
 }
-function renderFlow2(fl) {
+function renderFlow2(fl, t) {
   const f = fl.flow;
   const isMessage = f.kind === "message";
   const dasharray = isMessage ? "6 4" : void 0;
@@ -33564,7 +33613,7 @@ function renderFlow2(fl) {
     chunk3WNW5Y7P_cjs.path({
       d: fl.path,
       fill: "none",
-      stroke: isMessage ? STROKE_LIGHT : STROKE,
+      stroke: isMessage ? t.msgFlowStroke : t.flowStroke,
       "stroke-width": 1.4,
       "stroke-dasharray": dasharray,
       "marker-start": markerStart,
@@ -33577,8 +33626,8 @@ function renderFlow2(fl) {
       children.push(
         chunk3WNW5Y7P_cjs.el("polygon", {
           points: diamondPoints(head.x, head.y, 5),
-          fill: "#ffffff",
-          stroke: STROKE,
+          fill: t.poolFill,
+          stroke: t.flowStroke,
           "stroke-width": 1
         })
       );
@@ -33590,7 +33639,7 @@ function renderFlow2(fl) {
       children.push(
         chunk3WNW5Y7P_cjs.el("path", {
           d: `M ${head.x - 4} ${head.y + 4} L ${head.x + 4} ${head.y - 4}`,
-          stroke: STROKE,
+          stroke: t.flowStroke,
           "stroke-width": 1.5
         })
       );
@@ -33605,7 +33654,7 @@ function renderFlow2(fl) {
           "text-anchor": "middle",
           "font-family": FONT_FAMILY,
           "font-size": 10,
-          fill: STROKE
+          fill: t.bpmnText
         },
         f.label
       )
@@ -33637,7 +33686,7 @@ var bpmn = {
   },
   parse: parseBpmn,
   render(text2, config) {
-    return renderBpmn(text2);
+    return renderBpmn(text2, config);
   }
 };
 
@@ -35926,24 +35975,24 @@ var sfc = {
 
 // src/core/api.ts
 var plugins = [
-  chunkNFZMNKOR_cjs.genogram,
-  chunk2SZJQVPN_cjs.ecomap,
-  chunkKGOZBABH_cjs.pedigree,
-  chunkDHI7YAQJ_cjs.phylo,
-  chunkB5AQ3CG3_cjs.sociogram,
-  chunkNXU4XKLY_cjs.timing,
-  chunkD34VGLSE_cjs.logic,
-  chunkJIJWGHRN_cjs.circuit,
-  chunk6L46VIXI_cjs.blockdiagram,
-  chunkJIUC4DRS_cjs.ladder,
-  chunkAJJYWXZB_cjs.sld,
-  chunkLENRV7ZJ_cjs.entity,
-  chunkT5KHNJ67_cjs.fishbone,
-  chunkYMFYPB5Y_cjs.venn,
-  chunkDR3DDDQY_cjs.flowchart,
+  chunk7JJQEECD_cjs.genogram,
+  chunkV3JTVTPY_cjs.ecomap,
+  chunkGYTU7L4L_cjs.pedigree,
+  chunkMYVY55DO_cjs.phylo,
+  chunkHILYXWGJ_cjs.sociogram,
+  chunkJHJJT5H5_cjs.timing,
+  chunk4MGALM2C_cjs.logic,
+  chunkXA6XIAMN_cjs.circuit,
+  chunk2ASZMLC3_cjs.blockdiagram,
+  chunkWFVRUUJW_cjs.ladder,
+  chunkL2NY4XEY_cjs.sld,
+  chunkVYAUTNHC_cjs.entity,
+  chunkPSQGLE6U_cjs.fishbone,
+  chunk2A5HJFOX_cjs.venn,
+  chunkMUE45N2A_cjs.flowchart,
   mindmap,
   matrix,
-  chunkQ2YRJHFB_cjs.orgchart,
+  chunk6BJKQULN_cjs.orgchart,
   decisiontree,
   timeline,
   state,
@@ -36149,5 +36198,5 @@ exports.timeline = timeline;
 exports.umlclass = umlclass;
 exports.usecase = usecase;
 exports.welding = welding;
-//# sourceMappingURL=chunk-UGB42BGK.cjs.map
-//# sourceMappingURL=chunk-UGB42BGK.cjs.map
+//# sourceMappingURL=chunk-NTQBNBBP.cjs.map
+//# sourceMappingURL=chunk-NTQBNBBP.cjs.map