@diagrammo/dgmo 0.48.2 → 0.49.0

package/dist/{chunk-PZMETGLY.js → chunk-SVDWQGX2.js}

@@ -1,12 +1,26 @@
 import {
-  computeQuadrantPointLabels
-} from "./chunk-PBAHEPLQ.js";
+  getRenderCategory,
+  parseArc,
+  parseDgmo,
+  parseQuadrant,
+  parseSlope,
+  parseTimeline,
+  parseVenn,
+  parseVisualization,
+  parseWordcloud
+} from "./chunk-RI4NIMFP.js";
 import {
   renderDataChartD3
-} from "./chunk-OJR3MQYV.js";
+} from "./chunk-JFPY3UJ7.js";
+import {
+  computeQuadrantPointLabels
+} from "./chunk-HGN652MU.js";
 import {
   renderTimeline
-} from "./chunk-UWN33VNX.js";
+} from "./chunk-ZREZOIGS.js";
+import {
+  ScaleContext
+} from "./chunk-YYVTBZZC.js";
 import {
   EXPORT_HEIGHT,
   EXPORT_WIDTH,
@@ -19,27 +33,13 @@ import {
   resolveExportPalette,
   showTooltip
 } from "./chunk-U6EQI3U6.js";
-import {
-  ScaleContext
-} from "./chunk-YYVTBZZC.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
-import {
-  getRenderCategory,
-  parseArc,
-  parseDgmo,
-  parseQuadrant,
-  parseSlope,
-  parseTimeline,
-  parseVenn,
-  parseVisualization,
-  parseWordcloud
-} from "./chunk-HSH73DP6.js";
+} from "./chunk-5LWQH6QV.js";
 import {
   getPalette
 } from "./chunk-R3XI2VC7.js";
@@ -51,7 +51,7 @@ import {
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-HBVD67XG.js";
 import {
   __commonJS,
   __toESM
@@ -808,8 +808,6 @@ var ARC_GROUP_LABEL_FONT = 12;
 var ARC_BAND_HALF_W = 60;
 var ARC_BAND_HALF_H = 40;
 var ARC_BAND_RADIUS = 4;
-var ARC_BAND_LABEL_X_OFFSET = 6;
-var ARC_BAND_LABEL_Y_OFFSET = 14;
 var ARC_BAND_LABEL_BOTTOM_OFFSET = 4;
 var ARC_NODE_LABEL_X_OFFSET = 14;
 var ARC_NODE_LABEL_Y_OFFSET = 20;
@@ -838,8 +836,6 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
   const sBandHalfW = ctx.aesthetic(ARC_BAND_HALF_W);
   const sBandHalfH = ctx.aesthetic(ARC_BAND_HALF_H);
   const sBandRadius = ctx.structural(ARC_BAND_RADIUS);
-  const sBandLabelXOffset = ctx.structural(ARC_BAND_LABEL_X_OFFSET);
-  const sBandLabelYOffset = ctx.structural(ARC_BAND_LABEL_Y_OFFSET);
   const sBandLabelBottomOffset = ctx.structural(ARC_BAND_LABEL_BOTTOM_OFFSET);
   const sNodeLabelXOffset = ctx.structural(ARC_NODE_LABEL_X_OFFSET);
   const sNodeLabelYOffset = ctx.structural(ARC_NODE_LABEL_Y_OFFSET);
@@ -947,21 +943,40 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
       el.attr("fill-opacity", el.attr("data-group") === groupName ? 1 : 0.2);
     });
   }
+  const groupOfNode = /* @__PURE__ */ new Map();
+  const groupColorByName = /* @__PURE__ */ new Map();
+  for (const grp of arcNodeGroups) {
+    if (grp.color) groupColorByName.set(grp.name, grp.color);
+    for (const n of grp.nodes)
+      if (nodes.includes(n) && !groupOfNode.has(n))
+        groupOfNode.set(n, grp.name);
+  }
+  const groupColorOfLink = (l) => {
+    const g2 = groupOfNode.get(l.source) ?? groupOfNode.get(l.target);
+    return g2 ? groupColorByName.get(g2) : void 0;
+  };
   if (isVertical) {
     const yScale = d3Scale2.scalePoint().domain(nodes).range([0, innerHeight]).padding(0.5);
     const baseX = innerWidth / 2;
     if (arcNodeGroups.length > 0) {
       const bandPad = (yScale.step?.() ?? 20) * 0.4;
+      const vWidestLabelPx = Math.max(...nodes.map((n) => n.length)) * sNodeLabelFont * 0.6;
+      const vNameColW = sGroupLabelFont * 3;
+      const innerLeft = baseX - Math.max(sBandHalfW, sNodeLabelXOffset + vWidestLabelPx + 4);
+      const bandLeft = innerLeft - vNameColW;
+      const bandRight = baseX + sBandHalfW;
       for (const group of arcNodeGroups) {
         const groupNodes = group.nodes.filter((n) => nodes.includes(n));
         if (groupNodes.length === 0) continue;
         const positions = groupNodes.map((n) => yScale(n));
         const minY = Math.min(...positions) - bandPad;
         const maxY = Math.max(...positions) + bandPad;
-        g.append("rect").attr("class", "arc-group-band").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", baseX - sBandHalfW).attr("y", minY).attr("width", sBandHalfW * 2).attr("height", maxY - minY).attr("rx", sBandRadius).attr("fill", textColor).attr("fill-opacity", 0.06).style("cursor", "pointer").on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
+        const midYBand = (minY + maxY) / 2;
+        g.append("rect").attr("class", "arc-group-band").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", bandLeft).attr("y", minY).attr("width", bandRight - bandLeft).attr("height", maxY - minY).attr("rx", sBandRadius).attr("fill", group.color ?? textColor).attr("fill-opacity", group.color ? 0.15 : 0.06).style("cursor", "pointer").on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
           if (onClickItem) onClickItem(group.lineNumber);
         });
-        g.append("text").attr("class", "arc-group-label").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", baseX - sBandHalfW + sBandLabelXOffset).attr("y", minY + sBandLabelYOffset).attr("fill", textColor).attr("font-size", `${sGroupLabelFont}px`).attr("font-weight", "600").attr("fill-opacity", 0.5).style("cursor", onClickItem ? "pointer" : "default").text(group.name).on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
+        const nameX = bandLeft + vNameColW / 2;
+        g.append("text").attr("class", "arc-group-label").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", nameX).attr("y", midYBand).attr("text-anchor", "middle").attr("transform", `rotate(-90 ${nameX} ${midYBand})`).attr("fill", textColor).attr("font-size", `${sGroupLabelFont}px`).attr("font-weight", "600").attr("fill-opacity", 0.6).style("cursor", onClickItem ? "pointer" : "default").text(group.name).on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
           if (onClickItem) onClickItem(group.lineNumber);
         });
       }
