@diagrammo/dgmo 0.54.0 → 0.55.0

package/dist/block.js

@@ -3,99 +3,100 @@ import {
   docsLink,
   normalizeSvgForEmbed,
   renderErrorCard
-} from "./chunk-U4IN6AHE.js";
+} from "./chunk-RKBCKCSF.js";
 import {
   render
-} from "./chunk-N7BSBAVP.js";
-import "./chunk-FFVFZLRT.js";
+} from "./chunk-QZYGRDMM.js";
+import "./chunk-QQXFYTLC.js";
 import "./chunk-VHO3YBTB.js";
-import "./chunk-4ZIKWVSQ.js";
+import "./chunk-ZP265ICS.js";
 import "./chunk-YRYKTYMQ.js";
 import "./chunk-YYVTBZZC.js";
 import "./chunk-ADYKAKE3.js";
-import "./chunk-2NZOHEP4.js";
-import "./chunk-J7HQPVYH.js";
+import "./chunk-US3P2DQO.js";
+import "./chunk-ASPS5O6F.js";
+import "./chunk-GRXPFBYC.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import {
   encodeDiagramUrl
 } from "./chunk-U7VO6JAA.js";
-import "./chunk-SBOAZ7YK.js";
-import "./chunk-VQFDBNYF.js";
-import "./chunk-AQEYUVGJ.js";
+import "./chunk-XKKH2DPG.js";
+import "./chunk-O4CZDTQA.js";
+import "./chunk-PCVXXPYU.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-BDXC7MDK.js";
-import "./chunk-W6PCFRPL.js";
-import "./chunk-XWODFBHJ.js";
-import "./chunk-3SEEP2JM.js";
-import "./chunk-NR5HCAUD.js";
-import "./chunk-FVMKCZHF.js";
-import "./chunk-EPRF3ZRV.js";
+import "./chunk-PSIDVCBA.js";
+import "./chunk-NYOOPQFD.js";
+import "./chunk-WITOJZGL.js";
+import "./chunk-XSVWUOUZ.js";
+import "./chunk-P5XXIVEU.js";
+import "./chunk-HLGOG44K.js";
 import {
   monthIndex,
   weekdayIndex
 } from "./chunk-OQKP2X3D.js";
-import "./chunk-KV4HLIJE.js";
-import "./chunk-APKUAJ2L.js";
-import "./chunk-C2UORMIA.js";
-import "./chunk-QBYP2FBZ.js";
-import "./chunk-EAI6XJ7D.js";
-import "./chunk-MTZOXISJ.js";
+import "./chunk-AU75JHSR.js";
+import "./chunk-A2RUBBVT.js";
+import "./chunk-3BZJ5KD5.js";
+import "./chunk-ZXNHHO6D.js";
+import "./chunk-FBP33UM6.js";
+import "./chunk-2HX6ZGY7.js";
 import "./chunk-QQJUTGQH.js";
-import "./chunk-OJ435DQZ.js";
-import "./chunk-TLNVYWPA.js";
-import "./chunk-O576GYAP.js";
-import "./chunk-KQ3FNRGR.js";
-import "./chunk-KDK5EKUR.js";
-import "./chunk-CCGWX6AO.js";
-import "./chunk-GK32ZFZY.js";
-import "./chunk-2NYXI35Z.js";
-import "./chunk-S7YFT3PO.js";
-import "./chunk-OSXQKC3S.js";
-import "./chunk-7SP4C6EV.js";
-import "./chunk-7UPFTBOW.js";
-import "./chunk-YENNFS5F.js";
+import "./chunk-HX7QNHC6.js";
+import "./chunk-A2PTRSAO.js";
+import "./chunk-JQLSFZZP.js";
+import "./chunk-HUTP35XT.js";
+import "./chunk-ETYF5QZR.js";
+import "./chunk-MSWIBF6J.js";
+import "./chunk-RSBH2C7O.js";
+import "./chunk-YXKNXIWA.js";
+import "./chunk-RZWIPDZ2.js";
+import "./chunk-RYNCWA5X.js";
+import "./chunk-IF4KYSJZ.js";
+import "./chunk-S52F62GW.js";
+import "./chunk-YP2T5YUP.js";
 import "./chunk-RT7ACF77.js";
-import "./chunk-DLU643TF.js";
+import "./chunk-ZWVKTWK6.js";
 import "./chunk-7TF3QOOD.js";
-import "./chunk-T7Y554OK.js";
+import "./chunk-MEH4TJEX.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-M24VXUFG.js";
-import "./chunk-B7N5KYXQ.js";
-import "./chunk-WWHECSYZ.js";
+import "./chunk-IIUYKQ5J.js";
+import "./chunk-NL7FUIVD.js";
+import "./chunk-4R5KIPNX.js";
 import "./chunk-QZAW5SFH.js";
-import "./chunk-T3FAJAJT.js";
-import "./chunk-F7XM366V.js";
+import "./chunk-MNS2ENXF.js";
+import "./chunk-PC4YLEKA.js";
 import "./chunk-IYULMRBE.js";
-import "./chunk-RRGKMJYL.js";
+import "./chunk-5K5XBEXT.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-EQW6HOP4.js";
-import "./chunk-UIT7E6UF.js";
-import "./chunk-3KHJJP3J.js";
+import "./chunk-3BFXELBL.js";
+import "./chunk-ITXL2KU5.js";
 import {
   scanMonthNameDates
 } from "./chunk-DAOFNU6J.js";
 import "./chunk-TGOMHUOV.js";
 import "./chunk-BEOAKGNA.js";
-import "./chunk-BM7MG6HT.js";
+import "./chunk-KK3L5NVK.js";
 import {
   resolvePaletteOrFallback
 } from "./chunk-R3XI2VC7.js";
 import "./chunk-Q5IHQ4NW.js";
 import "./chunk-4ASYQ347.js";
 import "./chunk-JYDMBWRP.js";
-import "./chunk-M3H7ZE6C.js";
+import "./chunk-VMWSZCAK.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-WF64MW5G.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-AHTTKERF.js";
+import "./chunk-JR7Q6GHE.js";
 import {
   REGISTRY_COLON_KEY_TOKENS,
   REGISTRY_CONTROL_TOKENS,
   REGISTRY_DIRECTIVE_TOKENS,
   REGISTRY_MODIFIER_TOKENS,
   REGISTRY_STATUS_TOKENS
-} from "./chunk-3FRO35WW.js";
+} from "./chunk-A2ARDILY.js";
 import "./chunk-ZKPPI6BF.js";
 import "./chunk-4W2PE66Q.js";
 import "./chunk-5WRI5ZAA.js";

package/dist/chart-meta.js

@@ -1,7 +1,7 @@
 import {
   normalizePertSourceForShare,
   resolveOrgImports
-} from "./chunk-EQOMY4PY.js";
+} from "./chunk-NN5TF4OV.js";
 import {
   decodeDiagramUrl,
   decodeViewState,
@@ -10,65 +10,65 @@ import {
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-SBOAZ7YK.js";
-import "./chunk-VQFDBNYF.js";
-import "./chunk-AQEYUVGJ.js";
+} from "./chunk-XKKH2DPG.js";
+import "./chunk-O4CZDTQA.js";
+import "./chunk-PCVXXPYU.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-BDXC7MDK.js";
-import "./chunk-W6PCFRPL.js";
-import "./chunk-XWODFBHJ.js";
-import "./chunk-3SEEP2JM.js";
-import "./chunk-NR5HCAUD.js";
-import "./chunk-FVMKCZHF.js";
-import "./chunk-EPRF3ZRV.js";
+import "./chunk-PSIDVCBA.js";
+import "./chunk-NYOOPQFD.js";
+import "./chunk-WITOJZGL.js";
+import "./chunk-XSVWUOUZ.js";
+import "./chunk-P5XXIVEU.js";
+import "./chunk-HLGOG44K.js";
 import "./chunk-OQKP2X3D.js";
-import "./chunk-KV4HLIJE.js";
-import "./chunk-APKUAJ2L.js";
-import "./chunk-C2UORMIA.js";
+import "./chunk-AU75JHSR.js";
+import "./chunk-A2RUBBVT.js";
+import "./chunk-3BZJ5KD5.js";
 import {
   parseRaci
-} from "./chunk-QBYP2FBZ.js";
-import "./chunk-EAI6XJ7D.js";
-import "./chunk-MTZOXISJ.js";
+} from "./chunk-ZXNHHO6D.js";
+import "./chunk-FBP33UM6.js";
+import "./chunk-2HX6ZGY7.js";
 import "./chunk-QQJUTGQH.js";