@@ -973,7 +988,7 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
       const midY = (y1 + y2) / 2;
       const distance = Math.abs(y2 - y1);
       const controlX = baseX + distance * 0.4;
-      const color = link.color ?? colors[idx % colors.length];
+      const color = link.color ?? groupColorOfLink(link) ?? colors[idx % colors.length];
       g.append("path").attr("class", "arc-link").attr("data-source", link.source).attr("data-target", link.target).attr("data-line-number", String(link.lineNumber)).attr("d", `M ${baseX},${y1} Q ${controlX},${midY} ${baseX},${y2}`).attr("fill", "none").attr("stroke", color).attr("stroke-width", strokeScale(link.value)).attr("stroke-opacity", 0.7).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
         if (onClickItem && link.lineNumber) onClickItem(link.lineNumber);
       });
@@ -996,51 +1011,103 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
     }
   } else {
     const xScale = d3Scale2.scalePoint().domain(nodes).range([0, innerWidth]).padding(0.5);
+    const arcStep = xScale.step();
+    const widestLabelChars = Math.max(...nodes.map((n) => n.length));
+    const labelWidthPx = widestLabelChars * sNodeLabelFont * 0.6;
+    const rotateLabels = labelWidthPx > arcStep * 0.9;
+    const labelPivotGap = sNodeRadius + 4;
+    const rotatedLabelDrop = labelWidthPx * 0.71;
+    const hasGroups = arcNodeGroups.length > 0;
+    const xPos = /* @__PURE__ */ new Map();
+    let bandStepPx = arcStep;
+    if (hasGroups) {
+      let boundaryCount = 0;
+      let prevG = null;
+      for (const n of nodes) {
+        const gn = groupOfNode.get(n) ?? `\0solo:${n}`;
+        if (prevG !== null && gn !== prevG) boundaryCount++;
+        prevG = gn;
+      }
+      const withinAdj = nodes.length - 1 - boundaryCount;
+      const groupGapPx = rotateLabels ? rotatedLabelDrop + sNodeRadius * 2 + 12 : arcStep * 0.9;
+      const leftInset = rotateLabels ? rotatedLabelDrop + sNodeRadius : arcStep * 0.5;
+      const rightInset = rotateLabels ? sNodeRadius + 2 : arcStep * 0.5;
+      const avail = innerWidth - leftInset - rightInset;
+      let stepPx = withinAdj > 0 ? (avail - boundaryCount * groupGapPx) / withinAdj : avail;
+      if (!isFinite(stepPx) || stepPx < sNodeRadius * 2)
+        stepPx = Math.max(sNodeRadius * 2, arcStep * 0.5);
+      bandStepPx = stepPx;
+      let cx = leftInset;
+      prevG = null;
+      for (const n of nodes) {
+        const gn = groupOfNode.get(n) ?? `\0solo:${n}`;
+        if (prevG !== null) cx += gn !== prevG ? groupGapPx : stepPx;
+        xPos.set(n, cx);
+        prevG = gn;
+      }
+    } else {
+      for (const n of nodes) xPos.set(n, xScale(n));
+    }
+    const posX = (n) => xPos.get(n);
+    const nodeLabelDepth = rotateLabels ? labelPivotGap + rotatedLabelDrop : sNodeLabelYOffset + sNodeLabelFont;
+    const groupNameGap = sGroupLabelFont + sBandLabelBottomOffset;
+    const belowExtent = hasGroups ? nodeLabelDepth + groupNameGap + sGroupLabelFont * 0.25 : Math.max(sBandHalfH, nodeLabelDepth);
     let baseY = innerHeight / 2;
     if (exportDims) {
       let maxDist = 0;
       for (const l of links) {
-        const a = xScale(l.source);
-        const b = xScale(l.target);
+        const a = posX(l.source);
+        const b = posX(l.target);
         if (a != null && b != null)
           maxDist = Math.max(maxDist, Math.abs(b - a));
       }
       const above = maxDist * 0.2 + sNodeRadius;
-      const below = Math.max(sBandHalfH, sNodeLabelYOffset + sNodeLabelFont);
+      const below = belowExtent;
       baseY = above;
       const tightHeight = margin.top + above + below + margin.bottom;
       svg.attr("height", tightHeight).attr("viewBox", `0 0 ${width} ${tightHeight}`);
     }
-    if (arcNodeGroups.length > 0) {
-      const bandPad = (xScale.step?.() ?? 20) * 0.4;
+    if (hasGroups) {
+      const bandTopY = baseY - sBandHalfH;
+      const bandBottomY = baseY + belowExtent;
       for (const group of arcNodeGroups) {
         const groupNodes = group.nodes.filter((n) => nodes.includes(n));
         if (groupNodes.length === 0) continue;
-        const positions = groupNodes.map((n) => xScale(n));
-        const minX = Math.min(...positions) - bandPad;
-        const maxX = Math.max(...positions) + bandPad;
-        g.append("rect").attr("class", "arc-group-band").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", minX).attr("y", baseY - sBandHalfH).attr("width", maxX - minX).attr("height", sBandHalfH * 2).attr("rx", sBandRadius).attr("fill", textColor).attr("fill-opacity", 0.06).style("cursor", "pointer").on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
+        const positions = groupNodes.map((n) => posX(n));
+        const minP = Math.min(...positions);
+        const maxP = Math.max(...positions);
+        const sidePad = rotateLabels ? sNodeRadius + 4 : bandStepPx * 0.4;
+        const leftNode = groupNodes.reduce(
+          (a, b) => posX(a) < posX(b) ? a : b
+        );
+        const ownOverhang = leftNode.length * sNodeLabelFont * 0.6 * 0.71;
+        const bandLeft = rotateLabels ? minP - ownOverhang - sidePad : minP - sidePad;
+        const bandRight = maxP + sidePad;
+        const bandFill = group.color ?? textColor;
+        const bandFillOpacity = group.color ? 0.15 : 0.06;
+        const nameY = baseY + nodeLabelDepth + sGroupLabelFont;
+        g.append("rect").attr("class", "arc-group-band").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", bandLeft).attr("y", bandTopY).attr("width", bandRight - bandLeft).attr("height", bandBottomY - bandTopY).attr("rx", sBandRadius).attr("fill", bandFill).attr("fill-opacity", bandFillOpacity).style("cursor", "pointer").on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
           if (onClickItem) onClickItem(group.lineNumber);
         });
-        g.append("text").attr("class", "arc-group-label").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", (minX + maxX) / 2).attr("y", baseY + sBandHalfH - sBandLabelBottomOffset).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", `${sGroupLabelFont}px`).attr("font-weight", "600").attr("fill-opacity", 0.5).style("cursor", onClickItem ? "pointer" : "default").text(group.name).on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
+        g.append("text").attr("class", "arc-group-label").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("x", (minP + maxP) / 2).attr("y", nameY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", `${sGroupLabelFont}px`).attr("font-weight", "600").attr("fill-opacity", 0.6).style("cursor", onClickItem ? "pointer" : "default").text(group.name).on("mouseenter", () => handleGroupEnter(group.name)).on("mouseleave", handleMouseLeave).on("click", () => {
           if (onClickItem) onClickItem(group.lineNumber);
         });
       }
     }
     g.append("line").attr("x1", 0).attr("y1", baseY).attr("x2", innerWidth).attr("y2", baseY).attr("stroke", mutedColor).attr("stroke-width", sBaselineStrokeWidth).attr("stroke-dasharray", sBaselineDash);
     links.forEach((link, idx) => {
-      const x1 = xScale(link.source);
-      const x2 = xScale(link.target);
+      const x1 = posX(link.source);
+      const x2 = posX(link.target);
       const midX = (x1 + x2) / 2;
       const distance = Math.abs(x2 - x1);
       const controlY = baseY - distance * 0.4;
-      const color = link.color ?? colors[idx % colors.length];
+      const color = link.color ?? groupColorOfLink(link) ?? colors[idx % colors.length];
       g.append("path").attr("class", "arc-link").attr("data-source", link.source).attr("data-target", link.target).attr("data-line-number", String(link.lineNumber)).attr("d", `M ${x1},${baseY} Q ${midX},${controlY} ${x2},${baseY}`).attr("fill", "none").attr("stroke", color).attr("stroke-width", strokeScale(link.value)).attr("stroke-opacity", 0.7).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
         if (onClickItem && link.lineNumber) onClickItem(link.lineNumber);
       });
     });
     for (const node of nodes) {
-      const x = xScale(node);
+      const x = posX(node);
       const nodeColor = nodeColorMap.get(node) ?? textColor;
       const nodeLink = links.find(
         (l) => l.source === node || l.target === node
@@ -1053,7 +1120,11 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
           onClickItem(nodeLink.lineNumber);
       });
       nodeG.append("circle").attr("cx", x).attr("cy", baseY).attr("r", sNodeRadius).attr("fill", nodeColor).attr("stroke", bgColor).attr("stroke-width", sNodeStrokeWidth);
-      nodeG.append("text").attr("x", x).attr("y", baseY + sNodeLabelYOffset).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", `${sNodeLabelFont}px`).text(node);
+      const labelY = rotateLabels ? baseY + labelPivotGap : baseY + sNodeLabelYOffset;
+      const nodeLabel = nodeG.append("text").attr("x", x).attr("y", labelY).attr("text-anchor", rotateLabels ? "end" : "middle").attr("fill", textColor).attr("font-size", `${sNodeLabelFont}px`).text(node);
+      if (rotateLabels) {
+        nodeLabel.attr("transform", `rotate(-45 ${x} ${labelY})`);
+      }
     }
   }
 }
@@ -2241,7 +2312,9 @@ var DIAGRAM_EXPORT_HANDLERS = {
   class: exportClass,
   er: exportEr,
   "boxes-and-lines": exportBoxesAndLines,
+  sketch: exportSketch,
   swimlane: exportSwimlane,
+  family: exportFamily,
   "version-control": exportVersionControl,
   mindmap: exportMindmap,
   wireframe: exportWireframe,
@@ -2260,6 +2333,7 @@ var DIAGRAM_EXPORT_HANDLERS = {
   treemap: exportTreemap,
   block: exportBlock,
   raci: exportRaci,
+  body: exportBody,
   // D3 visualizations — own handler per type (Story 109.2). Only `sequence`
   // still falls through to exportVisualization (no chart-type of its own).
   slope: exportSlope,
@@ -2285,13 +2359,13 @@ function resolveArcChordOverride(content, detectedType, palette) {
 }
 async function renderForExport(content, theme, palette, viewState, options) {
   const exportMode = options?.exportMode ?? false;
-  const { parseDgmoChartType } = await import("./dgmo-router-X35VLZLM.js");
+  const { parseDgmoChartType } = await import("./dgmo-router-ODKPEJ3P.js");
   const detectedTypeRaw = parseDgmoChartType(content);
   const override = resolveArcChordOverride(content, detectedTypeRaw, palette);
   const renderContent = override?.content ?? content;
   const detectedType = override?.type ?? detectedTypeRaw;
   if (detectedType !== null) {
-    const { supportsD3DataChart, renderDataChartD3: renderDataChartD32 } = await import("./charts-d3-QOZHKTCT.js");
+    const { supportsD3DataChart, renderDataChartD3: renderDataChartD32 } = await import("./charts-d3-EW3YQTEA.js");
     if (supportsD3DataChart(detectedType)) {
       return renderDataChartD32(renderContent, theme, palette);
     }
@@ -2313,8 +2387,8 @@ function ctxTagOverride(ctx) {
 }
 async function exportEventLine(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseEventLine } = await import("./parser-JAL2HD4I.js");
-  const { renderEventLineForExport } = await import("./renderer-RPOA5YPZ.js");
+  const { parseEventLine } = await import("./parser-667RGSUW.js");
+  const { renderEventLineForExport } = await import("./renderer-TYXRHMRI.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseEventLine(content, effectivePalette);
   if (parsed.error || parsed.events.length === 0) return "";
@@ -2329,9 +2403,27 @@ async function exportEventLine(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+async function exportBody(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseBody } = await import("./parser-J3P2D6IP.js");
+  const { renderBodyForExport } = await import("./renderer-W5RMOURB.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const parsed = parseBody(content, effectivePalette);
+  if (parsed.error) return "";
+  const container = createExportContainer(EXPORT_WIDTH, EXPORT_HEIGHT);
+  renderBodyForExport(
+    container,
+    parsed,
+    effectivePalette,
+    ctx.isDark,
+    { width: EXPORT_WIDTH, height: EXPORT_HEIGHT },
+    ctxTagOverride(ctx)
+  );
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
 async function exportVersionControl(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseVersionControl } = await import("./parser-TFZFBVWN.js");
+  const { parseVersionControl } = await import("./parser-MCJWF5G3.js");
   const { renderVersionControlForExport } = await import("./renderer-GHPZMFU2.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseVersionControl(content, effectivePalette);
@@ -2356,10 +2448,10 @@ function unionHiddenAttributes(hideOption, ha) {
 }
 async function exportOrg(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseOrg } = await import("./parser-6BTRLKRZ.js");
-  const { layoutOrg } = await import("./layout-OB3RI63S.js");
+  const { parseOrg } = await import("./parser-OBQG655V.js");
+  const { layoutOrg } = await import("./layout-GZ2CWONU.js");
   const { collapseOrgTree } = await import("./collapse-CLPJD2RL.js");
-  const { renderOrg } = await import("./renderer-ZRNG54CW.js");
+  const { renderOrg } = await import("./renderer-6T3KK4S3.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const orgParsed = parseOrg(content, effectivePalette);
@@ -2405,10 +2497,10 @@ async function exportOrg(ctx) {
 }
 async function exportSitemap(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseSitemap } = await import("./parser-NGU3ETO6.js");
-  const { layoutSitemap } = await import("./layout-5T6RH5M6.js");
+  const { parseSitemap } = await import("./parser-KPMN5KKE.js");
+  const { layoutSitemap } = await import("./layout-S3EK4IYO.js");
   const { collapseSitemapTree } = await import("./collapse-ZWUFFCK2.js");
-  const { renderSitemap } = await import("./renderer-5NDVNDAZ.js");
+  const { renderSitemap } = await import("./renderer-TPIBXNOS.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const sitemapParsed = parseSitemap(content, effectivePalette);
@@ -2452,8 +2544,8 @@ async function exportSitemap(ctx) {
 }
 async function exportKanban(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseKanban } = await import("./parser-XDVELHRK.js");
-  const { renderKanban } = await import("./renderer-6EEZHMH4.js");
+  const { parseKanban } = await import("./parser-SMBJO3XN.js");
+  const { renderKanban } = await import("./renderer-A5VFZQQK.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const kanbanParsed = parseKanban(content, effectivePalette);
   if (kanbanParsed.error || kanbanParsed.columns.length === 0) return "";
@@ -2484,9 +2576,9 @@ async function exportKanban(ctx) {
 }
 async function exportClass(ctx) {
   const { content, theme, palette, exportMode } = ctx;
-  const { parseClassDiagram } = await import("./parser-NRAI6O25.js");
-  const { layoutClassDiagram } = await import("./layout-46N4JJYK.js");
-  const { renderClassDiagram } = await import("./renderer-B2OMQIQG.js");
+  const { parseClassDiagram } = await import("./parser-MRBPXXIV.js");
+  const { layoutClassDiagram } = await import("./layout-7SKMFYHL.js");
+  const { renderClassDiagram } = await import("./renderer-MJDDU27W.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const classParsed = parseClassDiagram(content, effectivePalette);
   if (classParsed.error || classParsed.classes.length === 0) return "";
@@ -2511,9 +2603,9 @@ async function exportClass(ctx) {
 }
 async function exportEr(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseERDiagram } = await import("./parser-KNSQSKQO.js");
-  const { layoutERDiagram } = await import("./layout-EE6GE46Y.js");
-  const { renderERDiagram } = await import("./renderer-W4M6QLIJ.js");
+  const { parseERDiagram } = await import("./parser-4BKIFG2C.js");
+  const { layoutERDiagram } = await import("./layout-DC4TVXER.js");
+  const { renderERDiagram } = await import("./renderer-QNHUXCRL.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const erParsed = parseERDiagram(content, effectivePalette);
   if (erParsed.error || erParsed.tables.length === 0) return "";
@@ -2543,9 +2635,43 @@ async function exportEr(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+async function exportSketch(ctx) {
+  const { content, theme, viewState, exportMode } = ctx;
+  const { parseSketch } = await import("./parser-ZKF5K2H2.js");
+  const effectivePalette = await resolveExportPalette(theme, ctx.palette);
+  const parsed = parseSketch(content, effectivePalette);
+  if (parsed.error || parsed.nodes.length === 0 && parsed.boxes.length === 0) {
+    return "";
+  }
+  const { layoutSketch } = await import("./layout-HQMBPJVS.js");
+  const { renderSketchForExport } = await import("./renderer-THD6V5TL.js");
+  const collapsedBoxes = viewState?.cg ? new Set(viewState.cg) : void 0;
+  const skLayout = layoutSketch(parsed, {
+    ...collapsedBoxes !== void 0 && { collapsedBoxes }
+  });
+  const PADDING = 20;
+  const titleOffset = parsed.title ? 40 : 0;
+  const exportWidth = skLayout.width + PADDING * 2;
+  const exportHeight = skLayout.height + PADDING * 2 + titleOffset;
+  const container = createExportContainer(exportWidth, exportHeight);
+  const skTagOverride = ctxTagOverride(ctx);
+  renderSketchForExport(
+    container,
+    parsed,
+    skLayout,
+    effectivePalette,
+    ctx.isDark,
+    {
+      ...skTagOverride !== void 0 && { activeTagGroup: skTagOverride },
+      ...exportMode !== void 0 && { exportMode },
+      ...viewState?.hd !== void 0 && { hideDescriptions: viewState.hd }
+    }
+  );
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
 async function exportBoxesAndLines(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseBoxesAndLines } = await import("./parser-TRTHDFPP.js");
+  const { parseBoxesAndLines } = await import("./parser-TITK4YW6.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const blParsed = parseBoxesAndLines(content, effectivePalette);
   if (blParsed.error || blParsed.nodes.length === 0) return "";
@@ -2556,8 +2682,8 @@ async function exportBoxesAndLines(ctx) {
       blHiddenTagValues.set(k, new Set(v));
     }
   }
-  const { renderBoxesAndLinesForExport } = await import("./renderer-YY2OSF6E.js");
-  const { layoutBoxesAndLines } = await import("./layout-HRBZPFCN.js");
+  const { renderBoxesAndLinesForExport } = await import("./renderer-SQ3JUAI7.js");
+  const { layoutBoxesAndLines } = await import("./layout-34CLNICW.js");
   const blLayout = await layoutBoxesAndLines(blParsed);
   const PADDING = 20;
   const titleOffset = blParsed.title ? 40 : 0;
@@ -2586,9 +2712,9 @@ async function exportBoxesAndLines(ctx) {
 }
 async function exportSwimlane(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseSwimlane } = await import("./parser-ZSDPZYQP.js");
-  const { layoutSwimlane } = await import("./layout-N76NR4ZO.js");
-  const { renderSwimlaneForExport } = await import("./renderer-JGBKUCZD.js");
+  const { parseSwimlane } = await import("./parser-ZYC3XGNS.js");
+  const { layoutSwimlane } = await import("./layout-PUQCB6AN.js");
+  const { renderSwimlaneForExport } = await import("./renderer-VFUVRNLK.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const swimParsed = parseSwimlane(content, effectivePalette);
   if (swimParsed.error || swimParsed.nodes.length === 0) return "";
@@ -2616,12 +2742,44 @@ async function exportSwimlane(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+async function exportFamily(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseFamily } = await import("./parser-UGA23PYK.js");
+  const { layoutFamily } = await import("./layout-FGQWRYYW.js");
+  const { renderFamilyForExport } = await import("./renderer-XEKIRPI6.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const parsed = parseFamily(content, effectivePalette);
+  if (parsed.error || parsed.persons.size === 0) return "";
+  const layout = layoutFamily(parsed);
+  const PADDING = 20;
+  const titleOffset = parsed.title ? 40 : 0;
+  const exportWidth = layout.width + PADDING * 2;
+  const exportHeight = layout.height + PADDING * 2 + titleOffset;
+  const container = createExportContainer(exportWidth, exportHeight);
+  renderFamilyForExport(
+    container,
+    parsed,
+    layout,
+    effectivePalette,
+    ctx.isDark,
+    {
+      exportDims: { width: exportWidth, height: exportHeight },
+      activeTagGroup: resolveActiveTagGroup(
+        parsed.tagGroups,
+        parsed.options["active-tag"],
+        ctxTagOverride(ctx)
+      ),
+      exportMode: ctx.exportMode
+    }
+  );
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
 async function exportMindmap(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseMindmap } = await import("./parser-N5O4IHUN.js");
-  const { layoutMindmap } = await import("./layout-UM5F4DJB.js");
+  const { parseMindmap } = await import("./parser-WISPH7LW.js");
+  const { layoutMindmap } = await import("./layout-K2ZN3Q42.js");
   const { collapseMindmapTree } = await import("./collapse-SLINJQW6.js");
-  const { renderMindmap } = await import("./renderer-N43WR5GV.js");
+  const { renderMindmap } = await import("./renderer-UZF3JROD.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mmParsed = parseMindmap(content, effectivePalette);
@@ -2671,9 +2829,9 @@ async function exportMindmap(ctx) {
 }
 async function exportWireframe(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseWireframe } = await import("./parser-IXSZZQHY.js");
-  const { layoutWireframe } = await import("./layout-G23F7LDH.js");
-  const { renderWireframe } = await import("./renderer-QIWVHWZO.js");
+  const { parseWireframe } = await import("./parser-BL7Z72EY.js");
+  const { layoutWireframe } = await import("./layout-6RDJHS6E.js");
+  const { renderWireframe } = await import("./renderer-DAXMXIKD.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const wireframeParsed = parseWireframe(content);
   if (wireframeParsed.error || wireframeParsed.roots.length === 0 && wireframeParsed.modals.length === 0)
@@ -2696,14 +2854,14 @@ async function exportWireframe(ctx) {
 }
 async function exportC4(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseC4 } = await import("./parser-2EWECDSA.js");
+  const { parseC4 } = await import("./parser-DERPY5KC.js");
   const {
     layoutC4Context,
     layoutC4Containers,
     layoutC4Components,
     layoutC4Deployment
-  } = await import("./layout-5RA6QWR6.js");
-  const { renderC4Context, renderC4Containers } = await import("./renderer-4JHRUBE6.js");
+  } = await import("./layout-4Z5JM7PT.js");
+  const { renderC4Context, renderC4Containers } = await import("./renderer-QL5KO6SK.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const c4Parsed = parseC4(content, effectivePalette);
   if (c4Parsed.error || c4Parsed.elements.length === 0) return "";
@@ -2737,9 +2895,9 @@ async function exportC4(ctx) {
 }
 async function exportFlowchart(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseFlowchart } = await import("./flowchart-parser-ZNSKIBVR.js");
-  const { layoutGraph } = await import("./layout-HWDSRX5E.js");
-  const { renderFlowchart } = await import("./flowchart-renderer-SNDSII4D.js");
+  const { parseFlowchart } = await import("./flowchart-parser-IVZN7CQN.js");
+  const { layoutGraph } = await import("./layout-D42XE4RE.js");
+  const { renderFlowchart } = await import("./flowchart-renderer-GMI2U3DD.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const fcParsed = parseFlowchart(content, effectivePalette);
   if (fcParsed.error || fcParsed.nodes.length === 0) return "";
@@ -2758,10 +2916,10 @@ async function exportFlowchart(ctx) {
 }
 async function exportInfra(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parseInfra } = await import("./parser-OV7NOBW6.js");
+  const { parseInfra } = await import("./parser-4ROBKVUR.js");
   const { computeInfra } = await import("./compute-G55RG53N.js");
-  const { layoutInfra } = await import("./layout-7QXCNOVS.js");
-  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-BYCNMBF7.js");
+  const { layoutInfra } = await import("./layout-7H4H46CS.js");
+  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-CGW7QPNA.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const infraParsed = parseInfra(content);
   if (infraParsed.error || infraParsed.nodes.length === 0) return "";
@@ -2808,10 +2966,10 @@ async function exportInfra(ctx) {
 }
 async function exportPert(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parsePert } = await import("./parser-3STE62GB.js");
+  const { parsePert } = await import("./parser-QJYS7KQQ.js");
   const { analyzePert } = await import("./analyzer-UYKBXAKR.js");
-  const { layoutPert } = await import("./layout-S2QBYSK2.js");
-  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-AWWAF6XD.js");
+  const { layoutPert } = await import("./layout-NXG63LWH.js");
+  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-4IUPINAE.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const pertParsed = parsePert(content, { palette: effectivePalette });
   if (pertParsed.error || pertParsed.activities.length === 0) return "";
@@ -2849,9 +3007,9 @@ async function exportPert(ctx) {
 }
 async function exportGantt(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseGantt } = await import("./parser-AQETEVRW.js");
+  const { parseGantt } = await import("./parser-CLMFZWCC.js");
   const { calculateSchedule } = await import("./calculator-LDYQCDDY.js");
-  const { renderGantt } = await import("./renderer-VACVQYML.js");
+  const { renderGantt } = await import("./renderer-LWGJFT3D.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ganttParsed = parseGantt(content, effectivePalette);
   const resolved = calculateSchedule(ganttParsed);
@@ -2892,9 +3050,9 @@ async function exportGantt(ctx) {
 }
 async function exportState(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parseState } = await import("./state-parser-Z2V23ATR.js");
-  const { layoutGraph } = await import("./layout-HWDSRX5E.js");
-  const { renderState } = await import("./state-renderer-B4DQBM6M.js");
+  const { parseState } = await import("./state-parser-RX3GXOIB.js");
+  const { layoutGraph } = await import("./layout-D42XE4RE.js");
+  const { renderState } = await import("./state-renderer-AJUKGNWU.js");
   const { collapseStateGroups } = await import("./state-collapse-HCGD6IVJ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const stateParsed = parseState(content, effectivePalette);
@@ -2931,8 +3089,8 @@ async function exportState(ctx) {
 }
 async function exportTechRadar(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseTechRadar } = await import("./parser-2MFP2H2E.js");
-  const { renderTechRadarForExport } = await import("./renderer-ZGNTUWC4.js");
+  const { parseTechRadar } = await import("./parser-HVJFTOXL.js");
+  const { renderTechRadarForExport } = await import("./renderer-ROV756WT.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const radarParsed = parseTechRadar(content);
   if (radarParsed.error || radarParsed.quadrants.length === 0) return "";
@@ -2952,9 +3110,9 @@ async function exportTechRadar(ctx) {
 }
 async function exportJourneyMap(ctx) {
   const { content, theme, palette, exportMode } = ctx;
-  const { parseJourneyMap } = await import("./parser-I6KXEYFK.js");
-  const { renderJourneyMap } = await import("./renderer-CLJHQPBJ.js");
-  const { layoutJourneyMap } = await import("./layout-HYZPWAK5.js");
+  const { parseJourneyMap } = await import("./parser-TNYX5S7E.js");
+  const { renderJourneyMap } = await import("./renderer-YHXPN3GF.js");
+  const { layoutJourneyMap } = await import("./layout-QNUQLEHU.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const jmParsed = parseJourneyMap(content, effectivePalette);
   if (jmParsed.error || jmParsed.phases.length === 0 && jmParsed.steps.length === 0)
@@ -2974,8 +3132,8 @@ async function exportJourneyMap(ctx) {
 }
 async function exportCycle(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseCycle } = await import("./parser-VQP2UJ6W.js");
-  const { renderCycleForExport } = await import("./renderer-Z7I3W2PP.js");
+  const { parseCycle } = await import("./parser-IKZFTLOJ.js");
+  const { renderCycleForExport } = await import("./renderer-VICQ4WNY.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const cycleParsed = parseCycle(content);
   if (cycleParsed.error || cycleParsed.nodes.length === 0) return "";
@@ -2993,10 +3151,10 @@ async function exportCycle(ctx) {
 }
 async function exportMap(ctx) {
   const { content, theme, palette, options } = ctx;
-  const { parseMap } = await import("./parser-4FL2CMDG.js");
-  const { resolveMap } = await import("./resolver-NOAA7ID7.js");
-  const { renderMapForExport } = await import("./renderer-SMIBCRVB.js");
-  const { mapExportDimensions } = await import("./dimensions-J3FHIMJ6.js");
+  const { parseMap } = await import("./parser-MBJSBTL5.js");
+  const { resolveMap } = await import("./resolver-FHBCO3PL.js");
+  const { renderMapForExport } = await import("./renderer-6L3NBEY5.js");
+  const { mapExportDimensions } = await import("./dimensions-WSIJXT5Q.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mapParsed = parseMap(content, effectivePalette);
   let mapData = options?.mapData;
@@ -3028,8 +3186,8 @@ async function exportMap(ctx) {
 }
 async function exportPyramid(ctx) {
   const { content, theme, palette } = ctx;
-  const { parsePyramid } = await import("./parser-XKRP7QKP.js");
-  const { renderPyramidForExport } = await import("./renderer-KQB7UGDS.js");
+  const { parsePyramid } = await import("./parser-D6ONJQFR.js");
+  const { renderPyramidForExport } = await import("./renderer-7RH2SI3B.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const pyramidParsed = parsePyramid(content);
   if (pyramidParsed.error || pyramidParsed.layers.length === 0) return "";
@@ -3045,8 +3203,8 @@ async function exportPyramid(ctx) {
 }
 async function exportRing(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseRing } = await import("./parser-O5J4VBII.js");
-  const { renderRingForExport } = await import("./renderer-UV6MI64M.js");
+  const { parseRing } = await import("./parser-K647FRI4.js");
+  const { renderRingForExport } = await import("./renderer-HVCU2C3Z.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ringParsed = parseRing(content);
   if (ringParsed.error || ringParsed.layers.length === 0) return "";
@@ -3059,14 +3217,14 @@ async function exportRing(ctx) {
 }
 async function exportTreemap(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseTreemap } = await import("./parser-CFZD5IBL.js");
+  const { parseTreemap } = await import("./parser-XWUDFJ7P.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const treemapParsed = parseTreemap(content, effectivePalette);
   if (treemapParsed.error || treemapParsed.roots.length === 0) return "";
   const container = createExportContainer(EXPORT_WIDTH, EXPORT_HEIGHT);
   const dims = { width: EXPORT_WIDTH, height: EXPORT_HEIGHT };
   if (treemapParsed.options.radial) {
-    const { renderTreemapRadialForExport } = await import("./renderer-radial-C32GPJQ7.js");
+    const { renderTreemapRadialForExport } = await import("./renderer-radial-MHO2VDXN.js");
     renderTreemapRadialForExport(
       container,
       treemapParsed,
@@ -3075,7 +3233,7 @@ async function exportTreemap(ctx) {
       dims
     );
   } else {
-    const { renderTreemapForExport } = await import("./renderer-7MVLWWQD.js");
+    const { renderTreemapForExport } = await import("./renderer-DKESNMU5.js");
     renderTreemapForExport(
       container,
       treemapParsed,
@@ -3088,8 +3246,8 @@ async function exportTreemap(ctx) {
 }
 async function exportBlock(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseBlock } = await import("./parser-4OGOBJJ4.js");
-  const { renderBlockForExport } = await import("./renderer-PGX2TKVS.js");
+  const { parseBlock } = await import("./parser-GFSOPDB7.js");
+  const { renderBlockForExport } = await import("./renderer-MFJ7HY2H.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const blockParsed = parseBlock(content, effectivePalette);
   if (blockParsed.error || blockParsed.top.rows.length === 0) return "";
@@ -3102,8 +3260,8 @@ async function exportBlock(ctx) {
 }
 async function exportRaci(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseRaci } = await import("./parser-Y6WTBU76.js");
-  const { renderRaciForExport } = await import("./renderer-5MYBMBYO.js");
+  const { parseRaci } = await import("./parser-UBGPTIZD.js");
+  const { renderRaciForExport } = await import("./renderer-BB5PREMY.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const raciParsed = parseRaci(content, effectivePalette);
   if (raciParsed.error) return "";
@@ -3235,8 +3393,8 @@ async function exportVisualization(ctx) {
   const effectivePalette = await resolveExportPalette(theme, palette);
   const isDark = ctx.isDark;
   const container = createExportContainer(EXPORT_WIDTH, EXPORT_HEIGHT);
-  const { parseSequenceDgmo } = await import("./parser-PQ3POX45.js");
-  const { renderSequenceDiagram } = await import("./renderer-6W5462RB.js");
+  const { parseSequenceDgmo } = await import("./parser-JD7OQ2E6.js");
+  const { renderSequenceDiagram } = await import("./renderer-V3JEMWMM.js");
   const seqParsed = parseSequenceDgmo(content, effectivePalette);
   if (seqParsed.error || seqParsed.participants.length === 0) return "";
   const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
@@ -3272,6 +3430,7 @@ function escCssString(value) {
     if (ch === '"') out += '\\"';
     else if (ch === "\\") out += "\\\\";
     else if (ch === "<") out += "\\3c ";
+    else if (ch === "&") out += "\\26 ";
     else if (code < 32 || code === 127)
       out += "\\" + code.toString(16) + " ";
     else out += ch;
@@ -3483,6 +3642,12 @@ var HOVER_SPECS = {
     groupAttrMode: "tag-active",
     legend: true
   },
+  body: {
+    markSelector: ".dgmo-body-part",
+    strategy: "enumerated",
+    groupAttrMode: "tag-active",
+    legend: true
+  },
   // ── Connection graph-family — edge endpoint attrs baked in the renderers ──
   // Hover a node → dim edges not incident to it. Node id ↔ edge from/to.
   flowchart: {
@@ -3512,6 +3677,15 @@ var HOVER_SPECS = {
     fromAttr: "data-from",
     toAttr: "data-to"
   },
+  sketch: {
+    markSelector: ".sk-node",
+    strategy: "connection",
+    hoverSelector: ".sk-node",
+    hoverAttr: "data-node-id",
+    edgeSelector: ".sk-edge-group",
+    fromAttr: "data-from",
+    toAttr: "data-to"
+  },
   infra: {
     markSelector: ".infra-node",
     strategy: "connection",
@@ -3606,10 +3780,11 @@ var HOVER_SPECS = {
     emphasis: "dim",
     selfEmphasis: false
   },
-  // line: each series is a `g.dgmo-series` wrapping its line + data dots. The
-  // dots are hittable, so a structural rule dims other series when a point is
-  // hovered — no fat hit-path needed. (The plot-area hit overlay sits BEHIND
-  // the series, so dot hover still lands; verified in the browser e2e.)
+  // line: each series is a `g.dgmo-series` wrapping its line + data dots + an
+  // invisible fat hit corridor (`.dgmo-series-hit`, renderer-baked) — without
+  // the corridor only the 2.5px stroke and 4px dots were hittable, so the
+  // baked hover read as dead in embeds. Hovering anywhere along a line puts
+  // its group into `:hover` and the other series dim.
   line: {
     markSelector: "g.dgmo-series",
     strategy: "structural",
@@ -3841,8 +4016,8 @@ async function render(content, options) {
     try {
       const [{ parseMap }, { resolveMap }, { loadMapData }] = await Promise.all(
         [
-          import("./parser-4FL2CMDG.js"),
-          import("./resolver-NOAA7ID7.js"),
+          import("./parser-MBJSBTL5.js"),
+          import("./resolver-FHBCO3PL.js"),
           import("./load-data-EHDDZ5ZS.js")
         ]
       );
@@ -3965,4 +4140,4 @@ export {
   encodeDiagramUrl,
   decodeDiagramUrl
 };
-//# sourceMappingURL=chunk-PZMETGLY.js.map
+//# sourceMappingURL=chunk-SVDWQGX2.js.map