-import "./chunk-OJ435DQZ.js";
-import "./chunk-TLNVYWPA.js";
-import "./chunk-O576GYAP.js";
-import "./chunk-KQ3FNRGR.js";
-import "./chunk-KDK5EKUR.js";
-import "./chunk-CCGWX6AO.js";
-import "./chunk-GK32ZFZY.js";
-import "./chunk-2NYXI35Z.js";
-import "./chunk-S7YFT3PO.js";
-import "./chunk-OSXQKC3S.js";
-import "./chunk-7SP4C6EV.js";
-import "./chunk-7UPFTBOW.js";
-import "./chunk-YENNFS5F.js";
+import "./chunk-HX7QNHC6.js";
+import "./chunk-A2PTRSAO.js";
+import "./chunk-JQLSFZZP.js";
+import "./chunk-HUTP35XT.js";
+import "./chunk-ETYF5QZR.js";
+import "./chunk-MSWIBF6J.js";
+import "./chunk-RSBH2C7O.js";
+import "./chunk-YXKNXIWA.js";
+import "./chunk-RZWIPDZ2.js";
+import "./chunk-RYNCWA5X.js";
+import "./chunk-IF4KYSJZ.js";
+import "./chunk-S52F62GW.js";
+import "./chunk-YP2T5YUP.js";
 import "./chunk-RT7ACF77.js";
-import "./chunk-DLU643TF.js";
+import "./chunk-ZWVKTWK6.js";
 import "./chunk-7TF3QOOD.js";
-import "./chunk-T7Y554OK.js";
+import "./chunk-MEH4TJEX.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-M24VXUFG.js";
-import "./chunk-B7N5KYXQ.js";
-import "./chunk-WWHECSYZ.js";
+import "./chunk-IIUYKQ5J.js";
+import "./chunk-NL7FUIVD.js";
+import "./chunk-4R5KIPNX.js";
 import "./chunk-QZAW5SFH.js";
 import {
   parseOrg
-} from "./chunk-T3FAJAJT.js";
-import "./chunk-F7XM366V.js";
+} from "./chunk-MNS2ENXF.js";
+import "./chunk-PC4YLEKA.js";
 import "./chunk-IYULMRBE.js";
-import "./chunk-RRGKMJYL.js";
+import "./chunk-5K5XBEXT.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-EQW6HOP4.js";
-import "./chunk-UIT7E6UF.js";
-import "./chunk-3KHJJP3J.js";
+import "./chunk-3BFXELBL.js";
+import "./chunk-ITXL2KU5.js";
 import "./chunk-DAOFNU6J.js";
 import {
   chartTypes
 } from "./chunk-TGOMHUOV.js";
 import "./chunk-BEOAKGNA.js";
-import "./chunk-BM7MG6HT.js";
+import "./chunk-KK3L5NVK.js";
 import {
   getAvailablePalettes,
   getPalette
@@ -76,15 +76,15 @@ import {
 import {
   hexToHSLString
 } from "./chunk-JYDMBWRP.js";
-import "./chunk-M3H7ZE6C.js";
+import "./chunk-VMWSZCAK.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-WF64MW5G.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-AHTTKERF.js";
+import "./chunk-JR7Q6GHE.js";
 import {
   ALL_CHART_TYPES,
   parseFirstLine
-} from "./chunk-3FRO35WW.js";
+} from "./chunk-A2ARDILY.js";
 import "./chunk-ZKPPI6BF.js";
 import "./chunk-4W2PE66Q.js";
 import "./chunk-5WRI5ZAA.js";

package/dist/{charts-d3-25E4VWXO.js → charts-d3-KZ6V4OP2.js}

@@ -2,20 +2,21 @@ import {
   D3_DATA_CHART_TYPES,
   renderDataChartD3,
   supportsD3DataChart
-} from "./chunk-FFVFZLRT.js";
+} from "./chunk-QQXFYTLC.js";
 import "./chunk-VHO3YBTB.js";
 import "./chunk-ADYKAKE3.js";
-import "./chunk-J7HQPVYH.js";
+import "./chunk-US3P2DQO.js";
+import "./chunk-GRXPFBYC.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
-import "./chunk-AQEYUVGJ.js";
+import "./chunk-PCVXXPYU.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-R3XI2VC7.js";
 import "./chunk-Q5IHQ4NW.js";
 import "./chunk-4ASYQ347.js";
 import "./chunk-JYDMBWRP.js";
-import "./chunk-AHTTKERF.js";
-import "./chunk-3FRO35WW.js";
+import "./chunk-JR7Q6GHE.js";
+import "./chunk-A2ARDILY.js";
 import "./chunk-ZKPPI6BF.js";
 import "./chunk-4W2PE66Q.js";
 import "./chunk-5WRI5ZAA.js";
@@ -24,4 +25,4 @@ export {
   renderDataChartD3,
   supportsD3DataChart
 };
-//# sourceMappingURL=charts-d3-25E4VWXO.js.map
+//# sourceMappingURL=charts-d3-KZ6V4OP2.js.map

package/dist/{chunk-MTZOXISJ.js → chunk-2HX6ZGY7.js}

@@ -11,7 +11,7 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-AHTTKERF.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   FAMILY_PERSON_REGISTRY,
   FAMILY_UNION_REGISTRY,
@@ -26,7 +26,7 @@ import {
   tokenizeQuoteAware,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-3FRO35WW.js";
+} from "./chunk-A2ARDILY.js";
 import {
   nord,
   resolveColor
@@ -571,4 +571,4 @@ export {
   FAMILY_DIAGNOSTICS,
   parseFamily
 };
-//# sourceMappingURL=chunk-MTZOXISJ.js.map
+//# sourceMappingURL=chunk-2HX6ZGY7.js.map

package/dist/{chunk-ICKXIMBA.js → chunk-2R6HG6D5.js}

@@ -6,13 +6,13 @@ import {
   formatPct,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-6OYDOQ2Q.js";
+} from "./chunk-WVGNXDEE.js";
 import {
   renderIntegratedLegend
-} from "./chunk-2NZOHEP4.js";
+} from "./chunk-ASPS5O6F.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-J7HQPVYH.js";
+} from "./chunk-GRXPFBYC.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk-JYDMBWRP.js";
 import {
   tagAttrKey
-} from "./chunk-AHTTKERF.js";
+} from "./chunk-JR7Q6GHE.js";
 
 // src/treemap/renderer-radial.ts
 import * as d3Selection from "d3-selection";
@@ -422,4 +422,4 @@ export {
   renderTreemapRadialForExport,
   renderTreemapRadial
 };
-//# sourceMappingURL=chunk-ICKXIMBA.js.map
+//# sourceMappingURL=chunk-2R6HG6D5.js.map

package/dist/{chunk-NUTWTV6G.js → chunk-2ZJXKJSI.js}

@@ -7,12 +7,16 @@ import {
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
+import {
+  layoutInlineHeader
+} from "./chunk-US3P2DQO.js";
 import {
   renderIntegratedLegend
-} from "./chunk-2NZOHEP4.js";
+} from "./chunk-ASPS5O6F.js";
 import {
+  getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-J7HQPVYH.js";
+} from "./chunk-GRXPFBYC.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -35,15 +39,16 @@ import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-M3H7ZE6C.js";
+} from "./chunk-VMWSZCAK.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-AHTTKERF.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   fillModeFromOptions,
+  legendInlineRequested,
   legendSuppressed
-} from "./chunk-3FRO35WW.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -537,7 +542,6 @@ function applyPositionOverrides(participants) {
   return result;
 }
 function applyGroupOrdering(participants, groups, messages = []) {
-  if (groups.length === 0) return [...participants];
   const idToGroup = /* @__PURE__ */ new Map();
   for (const group of groups) {
     for (const id of group.participantIds) {
@@ -1005,8 +1009,33 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   };
   const noLegend = legendSuppressed(parsedOptions);
   const legendTopSpace = parsed.tagGroups.length > 0 && !noLegend ? getMaxLegendReservedHeight(legendConfig, containerWidth) + LEGEND_FIXED_GAP : 0;
+  const inlineRequested = legendInlineRequested(parsedOptions);
+  const hasLegendForHeader = parsed.tagGroups.length > 0 && !noLegend;
+  const legendExtent = inlineRequested && hasLegendForHeader ? getLegendExtent(
+    {
+      ...legendConfig,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      }
+    },
+    { activeGroup: activeTagGroup ?? null },
+    containerWidth
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: title ?? "",
+    hasLegend: hasLegendForHeader,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth,
+    titleBandHeight: titleOffset,
+    legendReserve: legendTopSpace,
+    titleBaselineY: ctx.structural(TITLE_Y),
+    titleFontSize: ctx.text(TITLE_FONT_SIZE)
+  });
   const groupOffset = parsed.groups.length > 0 ? GROUP_PADDING_TOP + GROUP_LABEL_SIZE : 0;
-  const participantStartY = sTopMargin + titleOffset + legendTopSpace + sParticipantYOffset + groupOffset;
+  const participantStartY = sTopMargin + titleOffset + (header.inline ? 0 : legendTopSpace) + sParticipantYOffset + groupOffset;
   const lifelineStartY0 = participantStartY + sBoxH;
   const hasActors = participants.some((p) => p.type === "actor");
   const messageStartOffset = sMsgStartOffset + (hasActors ? 20 : 0) + (parsed.groups.length > 0 ? GROUP_PADDING_BOTTOM : 0);
@@ -1171,56 +1200,63 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     });
   };
   buildParticipantX();
-  let contentLeft = 0;
-  let contentRight = svgWidth;
-  for (const step of renderSteps) {
-    if (!step.label) continue;
-    const labelW = measureText(step.label, 12);
-    if (step.from === step.to) {
-      const px = participantX.get(step.from);
-      if (px !== void 0) {
-        const loopRight = px + sActivationWidth / 2 + sSelfCallWidth + 5 + labelW;
-        contentRight = Math.max(contentRight, loopRight);
-      }
-    } else {
-      const fromX = participantX.get(step.from);
-      const toX = participantX.get(step.to);
-      if (fromX !== void 0 && toX !== void 0) {
-        const midX = (fromX + toX) / 2;
-        contentLeft = Math.min(contentLeft, midX - labelW / 2);
-        contentRight = Math.max(contentRight, midX + labelW / 2);
+  const labelSafety = sActivationWidth / 2 + 2;
+  const scanNotes = (els, acc) => {
+    for (const el of els) {
+      if (isSequenceNote(el)) {
+        const note = el;
+        const pos = effectiveNotePosition(note);
+        if (pos === "right") {
+          const px = participantX.get(note.participantId);
+          if (px !== void 0) {
+            const sc = isNoteAfterSelfCall(note);
+            const rOff = sc ? sActivationWidth / 2 + sSelfCallWidth + sNoteGap : sActivationWidth + sNoteGap;
+            const maxW = noteEffectiveMaxW(note.participantId, pos, sc);
+            acc.right = Math.max(acc.right, px + rOff + maxW);
+          }
+        }
+      } else if (isSequenceBlock(el)) {
+        scanNotes(el.children, acc);
+        scanNotes(el.elseChildren, acc);
+        if (el.elseIfBranches) {
+          for (const b of el.elseIfBranches) scanNotes(b.children, acc);
+        }
       }
     }
-  }
-  if (elements) {
-    const scanNotes = (els) => {
-      for (const el of els) {
-        if (isSequenceNote(el)) {
-          const note = el;
-          const pos = effectiveNotePosition(note);
-          if (pos === "right") {
-            const px = participantX.get(note.participantId);
-            if (px !== void 0) {
-              const sc = isNoteAfterSelfCall(note);
-              const rOff = sc ? sActivationWidth / 2 + sSelfCallWidth + sNoteGap : sActivationWidth + sNoteGap;
-              const maxW = noteEffectiveMaxW(note.participantId, pos, sc);
-              contentRight = Math.max(contentRight, px + rOff + maxW);
-            }
-          }
-        } else if (isSequenceBlock(el)) {
-          scanNotes(el.children);
-          scanNotes(el.elseChildren);
-          if (el.elseIfBranches) {
-            for (const b of el.elseIfBranches) scanNotes(b.children);
-          }
+  };
+  for (let pass = 0; pass < 4; pass++) {
+    let contentLeft = 0;
+    let contentRight = svgWidth;
+    for (const step of renderSteps) {
+      if (!step.label) continue;
+      const labelW = measureText(step.label, 12);
+      if (step.from === step.to) {
+        const px = participantX.get(step.from);
+        if (px !== void 0) {
+          const loopRight = px + sActivationWidth / 2 + sSelfCallWidth + 5 + labelW + labelSafety;
+          contentRight = Math.max(contentRight, loopRight);
+        }
+      } else {
+        const fromX = participantX.get(step.from);
+        const toX = participantX.get(step.to);
+        if (fromX !== void 0 && toX !== void 0) {
+          const midX = (fromX + toX) / 2;
+          contentLeft = Math.min(contentLeft, midX - labelW / 2 - labelSafety);
+          contentRight = Math.max(
+            contentRight,
+            midX + labelW / 2 + labelSafety
+          );
         }
       }
-    };
-    scanNotes(elements);
-  }
-  const neededLeftPad = Math.max(0, -contentLeft);
-  const neededRightPad = Math.max(0, contentRight - svgWidth);
-  if (neededLeftPad > 0 || neededRightPad > 0) {
+    }
+    if (elements) {
+      const acc = { right: contentRight };
+      scanNotes(elements, acc);
+      contentRight = acc.right;
+    }
+    const neededLeftPad = Math.max(0, -contentLeft);
+    const neededRightPad = Math.max(0, contentRight - svgWidth);
+    if (neededLeftPad <= 0.5 && neededRightPad <= 0.5) break;
     leftMargin += neededLeftPad;
     rightMargin += neededRightPad;
     totalWidth = Math.max(leftMargin + diagramWidth + rightMargin, sBoxW + 40);
@@ -1271,7 +1307,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     }
   };
   if (showTitle) {
-    const titleEl = svg.append("text").attr("class", "chart-title").attr("x", svgWidth / 2).attr("y", ctx.structural(TITLE_Y)).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-size", ctx.text(TITLE_FONT_SIZE)).attr("font-weight", TITLE_FONT_WEIGHT).text(title);
+    const titleEl = svg.append("text").attr("class", "chart-title").attr("x", header.inline ? header.titleX : svgWidth / 2).attr("y", ctx.structural(TITLE_Y)).attr("text-anchor", header.inline ? header.titleAnchor : "middle").attr("fill", palette.text).attr("font-size", ctx.text(TITLE_FONT_SIZE)).attr("font-weight", TITLE_FONT_WEIGHT).text(title);
     if (parsed.titleLineNumber) {
       titleEl.attr("data-line-number", parsed.titleLineNumber);
     }
@@ -1757,9 +1793,19 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   if (hasTagGroups) {
     const legendY = sTopMargin + titleOffset;
     const legendCallbacks = {};
-    const legendG = svg.append("g").attr("class", "sequence-legend").attr("transform", `translate(0,${legendY})`);
+    const legendG = svg.append("g").attr("class", "sequence-legend").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0,${legendY})`
+    );
     renderIntegratedLegend(legendG, {
       ...legendConfig,
+      // Inline → left-origin so the wrapper's right-flush translate lands the
+      // legend at the header's right edge; stacked → centered below the title
+      // (identical to legendConfig.position, so the stacked path is unchanged).
+      position: {
+        placement: "top-center",
+        titleRelation: header.inline ? "inline-with-title" : "below-title"
+      },
       palette,
       isDark,
       width: svgWidth,
@@ -1861,4 +1907,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-NUTWTV6G.js.map
+//# sourceMappingURL=chunk-2ZJXKJSI.js.map