@diagrammo/dgmo 0.92.1 → 0.94.0

package/dist/{chunk-Y2V5AEVG.js → chunk-4SP6OUO7.js}

@@ -1,10 +1,8 @@
 import {
-  layoutBracket
-} from "./chunk-ZI6WC24V.js";
+  renderDataChartD3
+} from "./chunk-YQMIKX54.js";
 import {
   REGISTRY_BY_ID,
-  choosePalette,
-  extractPaletteDirective,
   getRenderCategory,
   parseArc,
   parseDgmo,
@@ -14,46 +12,69 @@ import {
   parseVenn,
   parseVisualization,
   parseWordcloud
-} from "./chunk-6WVX4KNP.js";
+} from "./chunk-5ZUZZDW5.js";
+import {
+  parseChart,
+  parseFunctionChart,
+  parseFunnel,
+  parseHeatmap,
+  parseSankey,
+  parseScatter
+} from "./chunk-H6BT45SN.js";
+import {
+  parsePyramid
+} from "./chunk-3PP746YM.js";
+import {
+  parseRing
+} from "./chunk-NM5V5EKY.js";
+import {
+  parseTreemap
+} from "./chunk-3KVUFHUJ.js";
 import {
   MAP_DX
 } from "./chunk-EOYPX6SF.js";
 import {
-  parseCountdown
-} from "./chunk-2BJW7FSF.js";
+  computeQuadrantPointLabels
+} from "./chunk-KMU65FYM.js";
 import {
-  parseClock
-} from "./chunk-NXU4N5WT.js";
+  parseVersionControl
+} from "./chunk-2ZW4NBYX.js";
 import {
-  parseBracket
-} from "./chunk-2WQ3YZMN.js";
+  parseMap
+} from "./chunk-AULZD45V.js";
 import {
-  parseBody
-} from "./chunk-JXGSTBW6.js";
+  parseSketch
+} from "./chunk-WZBZXZ6T.js";
 import {
-  renderDataChartD3
-} from "./chunk-LRP5FXST.js";
+  parseWhiteboard
+} from "./chunk-5HAYT43L.js";
 import {
-  computeQuadrantPointLabels
-} from "./chunk-KMU65FYM.js";
+  parseSwimlane
+} from "./chunk-J7Q4AB23.js";
 import {
-  parseChart,
-  parseFunctionChart,
-  parseFunnel,
-  parseHeatmap,
-  parseSankey,
-  parseScatter
-} from "./chunk-H6BT45SN.js";
+  parseMindmap
+} from "./chunk-XIUGSUE4.js";
 import {
-  renderTimeline
-} from "./chunk-O5WUZGPV.js";
+  parseTechRadar
+} from "./chunk-EBVVMUAA.js";
 import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+  parseKanban
+} from "./chunk-LKZCUFOW.js";
 import {
-  GRID_DASH,
-  scaleDash
-} from "./chunk-XCKNFFKM.js";
+  parseInfra
+} from "./chunk-UXNA2H2V.js";
+import {
+  parseJourneyMap
+} from "./chunk-PGSGJLUR.js";
+import {
+  parseGoal
+} from "./chunk-7PJBJ2DU.js";
+import {
+  parseEventLine
+} from "./chunk-3GUEYQGL.js";
+import {
+  renderTimeline
+} from "./chunk-TASRGDYP.js";
 import {
   EXPORT_HEIGHT,
   EXPORT_WIDTH,
@@ -65,34 +86,34 @@ import {
   renderChartTitle,
   resolveExportPalette,
   showTooltip
-} from "./chunk-Q6W2K33N.js";
+} from "./chunk-6XLMTAEX.js";
 import {
-  legendInlineSupported
-} from "./chunk-42UJ23H3.js";
+  parseTimelineDate
+} from "./chunk-BQO24BDM.js";
 import {
-  compactNumber
-} from "./chunk-JILEYZ2V.js";
+  parseFamily
+} from "./chunk-R6EGUTIV.js";
 import {
-  FONT_FAMILY
-} from "./chunk-ICLB27PZ.js";
+  parseGantt
+} from "./chunk-PVWIBKV2.js";
 import {
-  parseTechRadar
-} from "./chunk-EBVVMUAA.js";
+  parseClock
+} from "./chunk-NXU4N5WT.js";
 import {
-  parseCycle
-} from "./chunk-6BNNLVAR.js";
+  parseCountdown
+} from "./chunk-KBEWVCK3.js";
 import {
-  parseJourneyMap
-} from "./chunk-A4PNWAUW.js";
+  parseCycle
+} from "./chunk-NPDVWFAQ.js";
 import {
-  parsePyramid
-} from "./chunk-ZJAK6C7Y.js";
+  parseBracket
+} from "./chunk-2WQ3YZMN.js";
 import {
-  parseRing
-} from "./chunk-OQW4ETJX.js";
+  layoutBracket
+} from "./chunk-ZI6WC24V.js";
 import {
-  parseTreemap
-} from "./chunk-3KVUFHUJ.js";
+  parseC4
+} from "./chunk-IXHWS2HI.js";
 import {
   parseBlock
 } from "./chunk-BRGRIZQB.js";
@@ -100,83 +121,64 @@ import {
   isBlockNode
 } from "./chunk-XSVWUOUZ.js";
 import {
-  parseGoal
-} from "./chunk-7PJBJ2DU.js";
-import {
-  parseMap
-} from "./chunk-AULZD45V.js";
+  parseBody
+} from "./chunk-JXGSTBW6.js";
 import {
   parseBoxesAndLines
-} from "./chunk-73EYNV4O.js";
-import {
-  parseSketch
-} from "./chunk-WZBZXZ6T.js";
-import {
-  parseWhiteboard
-} from "./chunk-DEFBUZWV.js";
-import {
-  parseSwimlane
-} from "./chunk-J7Q4AB23.js";
-import {
-  parseFamily
-} from "./chunk-R6EGUTIV.js";
+} from "./chunk-2XMTZ5JR.js";
 import {
-  parseMindmap
-} from "./chunk-XIUGSUE4.js";
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
 import {
-  parseEventLine
-} from "./chunk-3GUEYQGL.js";
+  legendInlineSupported
+} from "./chunk-UIEKW4SG.js";
 import {
-  parseTimelineDate
-} from "./chunk-BQO24BDM.js";
+  GRID_DASH,
+  scaleDash
+} from "./chunk-XCKNFFKM.js";
 import {
-  parseVersionControl
-} from "./chunk-2ZW4NBYX.js";
+  compactNumber
+} from "./chunk-JILEYZ2V.js";
 import {
-  parseKanban
-} from "./chunk-LKZCUFOW.js";
+  parseRaci
+} from "./chunk-KRPLP5LP.js";
 import {
-  parseC4
-} from "./chunk-BEA4D7OS.js";
+  parseLiveLink
+} from "./chunk-KBDMEOLI.js";
 import {
-  parseInfra
-} from "./chunk-SOHZDW6N.js";
+  parseSequenceDgmo
+} from "./chunk-VSAKEMDD.js";
 import {
-  parseGantt
-} from "./chunk-PVWIBKV2.js";
+  parseOrg
+} from "./chunk-5OTA2PUH.js";
 import {
-  parseRaci
-} from "./chunk-V4D2ZQBE.js";
+  parseSitemap
+} from "./chunk-ZECJ7Q6C.js";
 import {
   parsePert
 } from "./chunk-CDM6XMOT.js";
-import {
-  parseLiveLink
-} from "./chunk-KBDMEOLI.js";
-import {
-  getPalette
-} from "./chunk-7ENDOHAA.js";
-import {
-  parseSequenceDgmo
-} from "./chunk-B5PEKSRH.js";
 import {
   parseFlowchart
-} from "./chunk-26BBJUBW.js";
+} from "./chunk-DNM3XZCK.js";
 import {
   parseState
-} from "./chunk-2YAFDND3.js";
+} from "./chunk-2MS623GW.js";
 import {
-  parseClassDiagram
-} from "./chunk-Q6ZQX2HX.js";
+  choosePalette,
+  extractPaletteDirective
+} from "./chunk-CYTFO2LF.js";
 import {
   parseERDiagram
-} from "./chunk-DRFGIOZ6.js";
+} from "./chunk-CIHHTS5B.js";
 import {
-  parseOrg
-} from "./chunk-5OTA2PUH.js";
+  parseClassDiagram
+} from "./chunk-DLJJOCIT.js";
 import {
-  parseSitemap
-} from "./chunk-ZECJ7Q6C.js";
+  getPalette
+} from "./chunk-FMAVHTYB.js";
+import {
+  FONT_FAMILY
+} from "./chunk-ICLB27PZ.js";
 import {
   parseWireframe
 } from "./chunk-GI5R5B3S.js";
@@ -198,209 +200,19 @@ import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";
 
-// src/slope/renderer.ts
+// src/arc/renderer.ts
 import * as d3Scale from "d3-scale";
-import * as d3Shape from "d3-shape";
+import * as d3Selection from "d3-selection";
 import * as d3Array from "d3-array";
-function resolveVerticalCollisions(items, minGap, maxY) {
-  if (items.length === 0) return [];
-  const sorted = items.map((it, i) => ({ ...it, idx: i })).sort((a, b) => a.naturalY - b.naturalY);
-  const adjustedY = new Array(items.length);
-  let prevBottom = -Infinity;
-  for (const item of sorted) {
-    const halfH = item.height / 2;
-    let top = Math.max(item.naturalY - halfH, prevBottom + minGap);
-    if (maxY !== void 0) {
-      top = Math.min(top, maxY - item.height);
-    }
-    adjustedY[item.idx] = top + halfH;
-    prevBottom = top + item.height;
-  }
-  return adjustedY;
-}
-var SLOPE_MARGIN = { top: 80, bottom: 40, left: 80 };
-var SLOPE_LABEL_FONT_SIZE = 14;
-function renderSlopeChart(container, parsed, palette, isDark, onClickItem, exportDims) {
-  const { periods, data } = parsed;
-  const title = parsed.noTitle ? null : parsed.title;
-  if (data.length === 0 || periods.length < 2) return;
-  const init = initD3Chart(container, palette, exportDims);
-  if (!init) return;
-  const { svg, width, height, textColor, mutedColor, bgColor, colors } = init;
-  const idealWidth = SLOPE_MARGIN.left + periods.length * 100 + 150;
-  const ctx = exportDims ? ScaleContext.identity() : ScaleContext.from(width, idealWidth);
-  const sMarginTop = ctx.aesthetic(SLOPE_MARGIN.top);
-  const sMarginBottom = ctx.aesthetic(SLOPE_MARGIN.bottom);
-  const sMarginLeft = ctx.aesthetic(SLOPE_MARGIN.left);
-  const sLabelFontSize = ctx.text(SLOPE_LABEL_FONT_SIZE);
-  const sPeriodFont = ctx.text(18);
-  const sValueFont = ctx.text(16);
-  const sPeriodHeaderY = ctx.structural(15);
-  const sDash = scaleDash(GRID_DASH, (n) => ctx.structural(n));
-  const sLineStroke = ctx.structural(2.5);
-  const sHitWidth = ctx.structural(14);
-  const sPointR = ctx.structural(4);
-  const sPointStroke = ctx.structural(1.5);
-  const sValueLabelXOff = ctx.structural(10);
-  const sLabelGap = ctx.structural(10);
-  svg.attr("preserveAspectRatio", "xMidYMin meet");
-  if (ctx.isBelowFloor) {
-    svg.attr("width", "100%");
+function orderArcNodes(links, order, groups) {
+  const nodeSet = /* @__PURE__ */ new Set();
+  for (const link of links) {
+    nodeSet.add(link.source);
+    nodeSet.add(link.target);
   }
-  const maxLabelText = data.reduce((longest, item) => {
-    const text = `${item.values[item.values.length - 1]} \u2014 ${item.label}`;
-    return text.length > longest.length ? text : longest;
-  }, "");
-  const estimatedLabelWidth = measureText(maxLabelText, sLabelFontSize);
-  const maxRightMargin = Math.floor(width * 0.35);
-  const rightMargin = Math.min(
-    Math.max(estimatedLabelWidth + ctx.aesthetic(30), ctx.aesthetic(120)),
-    maxRightMargin
-  );
-  const innerWidth = width - sMarginLeft - rightMargin;
-  const innerHeight = height - sMarginTop - sMarginBottom;
-  const allValues2 = data.flatMap((d) => d.values);
-  const [minVal, maxVal] = d3Array.extent(allValues2);
-  const valuePadding = (maxVal - minVal) * 0.1 || 1;
-  const yScale = d3Scale.scaleLinear().domain([minVal - valuePadding, maxVal + valuePadding]).range([innerHeight, 0]);
-  const xScale = d3Scale.scalePoint().domain(periods).range([0, innerWidth]).padding(0);
-  const g = svg.append("g").attr("transform", `translate(${sMarginLeft},${sMarginTop})`);
-  const tooltip = createTooltip(container, palette, isDark);
-  renderChartTitle(
-    svg,
-    title,
-    parsed.titleLineNumber,
-    width,
-    textColor,
-    onClickItem
-  );
-  for (const period of periods) {
-    const x = xScale(period);
-    g.append("text").attr("x", x).attr("y", -sPeriodHeaderY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sPeriodFont).attr("font-weight", "bold").text(period);
-    g.append("line").attr("x1", x).attr("y1", 0).attr("x2", x).attr("y2", innerHeight).attr("stroke", mutedColor).attr("stroke-width", 1).attr("stroke-dasharray", sDash);
-  }
-  const lineGen = d3Shape.line().x((_d, i) => xScale(periods[i])).y((d) => yScale(d));
-  const seriesInfo = data.map((item, idx) => {
-    const color = item.color ?? colors[idx % colors.length];
-    const firstVal = item.values[0];
-    const lastVal = item.values[item.values.length - 1];
-    const absChange = lastVal - firstVal;
-    const pctChange = firstVal !== 0 ? absChange / firstVal * 100 : null;
-    const sign = absChange > 0 ? "+" : "";
-    const tipLines = [`${sign}${parseFloat(absChange.toFixed(2))}`];
-    if (pctChange !== null) tipLines.push(`${sign}${pctChange.toFixed(1)}%`);
-    const tipHtml = tipLines.join("<br>");
-    const lastX = xScale(periods[periods.length - 1]);
-    const labelText = `${lastVal} \u2014 ${item.label}`;
-    const availableWidth = rightMargin - ctx.aesthetic(15);
-    let labelLineCount = 1;
-    let wrappedLines = null;
-    if (measureText(labelText, sLabelFontSize) > availableWidth) {
-      const lines = wrapTextToWidth(labelText, sLabelFontSize, availableWidth);
-      labelLineCount = lines.length;
-      wrappedLines = lines;
-    }
-    const lineHeight = sLabelFontSize * 1.2;
-    const labelHeight = labelLineCount === 1 ? sLabelFontSize : labelLineCount * lineHeight;
-    return {
-      item,
-      idx,
-      color,
-      firstVal,
-      lastVal,
-      tipHtml,
-      lastX,
-      labelText,
-      wrappedLines,
-      labelHeight
-    };
-  });
-  const leftLabelHeight = sValueFont * 1.25;
-  const leftLabelCollisions = /* @__PURE__ */ new Map();
-  for (let pi = 0; pi < periods.length - 1; pi++) {
-    const entries = data.map((item) => ({
-      // pi is in-bounds by loop guard against periods.length, and each data row has periods.length values.
-      naturalY: yScale(item.values[pi]),
-      height: leftLabelHeight
-    }));
-    leftLabelCollisions.set(
-      pi,
-      resolveVerticalCollisions(entries, 4, innerHeight)
-    );
-  }
-  const rightEntries = seriesInfo.map((si) => ({
-    naturalY: yScale(si.lastVal),
-    height: Math.max(si.labelHeight, sLabelFontSize * 1.4)
-  }));
-  const rightAdjustedY = resolveVerticalCollisions(
-    rightEntries,
-    4,
-    innerHeight
-  );
-  data.forEach((item, idx) => {
-    const si = seriesInfo[idx];
-    const color = si.color;
-    const seriesG = g.append("g").attr("class", "slope-series").attr("data-line-number", String(item.lineNumber));
-    seriesG.append("path").datum(item.values).attr("fill", "none").attr("stroke", color).attr("stroke-width", sLineStroke).attr("d", lineGen);
-    seriesG.append("path").datum(item.values).attr("fill", "none").attr("stroke", "transparent").attr("stroke-width", sHitWidth).attr("d", lineGen).style("cursor", onClickItem ? "pointer" : "default").on(
-      "mouseenter",
-      (event) => showTooltip(tooltip, si.tipHtml, event)
-    ).on(
-      "mousemove",
-      (event) => showTooltip(tooltip, si.tipHtml, event)
-    ).on("mouseleave", () => hideTooltip(tooltip)).on("click", () => {
-      if (onClickItem && item.lineNumber) onClickItem(item.lineNumber);
-    });
-    item.values.forEach((val, i) => {
-      const x = xScale(periods[i]);
-      const y = yScale(val);
-      seriesG.append("circle").attr("cx", x).attr("cy", y).attr("r", sPointR).attr("fill", color).attr("stroke", bgColor).attr("stroke-width", sPointStroke).style("cursor", onClickItem ? "pointer" : "default").on(
-        "mouseenter",
-        (event) => showTooltip(tooltip, si.tipHtml, event)
-      ).on(
-        "mousemove",
-        (event) => showTooltip(tooltip, si.tipHtml, event)
-      ).on("mouseleave", () => hideTooltip(tooltip)).on("click", () => {
-        if (onClickItem && item.lineNumber) onClickItem(item.lineNumber);
-      });
-      const isFirst = i === 0;
-      const isLast = i === periods.length - 1;
-      if (!isLast) {
-        const adjustedY = leftLabelCollisions.get(i)[idx];
-        seriesG.append("text").attr("x", isFirst ? x - sValueLabelXOff : x).attr("y", adjustedY).attr("dy", "0.35em").attr("text-anchor", isFirst ? "end" : "middle").attr("fill", color).attr("font-size", sValueFont).text(val.toString());
-      }
-    });
-    const adjustedLastY = rightAdjustedY[idx];
-    const labelEl = seriesG.append("text").attr("x", si.lastX + sLabelGap).attr("y", adjustedLastY).attr("text-anchor", "start").attr("fill", color).attr("font-size", sLabelFontSize).attr("font-weight", "normal");
-    if (!si.wrappedLines) {
-      labelEl.attr("dy", "0.35em").text(si.labelText);
-    } else {
-      const lineHeight = sLabelFontSize * 1.2;
-      const totalHeight = (si.wrappedLines.length - 1) * lineHeight;
-      const startDy = -totalHeight / 2;
-      si.wrappedLines.forEach((line2, li) => {
-        labelEl.append("tspan").attr("x", si.lastX + sLabelGap).attr(
-          "dy",
-          li === 0 ? `${startDy + sLabelFontSize * 0.35}px` : `${lineHeight}px`
-        ).text(line2);
-      });
-    }
-  });
-}
-
-// src/arc/renderer.ts
-import * as d3Scale2 from "d3-scale";
-import * as d3Selection from "d3-selection";
-import * as d3Array2 from "d3-array";
-function orderArcNodes(links, order, groups) {
-  const nodeSet = /* @__PURE__ */ new Set();
-  for (const link of links) {
-    nodeSet.add(link.source);
-    nodeSet.add(link.target);
-  }
-  const allNodes = Array.from(nodeSet);
-  if (order === "name") {
-    return allNodes.slice().sort((a, b) => a.localeCompare(b));
+  const allNodes = Array.from(nodeSet);
+  if (order === "name") {
+    return allNodes.slice().sort((a, b) => a.localeCompare(b));
   }
   if (order === "degree") {
     const degree = /* @__PURE__ */ new Map();
@@ -556,8 +368,8 @@ function renderArcDiagram(container, parsed, palette, isDark, onClickItem, expor
     groupNodeSets.set(group.name, new Set(group.nodes));
   }
   const values = links.map((l) => l.value);
-  const [minVal, maxVal] = d3Array2.extent(values);
-  const strokeScale = d3Scale2.scaleLinear().domain([minVal, maxVal]).range([sStrokeMin, sStrokeMax]);
+  const [minVal, maxVal] = d3Array.extent(values);
+  const strokeScale = d3Scale.scaleLinear().domain([minVal, maxVal]).range([sStrokeMin, sStrokeMax]);
   const g = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
   renderChartTitle(
     svg,
@@ -642,7 +454,7 @@ function renderArcDiagram(container, parsed, palette, isDark, onClickItem, expor
     return g2 ? groupColorByName.get(g2) : void 0;
   };
   if (isVertical) {
-    const yScale = d3Scale2.scalePoint().domain(nodes).range([0, innerHeight]).padding(0.5);
+    const yScale = d3Scale.scalePoint().domain(nodes).range([0, innerHeight]).padding(0.5);
     const baseX = innerWidth / 2;
     if (arcNodeGroups.length > 0) {
       const bandPad = (yScale.step?.() ?? 20) * 0.4;
@@ -702,7 +514,7 @@ function renderArcDiagram(container, parsed, palette, isDark, onClickItem, expor
       nodeG.append("text").attr("x", baseX - sNodeLabelXOffset).attr("y", y).attr("dy", "0.35em").attr("text-anchor", "end").attr("fill", textColor).attr("font-size", sNodeLabelFont).text(node);
     }
   } else {
-    const xScale = d3Scale2.scalePoint().domain(nodes).range([0, innerWidth]).padding(0.5);
+    const xScale = d3Scale.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;
@@ -827,175 +639,541 @@ function renderArcDiagram(container, parsed, palette, isDark, onClickItem, expor
   }
 }
 
-// src/wordcloud/renderer.ts
+// src/quadrant/renderer.ts
+import * as d3Scale2 from "d3-scale";
 import * as d3Selection2 from "d3-selection";
-import cloud from "d3-cloud";
-function getRotateFn(mode) {
-  if (mode === "mixed") return () => Math.random() > 0.5 ? 0 : 90;
-  if (mode === "angled") return () => Math.round(Math.random() * 30 - 15);
-  return () => 0;
-}
-function hasCanvas2d() {
-  try {
-    if (typeof document === "undefined") return false;
-    const canvas = document.createElement("canvas");
-    return typeof canvas.getContext === "function" && !!canvas.getContext("2d");
-  } catch {
-    return false;
-  }
-}
-function estimateWordWidth(text, size) {
-  return measureText(text, size, { bold: true });
-}
-function layoutWordsNoCanvas(words, width, height, padding, rotateFn) {
-  const sorted = [...words].sort((a, b) => b.size - a.size);
-  const placed = [];
-  const maxR = Math.sqrt(width * width + height * height) / 2;
-  const aspect = width > 0 ? height / width : 1;
-  for (const w of sorted) {
-    const rotate = rotateFn();
-    const rawW = estimateWordWidth(w.text, w.size) + padding * 2;
-    const rawH = w.size + padding * 2;
-    const rad = rotate * Math.PI / 180;
-    const cos = Math.abs(Math.cos(rad));
-    const sin = Math.abs(Math.sin(rad));
-    const halfW = (rawW * cos + rawH * sin) / 2;
-    const halfH = (rawW * sin + rawH * cos) / 2;
-    let spot = null;
-    for (let t = 0; t < 4e3; t++) {
-      const a = t * 0.25;
-      const r = a * 1.4;
-      if (r > maxR) break;
-      const x = Math.cos(a) * r;
-      const y = Math.sin(a) * r * aspect;
-      if (x - halfW < -width / 2 || x + halfW > width / 2 || y - halfH < -height / 2 || y + halfH > height / 2) {
-        continue;
-      }
-      let collides = false;
-      for (const p of placed) {
-        if (Math.abs(x - p.x) < halfW + p.halfW && Math.abs(y - p.y) < halfH + p.halfH) {
-          collides = true;
-          break;
-        }
-      }
-      if (!collides) {
-        spot = { x, y };
-        break;
-      }
-    }
-    if (!spot) continue;
-    placed.push({ ...w, rotate, x: spot.x, y: spot.y, halfW, halfH });
-  }
-  return placed;
-}
-function renderWordCloud(container, parsed, palette, _isDark, onClickItem, exportDims) {
-  const { words, cloudOptions } = parsed;
+function renderQuadrant(container, parsed, palette, isDark, onClickItem, exportDims) {
+  const {
+    quadrantLabels,
+    quadrantPoints,
+    quadrantXAxis,
+    quadrantYAxis,
+    quadrantTitleLineNumber,
+    quadrantXAxisLineNumber,
+    quadrantYAxisLineNumber
+  } = parsed;
   const title = parsed.noTitle ? null : parsed.title;
-  if (words.length === 0) return;
+  if (quadrantPoints.length === 0) return;
   const init = initD3Chart(container, palette, exportDims);
   if (!init) return;
-  const { svg, width, height, textColor, colors } = init;
-  const idealWidth = Math.max(400, words.length * 30);
+  const { svg, width, height, textColor } = init;
+  const borderColor = palette.border;
+  const idealWidth = 600;
   const ctx = exportDims ? ScaleContext.identity() : ScaleContext.from(width, idealWidth);
-  const sTitleHeight = title ? ctx.aesthetic(40) : 0;
-  const cloudHeight = height - sTitleHeight;
-  const sPadding = ctx.structural(2);
   svg.attr("preserveAspectRatio", "xMidYMid meet");
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
-  const { minSize, maxSize } = cloudOptions;
-  const sMinSize = ctx.text(minSize);
-  const sMaxSize = ctx.text(maxSize);
-  const weights = words.map((w) => w.weight);
-  const minWeight = Math.min(...weights);
-  const maxWeight = Math.max(...weights);
-  const range = maxWeight - minWeight || 1;
-  const fontSize = (weight) => {
-    const t = (weight - minWeight) / range;
-    return sMinSize + Math.sqrt(t) * (sMaxSize - sMinSize);
+  const defaultColors = [
+    palette.colors.blue,
+    palette.colors.green,
+    palette.colors.yellow,
+    palette.colors.purple
+  ];
+  const hasXAxis = !!quadrantXAxis;
+  const hasYAxis = !!quadrantYAxis;
+  const margin = {
+    top: title ? ctx.aesthetic(60) : ctx.aesthetic(30),
+    right: ctx.aesthetic(30),
+    bottom: hasXAxis ? ctx.aesthetic(70) : ctx.aesthetic(40),
+    left: hasYAxis ? ctx.aesthetic(80) : ctx.aesthetic(40)
   };
-  const rotateFn = getRotateFn(cloudOptions.rotate);
+  const chartWidth = width - margin.left - margin.right;
+  const chartHeight = height - margin.top - margin.bottom;
+  const xScale = d3Scale2.scaleLinear().domain([0, 1]).range([0, chartWidth]);
+  const yScale = d3Scale2.scaleLinear().domain([0, 1]).range([chartHeight, 0]);
   renderChartTitle(
     svg,
     title,
-    parsed.titleLineNumber,
+    quadrantTitleLineNumber,
     width,
     textColor,
     onClickItem
   );
-  const g = svg.append("g").attr(
-    "transform",
-    `translate(${width / 2},${sTitleHeight + cloudHeight / 2})`
-  );
-  const sized = words.map((w) => ({ ...w, size: fontSize(w.weight) }));
-  const draw = (layoutWords) => {
-    g.selectAll("text").data(layoutWords).join("text").style("font-size", (d) => `${d.size}px`).style("font-family", FONT_FAMILY).style("font-weight", "bold").style("fill", (_d, i) => colors[i % colors.length]).style(
-      "cursor",
-      (d) => onClickItem && d.lineNumber ? "pointer" : "default"
-    ).attr("text-anchor", "middle").attr("transform", (d) => `translate(${d.x},${d.y}) rotate(${d.rotate})`).attr("data-line-number", (d) => {
-      const ln = d.lineNumber;
-      return ln ? String(ln) : null;
-    }).text((d) => d.text).on("click", (_event, d) => {
-      const ln = d.lineNumber;
-      if (onClickItem && ln) onClickItem(ln);
-    });
+  const chartG = svg.append("g").attr("transform", `translate(${margin.left}, ${margin.top})`);
+  const bg = themeBaseBg(palette, isDark);
+  const getQuadrantColor = (label, defaultIdx) => {
+    return label?.color ?? defaultColors[defaultIdx % defaultColors.length];
   };
-  if (!hasCanvas2d()) {
-    draw(layoutWordsNoCanvas(sized, width, cloudHeight, sPadding, rotateFn));
-    return;
-  }
-  cloud().size([width, cloudHeight]).words(sized).padding(sPadding).rotate(rotateFn).fontSize((d) => d.size).font(FONT_FAMILY).on("end", draw).start();
-}
-function renderWordCloudAsync(container, parsed, palette, _isDark, exportDims) {
-  return new Promise((resolve) => {
-    d3Selection2.select(container).selectAll(":not([data-d3-tooltip])").remove();
-    const { words, cloudOptions } = parsed;
-    const title = parsed.noTitle ? null : parsed.title;
-    if (words.length === 0) {
-      resolve();
-      return;
+  const getQuadrantFill = (label, defaultIdx) => {
+    return mix(getQuadrantColor(label, defaultIdx), bg, 30);
+  };
+  const quadrantDefs = [
+    {
+      position: "top-left",
+      x: 0,
+      y: 0,
+      w: chartWidth / 2,
+      h: chartHeight / 2,
+      labelX: chartWidth / 4,
+      labelY: chartHeight / 4,
+      label: quadrantLabels.topLeft,
+      colorIdx: 1
+      // green
+    },
+    {
+      position: "top-right",
+      x: chartWidth / 2,
+      y: 0,
+      w: chartWidth / 2,
+      h: chartHeight / 2,
+      labelX: chartWidth * 3 / 4,
+      labelY: chartHeight / 4,
+      label: quadrantLabels.topRight,
+      colorIdx: 0
+      // blue
+    },
+    {
+      position: "bottom-left",
+      x: 0,
+      y: chartHeight / 2,
+      w: chartWidth / 2,
+      h: chartHeight / 2,
+      labelX: chartWidth / 4,
+      labelY: chartHeight * 3 / 4,
+      label: quadrantLabels.bottomLeft,
+      colorIdx: 2
+      // yellow
+    },
+    {
+      position: "bottom-right",
+      x: chartWidth / 2,
+      y: chartHeight / 2,
+      w: chartWidth / 2,
+      h: chartHeight / 2,
+      labelX: chartWidth * 3 / 4,
+      labelY: chartHeight * 3 / 4,
+      label: quadrantLabels.bottomRight,
+      colorIdx: 3
+      // purple
     }
-    const width = exportDims?.width ?? container.clientWidth;
-    const height = exportDims?.height ?? container.clientHeight;
-    if (width <= 0 || height <= 0) {
-      resolve();
-      return;
+  ];
+  const quadrantRects = chartG.selectAll("rect.quadrant").data(quadrantDefs).enter().append("rect").attr("class", "quadrant").attr("x", (d) => d.x).attr("y", (d) => d.y).attr("width", (d) => d.w).attr("height", (d) => d.h).attr("fill", (d) => getQuadrantFill(d.label, d.colorIdx)).attr("stroke", (d) => getQuadrantColor(d.label, d.colorIdx)).attr("stroke-width", ctx.structural(2));
+  const shadowColor = isDark ? "rgba(0,0,0,0.55)" : "rgba(0,0,0,0.4)";
+  const quadrantLabelColor = mix(textColor, bg, 35);
+  const LABEL_MAX_FONT = ctx.text(48);
+  const LABEL_MIN_FONT = ctx.text(14);
+  const LABEL_PAD = ctx.aesthetic(40);
+  const quadrantLabelLayout = (text, qw2, qh2) => {
+    const availW = qw2 - LABEL_PAD;
+    const availH = qh2 - LABEL_PAD;
+    if (measureText(text, LABEL_MAX_FONT, { bold: true }) <= availW) {
+      const fs = Math.min(LABEL_MAX_FONT, availH);
+      return {
+        lines: [text],
+        fontSize: Math.max(LABEL_MIN_FONT, Math.round(fs))
+      };
     }
-    const titleHeight = title ? 40 : 0;
-    const cloudHeight = height - titleHeight;
-    const textColor = palette.text;
-    const bgColor = palette.bg;
-    const colors = getSeriesColors(palette);
-    const { minSize, maxSize } = cloudOptions;
-    const weights = words.map((w) => w.weight);
-    const minWeight = Math.min(...weights);
-    const maxWeight = Math.max(...weights);
-    const range = maxWeight - minWeight || 1;
-    const fontSize = (weight) => {
-      const t = (weight - minWeight) / range;
-      return minSize + Math.sqrt(t) * (maxSize - minSize);
+    const wrapLines = (fs) => wrapTextToWidth(text, fs, availW, { bold: true });
+    let lo = LABEL_MIN_FONT;
+    let hi = LABEL_MAX_FONT;
+    let bestLines = wrapLines(lo);
+    let bestFs = lo;
+    while (lo <= hi) {
+      const mid = Math.round((lo + hi) / 2);
+      const lines = wrapLines(mid);
+      const totalH = lines.length * mid * 1.2;
+      const maxLineW = Math.max(
+        ...lines.map((l) => measureText(l, mid, { bold: true }))
+      );
+      if (maxLineW <= availW && totalH <= availH) {
+        bestFs = mid;
+        bestLines = lines;
+        lo = mid + 1;
+      } else {
+        hi = mid - 1;
+      }
+    }
+    return { lines: bestLines, fontSize: Math.max(LABEL_MIN_FONT, bestFs) };
+  };
+  const qw = chartWidth / 2;
+  const qh = chartHeight / 2;
+  const quadrantDefsWithLabel = quadrantDefs.filter((d) => d.label !== null);
+  const labelLayouts = new Map(
+    quadrantDefsWithLabel.map((d) => [
+      d.label.text,
+      quadrantLabelLayout(d.label.text, qw, qh)
+    ])
+  );
+  const renderWatermarkOriginal = (textEl, d) => {
+    const layout = labelLayouts.get(d.label.text);
+    const el = d3Selection2.select(textEl);
+    el.text(null).attr("font-size", layout.fontSize).attr("font-weight", "bold");
+    if (layout.lines.length === 1) {
+      el.text(layout.lines[0]);
+    } else {
+      const lineH = layout.fontSize * 1.2;
+      const totalH = layout.lines.length * lineH;
+      const startY = -totalH / 2 + lineH / 2;
+      layout.lines.forEach((line2, i) => {
+        el.append("tspan").attr("x", d.labelX).attr("dy", i === 0 ? `${startY}px` : `${lineH}px`).text(line2);
+      });
+    }
+  };
+  const quadrantLabelTexts = chartG.selectAll("text.quadrant-label").data(quadrantDefsWithLabel).enter().append("text").attr("class", "quadrant-label").attr("x", (d) => d.labelX).attr("y", (d) => d.labelY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", quadrantLabelColor).attr(
+    "data-line-number",
+    (d) => d.label?.lineNumber ? String(d.label.lineNumber) : null
+  ).style(
+    "cursor",
+    (d) => onClickItem && d.label?.lineNumber ? "pointer" : "default"
+  ).each(function(d) {
+    renderWatermarkOriginal(this, d);
+  });
+  if (onClickItem) {
+    quadrantLabelTexts.on("click", (_, d) => {
+      if (d.label?.lineNumber) onClickItem(d.label.lineNumber);
+    }).on("mouseenter", function() {
+      d3Selection2.select(this).attr("opacity", 0.7);
+    }).on("mouseleave", function() {
+      d3Selection2.select(this).attr("opacity", 1);
+    });
+  }
+  const sAxisFont = ctx.text(18);
+  const sAxisPad = ctx.aesthetic(20);
+  const sAxisX = ctx.aesthetic(22);
+  if (quadrantXAxis) {
+    const xLowLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", margin.left + chartWidth / 4).attr("y", height - sAxisPad).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr(
+      "data-line-number",
+      quadrantXAxisLineNumber ? String(quadrantXAxisLineNumber) : null
+    ).style(
+      "cursor",
+      onClickItem && quadrantXAxisLineNumber ? "pointer" : "default"
+    ).text(quadrantXAxis[0]);
+    const xHighLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", margin.left + chartWidth * 3 / 4).attr("y", height - sAxisPad).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr(
+      "data-line-number",
+      quadrantXAxisLineNumber ? String(quadrantXAxisLineNumber) : null
+    ).style(
+      "cursor",
+      onClickItem && quadrantXAxisLineNumber ? "pointer" : "default"
+    ).text(quadrantXAxis[1]);
+    if (onClickItem && quadrantXAxisLineNumber) {
+      [xLowLabel, xHighLabel].forEach((label) => {
+        label.on("click", () => onClickItem(quadrantXAxisLineNumber)).on("mouseenter", function() {
+          d3Selection2.select(this).attr("opacity", 0.7);
+        }).on("mouseleave", function() {
+          d3Selection2.select(this).attr("opacity", 1);
+        });
+      });
+    }
+  }
+  if (quadrantYAxis) {
+    const yMidBottom = margin.top + chartHeight * 3 / 4;
+    const yMidTop = margin.top + chartHeight / 4;
+    const yLowLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", sAxisX).attr("y", yMidBottom).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr("transform", `rotate(-90, ${sAxisX}, ${yMidBottom})`).attr(
+      "data-line-number",
+      quadrantYAxisLineNumber ? String(quadrantYAxisLineNumber) : null
+    ).style(
+      "cursor",
+      onClickItem && quadrantYAxisLineNumber ? "pointer" : "default"
+    ).text(quadrantYAxis[0]);
+    const yHighLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", sAxisX).attr("y", yMidTop).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr("transform", `rotate(-90, ${sAxisX}, ${yMidTop})`).attr(
+      "data-line-number",
+      quadrantYAxisLineNumber ? String(quadrantYAxisLineNumber) : null
+    ).style(
+      "cursor",
+      onClickItem && quadrantYAxisLineNumber ? "pointer" : "default"
+    ).text(quadrantYAxis[1]);
+    if (onClickItem && quadrantYAxisLineNumber) {
+      [yLowLabel, yHighLabel].forEach((label) => {
+        label.on("click", () => onClickItem(quadrantYAxisLineNumber)).on("mouseenter", function() {
+          d3Selection2.select(this).attr("opacity", 0.7);
+        }).on("mouseleave", function() {
+          d3Selection2.select(this).attr("opacity", 1);
+        });
+      });
+    }
+  }
+  chartG.append("line").attr("x1", chartWidth / 2).attr("y1", 0).attr("x2", chartWidth / 2).attr("y2", chartHeight).attr("stroke", borderColor).attr("stroke-width", 1);
+  chartG.append("line").attr("x1", 0).attr("y1", chartHeight / 2).attr("x2", chartWidth).attr("y2", chartHeight / 2).attr("stroke", borderColor).attr("stroke-width", 1);
+  const getPointQuadrant = (x, y) => {
+    if (x >= 0.5 && y >= 0.5) return "top-right";
+    if (x < 0.5 && y >= 0.5) return "top-left";
+    if (x < 0.5 && y < 0.5) return "bottom-left";
+    return "bottom-right";
+  };
+  const POINT_RADIUS = ctx.structural(6);
+  const POINT_LABEL_FONT_SIZE = ctx.text(12);
+  const quadrantLabelObstacles = quadrantDefsWithLabel.map((d) => {
+    const layout = labelLayouts.get(d.label.text);
+    const totalW = Math.max(
+      ...layout.lines.map((l) => measureText(l, layout.fontSize))
+    );
+    const totalH = layout.lines.length * layout.fontSize * 1.2;
+    return {
+      x: d.labelX - totalW / 2,
+      y: d.labelY - totalH / 2,
+      w: totalW,
+      h: totalH
     };
-    const rotateFn = getRotateFn(cloudOptions.rotate);
-    const svg = d3Selection2.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMid meet").style("background", bgColor);
-    renderChartTitle(svg, title, parsed.titleLineNumber, width, textColor);
-    const g = svg.append("g").attr(
-      "transform",
-      `translate(${width / 2},${titleHeight + cloudHeight / 2})`
+  });
+  const pointPixels = quadrantPoints.map((point) => ({
+    label: point.label,
+    cx: xScale(point.x),
+    cy: yScale(point.y)
+  }));
+  const placedPointLabels = computeQuadrantPointLabels(
+    pointPixels,
+    { left: 0, top: 0, right: chartWidth, bottom: chartHeight },
+    quadrantLabelObstacles,
+    POINT_RADIUS,
+    POINT_LABEL_FONT_SIZE,
+    // Point labels are drawn at 700 here.
+    true
+  );
+  const pointsG = chartG.append("g").attr("class", "points");
+  quadrantPoints.forEach((point, i) => {
+    const cx = xScale(point.x);
+    const cy = yScale(point.y);
+    const quadrant = getPointQuadrant(point.x, point.y);
+    const quadDef = quadrantDefs.find((d) => d.position === quadrant);
+    const pointColor = quadDef?.label?.color ?? defaultColors[quadDef?.colorIdx ?? 0];
+    const placed = placedPointLabels[i];
+    const pointG = pointsG.append("g").attr("class", "point-group").attr("data-line-number", String(point.lineNumber)).attr("data-quadrant", quadrant);
+    if (placed.connectorLine) {
+      pointG.append("line").attr("x1", placed.connectorLine.x1).attr("y1", placed.connectorLine.y1).attr("x2", placed.connectorLine.x2).attr("y2", placed.connectorLine.y2).attr("stroke", pointColor).attr("stroke-width", 1).attr("opacity", 0.5);
+    }
+    pointG.append("circle").attr("cx", cx).attr("cy", cy).attr("r", POINT_RADIUS).attr("fill", bg).attr("stroke", pointColor).attr("stroke-width", ctx.structural(2));
+    const labelText = pointG.append("text").attr("x", placed.x).attr("y", placed.y).attr("text-anchor", placed.anchor).attr("dominant-baseline", "central").attr("fill", textColor).attr("font-size", POINT_LABEL_FONT_SIZE).attr("font-weight", "bold").style("text-shadow", `0 1px 2px ${shadowColor}`).style("transition", "y 120ms ease-out");
+    labelText.append("tspan").text(point.label);
+    const coordsTspan = labelText.append("tspan").attr("class", "point-coords").attr("x", placed.x).attr("dy", `${POINT_LABEL_FONT_SIZE}px`).attr("font-size", ctx.text(10)).attr("font-weight", "normal").attr("visibility", "hidden").text(`${point.x.toFixed(2)}, ${point.y.toFixed(2)}`);
+    const COORDS_LINE_H = ctx.structural(14);
+    const bumpDy = placed.y < cy ? -COORDS_LINE_H : COORDS_LINE_H;
+    pointG.style("cursor", onClickItem ? "pointer" : "default").on("mouseenter", () => {
+      pointG.select("circle").attr("r", ctx.structural(8));
+      labelText.attr("y", placed.y + bumpDy);
+      coordsTspan.attr("visibility", "visible");
+      quadrantRects.attr(
+        "opacity",
+        (qd) => qd.position === quadrant ? 1 : 0.3
+      );
+      quadrantLabelTexts.attr(
+        "opacity",
+        (qd) => qd.position === quadrant ? 1 : 0.3
+      );
+      pointsG.selectAll("g.point-group").filter((_, j) => j !== i).attr("opacity", 0.3);
+    }).on("mouseleave", () => {
+      pointG.select("circle").attr("r", POINT_RADIUS);
+      labelText.attr("y", placed.y);
+      coordsTspan.attr("visibility", "hidden");
+      quadrantRects.attr("opacity", 1);
+      quadrantLabelTexts.attr("opacity", 1);
+      pointsG.selectAll("g.point-group").attr("opacity", 1);
+    }).on("click", () => {
+      if (onClickItem && point.lineNumber) onClickItem(point.lineNumber);
+    });
+  });
+  quadrantRects.style("cursor", onClickItem ? "pointer" : "default").on("mouseenter", function(_, d) {
+    quadrantRects.attr(
+      "opacity",
+      (qd) => qd.position === d.position ? 1 : 0.3
     );
-    const sized = words.map((w) => ({ ...w, size: fontSize(w.weight) }));
-    const draw = (layoutWords) => {
-      g.selectAll("text").data(layoutWords).join("text").style("font-size", (d) => `${d.size}px`).style("font-family", FONT_FAMILY).style("font-weight", "bold").style("fill", (_d, i) => colors[i % colors.length]).attr("text-anchor", "middle").attr(
-        "transform",
-        (d) => `translate(${d.x},${d.y}) rotate(${d.rotate})`
-      ).text((d) => d.text);
-      resolve();
+    quadrantLabelTexts.attr(
+      "opacity",
+      (qd) => qd.position === d.position ? 1 : 0.3
+    );
+    pointsG.selectAll("g.point-group").each(function(_2, i) {
+      const pt = quadrantPoints[i];
+      const ptQuad = getPointQuadrant(pt.x, pt.y);
+      d3Selection2.select(this).attr("opacity", ptQuad === d.position ? 1 : 0.2);
+    });
+  }).on("mouseleave", () => {
+    quadrantRects.attr("opacity", 1);
+    quadrantLabelTexts.attr("opacity", 1);
+    pointsG.selectAll("g.point-group").attr("opacity", 1);
+  }).on("click", (_, d) => {
+    if (onClickItem && d.label?.lineNumber) {
+      onClickItem(d.label.lineNumber);
+    }
+  });
+}
+
+// src/slope/renderer.ts
+import * as d3Scale3 from "d3-scale";
+import * as d3Shape from "d3-shape";
+import * as d3Array2 from "d3-array";
+function resolveVerticalCollisions(items, minGap, maxY) {
+  if (items.length === 0) return [];
+  const sorted = items.map((it, i) => ({ ...it, idx: i })).sort((a, b) => a.naturalY - b.naturalY);
+  const adjustedY = new Array(items.length);
+  let prevBottom = -Infinity;
+  for (const item of sorted) {
+    const halfH = item.height / 2;
+    let top = Math.max(item.naturalY - halfH, prevBottom + minGap);
+    if (maxY !== void 0) {
+      top = Math.min(top, maxY - item.height);
+    }
+    adjustedY[item.idx] = top + halfH;
+    prevBottom = top + item.height;
+  }
+  return adjustedY;
+}
+var SLOPE_MARGIN = { top: 80, bottom: 40, left: 80 };
+var SLOPE_LABEL_FONT_SIZE = 14;
+function renderSlopeChart(container, parsed, palette, isDark, onClickItem, exportDims) {
+  const { periods, data } = parsed;
+  const title = parsed.noTitle ? null : parsed.title;
+  if (data.length === 0 || periods.length < 2) return;
+  const init = initD3Chart(container, palette, exportDims);
+  if (!init) return;
+  const { svg, width, height, textColor, mutedColor, bgColor, colors } = init;
+  const idealWidth = SLOPE_MARGIN.left + periods.length * 100 + 150;
+  const ctx = exportDims ? ScaleContext.identity() : ScaleContext.from(width, idealWidth);
+  const sMarginTop = ctx.aesthetic(SLOPE_MARGIN.top);
+  const sMarginBottom = ctx.aesthetic(SLOPE_MARGIN.bottom);
+  const sMarginLeft = ctx.aesthetic(SLOPE_MARGIN.left);
+  const sLabelFontSize = ctx.text(SLOPE_LABEL_FONT_SIZE);
+  const sPeriodFont = ctx.text(18);
+  const sValueFont = ctx.text(16);
+  const sPeriodHeaderY = ctx.structural(15);
+  const sDash = scaleDash(GRID_DASH, (n) => ctx.structural(n));
+  const sLineStroke = ctx.structural(2.5);
+  const sHitWidth = ctx.structural(14);
+  const sPointR = ctx.structural(4);
+  const sPointStroke = ctx.structural(1.5);
+  const sValueLabelXOff = ctx.structural(10);
+  const sLabelGap = ctx.structural(10);
+  svg.attr("preserveAspectRatio", "xMidYMin meet");
+  if (ctx.isBelowFloor) {
+    svg.attr("width", "100%");
+  }
+  const maxLabelText = data.reduce((longest, item) => {
+    const text = `${item.values[item.values.length - 1]} \u2014 ${item.label}`;
+    return text.length > longest.length ? text : longest;
+  }, "");
+  const estimatedLabelWidth = measureText(maxLabelText, sLabelFontSize);
+  const maxRightMargin = Math.floor(width * 0.35);
+  const rightMargin = Math.min(
+    Math.max(estimatedLabelWidth + ctx.aesthetic(30), ctx.aesthetic(120)),
+    maxRightMargin
+  );
+  const innerWidth = width - sMarginLeft - rightMargin;
+  const innerHeight = height - sMarginTop - sMarginBottom;
+  const allValues2 = data.flatMap((d) => d.values);
+  const [minVal, maxVal] = d3Array2.extent(allValues2);
+  const valuePadding = (maxVal - minVal) * 0.1 || 1;
+  const yScale = d3Scale3.scaleLinear().domain([minVal - valuePadding, maxVal + valuePadding]).range([innerHeight, 0]);
+  const xScale = d3Scale3.scalePoint().domain(periods).range([0, innerWidth]).padding(0);
+  const g = svg.append("g").attr("transform", `translate(${sMarginLeft},${sMarginTop})`);
+  const tooltip = createTooltip(container, palette, isDark);
+  renderChartTitle(
+    svg,
+    title,
+    parsed.titleLineNumber,
+    width,
+    textColor,
+    onClickItem
+  );
+  for (const period of periods) {
+    const x = xScale(period);
+    g.append("text").attr("x", x).attr("y", -sPeriodHeaderY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sPeriodFont).attr("font-weight", "bold").text(period);
+    g.append("line").attr("x1", x).attr("y1", 0).attr("x2", x).attr("y2", innerHeight).attr("stroke", mutedColor).attr("stroke-width", 1).attr("stroke-dasharray", sDash);
+  }
+  const lineGen = d3Shape.line().x((_d, i) => xScale(periods[i])).y((d) => yScale(d));
+  const seriesInfo = data.map((item, idx) => {
+    const color = item.color ?? colors[idx % colors.length];
+    const firstVal = item.values[0];
+    const lastVal = item.values[item.values.length - 1];
+    const absChange = lastVal - firstVal;
+    const pctChange = firstVal !== 0 ? absChange / firstVal * 100 : null;
+    const sign = absChange > 0 ? "+" : "";
+    const tipLines = [`${sign}${parseFloat(absChange.toFixed(2))}`];
+    if (pctChange !== null) tipLines.push(`${sign}${pctChange.toFixed(1)}%`);
+    const tipHtml = tipLines.join("<br>");
+    const lastX = xScale(periods[periods.length - 1]);
+    const labelText = `${lastVal} \u2014 ${item.label}`;
+    const availableWidth = rightMargin - ctx.aesthetic(15);
+    let labelLineCount = 1;
+    let wrappedLines = null;
+    if (measureText(labelText, sLabelFontSize) > availableWidth) {
+      const lines = wrapTextToWidth(labelText, sLabelFontSize, availableWidth);
+      labelLineCount = lines.length;
+      wrappedLines = lines;
+    }
+    const lineHeight = sLabelFontSize * 1.2;
+    const labelHeight = labelLineCount === 1 ? sLabelFontSize : labelLineCount * lineHeight;
+    return {
+      item,
+      idx,
+      color,
+      firstVal,
+      lastVal,
+      tipHtml,
+      lastX,
+      labelText,
+      wrappedLines,
+      labelHeight
     };
-    if (!hasCanvas2d()) {
-      draw(layoutWordsNoCanvas(sized, width, cloudHeight, 2, rotateFn));
-      return;
+  });
+  const leftLabelHeight = sValueFont * 1.25;
+  const leftLabelCollisions = /* @__PURE__ */ new Map();
+  for (let pi = 0; pi < periods.length - 1; pi++) {
+    const entries = data.map((item) => ({
+      // pi is in-bounds by loop guard against periods.length, and each data row has periods.length values.
+      naturalY: yScale(item.values[pi]),
+      height: leftLabelHeight
+    }));
+    leftLabelCollisions.set(
+      pi,
+      resolveVerticalCollisions(entries, 4, innerHeight)
+    );
+  }
+  const rightEntries = seriesInfo.map((si) => ({
+    naturalY: yScale(si.lastVal),
+    height: Math.max(si.labelHeight, sLabelFontSize * 1.4)
+  }));
+  const rightAdjustedY = resolveVerticalCollisions(
+    rightEntries,
+    4,
+    innerHeight
+  );
+  data.forEach((item, idx) => {
+    const si = seriesInfo[idx];
+    const color = si.color;
+    const seriesG = g.append("g").attr("class", "slope-series").attr("data-line-number", String(item.lineNumber));
+    seriesG.append("path").datum(item.values).attr("fill", "none").attr("stroke", color).attr("stroke-width", sLineStroke).attr("d", lineGen);
+    seriesG.append("path").datum(item.values).attr("fill", "none").attr("stroke", "transparent").attr("stroke-width", sHitWidth).attr("d", lineGen).style("cursor", onClickItem ? "pointer" : "default").on(
+      "mouseenter",
+      (event) => showTooltip(tooltip, si.tipHtml, event)
+    ).on(
+      "mousemove",
+      (event) => showTooltip(tooltip, si.tipHtml, event)
+    ).on("mouseleave", () => hideTooltip(tooltip)).on("click", () => {
+      if (onClickItem && item.lineNumber) onClickItem(item.lineNumber);
+    });
+    item.values.forEach((val, i) => {
+      const x = xScale(periods[i]);
+      const y = yScale(val);
+      seriesG.append("circle").attr("cx", x).attr("cy", y).attr("r", sPointR).attr("fill", color).attr("stroke", bgColor).attr("stroke-width", sPointStroke).style("cursor", onClickItem ? "pointer" : "default").on(
+        "mouseenter",
+        (event) => showTooltip(tooltip, si.tipHtml, event)
+      ).on(
+        "mousemove",
+        (event) => showTooltip(tooltip, si.tipHtml, event)
+      ).on("mouseleave", () => hideTooltip(tooltip)).on("click", () => {
+        if (onClickItem && item.lineNumber) onClickItem(item.lineNumber);
+      });
+      const isFirst = i === 0;
+      const isLast = i === periods.length - 1;
+      if (!isLast) {
+        const adjustedY = leftLabelCollisions.get(i)[idx];
+        seriesG.append("text").attr("x", isFirst ? x - sValueLabelXOff : x).attr("y", adjustedY).attr("dy", "0.35em").attr("text-anchor", isFirst ? "end" : "middle").attr("fill", color).attr("font-size", sValueFont).text(val.toString());
+      }
+    });
+    const adjustedLastY = rightAdjustedY[idx];
+    const labelEl = seriesG.append("text").attr("x", si.lastX + sLabelGap).attr("y", adjustedLastY).attr("text-anchor", "start").attr("fill", color).attr("font-size", sLabelFontSize).attr("font-weight", "normal");
+    if (!si.wrappedLines) {
+      labelEl.attr("dy", "0.35em").text(si.labelText);
+    } else {
+      const lineHeight = sLabelFontSize * 1.2;
+      const totalHeight = (si.wrappedLines.length - 1) * lineHeight;
+      const startDy = -totalHeight / 2;
+      si.wrappedLines.forEach((line2, li) => {
+        labelEl.append("tspan").attr("x", si.lastX + sLabelGap).attr(
+          "dy",
+          li === 0 ? `${startDy + sLabelFontSize * 0.35}px` : `${lineHeight}px`
+        ).text(line2);
+      });
     }
-    cloud().size([width, cloudHeight]).words(sized).padding(2).rotate(rotateFn).fontSize((d) => d.size).font(FONT_FAMILY).on("end", draw).start();
   });
 }
 
@@ -1465,985 +1643,484 @@ function renderVenn(container, parsed, palette, _isDark, onClickItem, exportDims
       sy /= excluded.length;
       const dx = centroid.x - sx;
       const dy = centroid.y - sy;
-      const m = Math.sqrt(dx * dx + dy * dy);
-      if (m >= 1e-6) {
-        const nx = Math.abs(dx / m) < 1e-9 ? 0 : dx / m;
-        const ny = Math.abs(dy / m) < 1e-9 ? 0 : dy / m;
-        return { x: nx, y: ny };
-      }
-    }
-    if (n === 3) return { x: 0, y: -1 };
-    return { x: 0, y: 1 };
-  }
-  function lensExit(c0, dir, idxs) {
-    let minT = Infinity;
-    for (const i of idxs) {
-      const c = circles[i];
-      const dx = c0.x - c.x;
-      const dy = c0.y - c.y;
-      const B = dx * dir.x + dy * dir.y;
-      const C = dx * dx + dy * dy - c.r * c.r;
-      const disc = B * B - C;
-      if (disc < 0) continue;
-      const t = -B + Math.sqrt(disc);
-      if (t > 0 && t < minT) minT = t;
-    }
-    if (!isFinite(minT)) return { x: c0.x, y: c0.y };
-    return { x: c0.x + dir.x * minT, y: c0.y + dir.y * minT };
-  }
-  function unionExit(c0, dir, idxs) {
-    let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
-    for (const c of circles) {
-      minX = Math.min(minX, c.x - c.r);
-      maxX = Math.max(maxX, c.x + c.r);
-      minY = Math.min(minY, c.y - c.r);
-      maxY = Math.max(maxY, c.y + c.r);
-    }
-    const STEP = 3;
-    const MAX_ITERS = 400;
-    const axisAligned = dir.x === 0 || dir.y === 0;
-    let p = { x: c0.x, y: c0.y };
-    let leftOverlap = false;
-    for (let i = 0; i < MAX_ITERS; i++) {
-      const next = { x: p.x + dir.x * STEP, y: p.y + dir.y * STEP };
-      p = next;
-      if (!leftOverlap) {
-        leftOverlap = !idxs.every((ci) => pointInCircle(next, circles[ci]));
-        if (!leftOverlap) continue;
-      }
-      const insideAny = circles.some((c) => pointInCircle(next, c));
-      if (insideAny) continue;
-      if (axisAligned) {
-        const passedX = dir.x > 0 ? next.x >= maxX : next.x <= minX;
-        const passedY = dir.y > 0 ? next.y >= maxY : next.y <= minY;
-        if (dir.x !== 0 && !passedX) continue;
-        if (dir.y !== 0 && !passedY) continue;
-      }
-      break;
-    }
-    return p;
-  }
-  for (const ov of vennOverlaps) {
-    if (!ov.label) continue;
-    const idxs = ov.sets.map((s) => vennSets.findIndex((vs) => vs.name === s));
-    if (idxs.some((idx) => idx < 0)) continue;
-    const lines = wrappedOverlapLabels.get(ov) ?? [ov.label];
-    const inside = circles.map((_, j) => idxs.includes(j));
-    const centroid = regionCentroid(circles, inside);
-    const dir = overlapOutwardDir(centroid, idxs);
-    const isTriple = idxs.length === 3 && n === 3;
-    const padBoost = isTriple && dir.y < 0 ? 32 : 0;
-    const leaderPad = OVERLAP_LEADER_PAD + padBoost;
-    const lensPt = lensExit(centroid, dir, idxs);
-    const farExit = unionExit(centroid, dir, idxs);
-    const stubEndX = farExit.x + dir.x * leaderPad;
-    const stubEndY = farExit.y + dir.y * leaderPad;
-    const horizontal = Math.abs(dir.x) >= Math.abs(dir.y);
-    let textAnchor;
-    let baseline = "central";
-    if (horizontal) {
-      textAnchor = dir.x >= 0 ? "start" : "end";
-    } else {
-      textAnchor = "middle";
-      baseline = dir.y >= 0 ? "hanging" : "auto";
-    }
-    let textX, textY;
-    if (horizontal) {
-      const sign = dir.x >= 0 ? 1 : -1;
-      textX = stubEndX + sign * OVERLAP_TEXT_GAP;
-      textY = stubEndY;
-    } else {
-      const sign = dir.y >= 0 ? 1 : -1;
-      textX = stubEndX;
-      textY = stubEndY + sign * OVERLAP_TEXT_GAP;
-    }
-    const blockW = lines.reduce(
-      (m, l) => Math.max(m, measureText(l, OVERLAP_FONT, { bold: true })),
-      0
-    );
-    const blockH = lines.length * OVERLAP_LINE_H;
-    if (textAnchor === "start") textX = Math.min(textX, width - blockW - 4);
-    else if (textAnchor === "end") textX = Math.max(textX, blockW + 4);
-    else
-      textX = Math.max(blockW / 2 + 4, Math.min(width - blockW / 2 - 4, textX));
-    let topY, bottomY;
-    if (baseline === "hanging") {
-      topY = textY;
-      bottomY = textY + blockH;
-    } else if (baseline === "auto") {
-      bottomY = textY;
-      topY = textY - blockH;
-    } else {
-      topY = textY - blockH / 2;
-      bottomY = textY + blockH / 2;
-    }
-    if (topY < sTitleHeight + 6) textY += sTitleHeight + 6 - topY;
-    else if (bottomY > height - 4) textY -= bottomY - (height - 4);
-    const startY = baseline === "hanging" ? textY : baseline === "auto" ? textY - (lines.length - 1) * OVERLAP_LINE_H : textY - (lines.length - 1) * OVERLAP_LINE_H / 2;
-    const leaderStartX = isTriple ? centroid.x : lensPt.x;
-    const leaderStartY = isTriple ? centroid.y : lensPt.y;
-    let tinted = setColors[idxs[0]];
-    for (let k = 1; k < idxs.length; k++) {
-      const pct = k / (k + 1) * 100;
-      tinted = mix(tinted, setColors[idxs[k]], pct);
-    }
-    const overlapColor = mix(tinted, textColor, 90);
-    const ovKey = [...idxs].sort((a, b) => a - b).join("-");
-    const ovLabelG = labelGroup.append("g").style("cursor", "default").on("mouseenter", () => showRegionOverlay(idxs)).on("mouseleave", () => hideAllOverlays());
-    registerLabel(ovKey, ovLabelG);
-    const labelRects = setLabelBBoxes.filter((b) => b !== null);
-    const segments = clipLineByRects(
-      leaderStartX,
-      leaderStartY,
-      stubEndX,
-      stubEndY,
-      labelRects,
-      4
-    );
-    for (const seg of segments) {
-      ovLabelG.append("line").attr("x1", seg.x1).attr("y1", seg.y1).attr("x2", seg.x2).attr("y2", seg.y2).attr("stroke", overlapColor).attr("stroke-width", ctx.structural(1.25)).attr("opacity", 0.85);
-    }
-    const textEl = ovLabelG.append("text").attr("text-anchor", textAnchor).attr("dominant-baseline", baseline).attr("fill", overlapColor).attr("font-size", OVERLAP_FONT).attr("font-weight", "bold");
-    lines.forEach((line2, i) => {
-      const tspan = textEl.append("tspan").attr("x", textX);
-      if (i === 0) tspan.attr("y", startY);
-      else tspan.attr("dy", OVERLAP_LINE_H);
-      tspan.text(line2);
-    });
-  }
-  const hoverGroup = svg.append("g");
-  circles.forEach((c, i) => {
-    hoverGroup.append("circle").attr("cx", c.x).attr("cy", c.y).attr("r", c.r).attr("fill", "transparent").attr("stroke", "none").attr("class", "venn-hit-target").attr("data-line-number", String(vennSets[i].lineNumber)).style("cursor", onClickItem ? "pointer" : "default").style("outline-solid", "none").on("mouseenter", () => {
-      showRegionOverlay([i]);
-    }).on("mouseleave", () => {
-      hideAllOverlays();
-    }).on("click", function() {
-      this.blur?.();
-      if (onClickItem && vennSets[i].lineNumber)
-        onClickItem(vennSets[i].lineNumber);
-    });
-  });
-  const overlayR = scaledR * 0.35;
-  const subsets = [];
-  if (n === 2) {
-    subsets.push({
-      idxs: [0, 1],
-      sets: [vennSets[0].name, vennSets[1].name].sort()
-    });
-  } else {
-    for (let a = 0; a < n; a++) {
-      for (let b = a + 1; b < n; b++) {
-        subsets.push({
-          idxs: [a, b],
-          sets: [vennSets[a].name, vennSets[b].name].sort()
-        });
+      const m = Math.sqrt(dx * dx + dy * dy);
+      if (m >= 1e-6) {
+        const nx = Math.abs(dx / m) < 1e-9 ? 0 : dx / m;
+        const ny = Math.abs(dy / m) < 1e-9 ? 0 : dy / m;
+        return { x: nx, y: ny };
       }
     }
-    subsets.push({
-      idxs: [0, 1, 2],
-      sets: [vennSets[0].name, vennSets[1].name, vennSets[2].name].sort()
-    });
-  }
-  for (const subset of subsets) {
-    const { idxs, sets } = subset;
-    const inside = circles.map((_, j) => idxs.includes(j));
-    const centroid = regionCentroid(circles, inside);
-    const declaredOv = vennOverlaps.find(
-      (ov) => ov.sets.length === sets.length && ov.sets.every((s, k) => s === sets[k])
-    );
-    hoverGroup.append("circle").attr("cx", centroid.x).attr("cy", centroid.y).attr("r", overlayR).attr("fill", "transparent").attr("stroke", "none").attr("class", "venn-hit-target").attr("data-line-number", declaredOv ? String(declaredOv.lineNumber) : "").style("cursor", onClickItem && declaredOv ? "pointer" : "default").style("outline-solid", "none").on("mouseenter", () => {
-      showRegionOverlay(idxs);
-    }).on("mouseleave", () => {
-      hideAllOverlays();
-    }).on("click", function() {
-      this.blur?.();
-      if (onClickItem && declaredOv) onClickItem(declaredOv.lineNumber);
-    });
-  }
-}
-
-// src/quadrant/renderer.ts
-import * as d3Scale3 from "d3-scale";
-import * as d3Selection3 from "d3-selection";
-function renderQuadrant(container, parsed, palette, isDark, onClickItem, exportDims) {
-  const {
-    quadrantLabels,
-    quadrantPoints,
-    quadrantXAxis,
-    quadrantYAxis,
-    quadrantTitleLineNumber,
-    quadrantXAxisLineNumber,
-    quadrantYAxisLineNumber
-  } = parsed;
-  const title = parsed.noTitle ? null : parsed.title;
-  if (quadrantPoints.length === 0) return;
-  const init = initD3Chart(container, palette, exportDims);
-  if (!init) return;
-  const { svg, width, height, textColor } = init;
-  const borderColor = palette.border;
-  const idealWidth = 600;
-  const ctx = exportDims ? ScaleContext.identity() : ScaleContext.from(width, idealWidth);
-  svg.attr("preserveAspectRatio", "xMidYMid meet");
-  if (ctx.isBelowFloor) {
-    svg.attr("width", "100%");
+    if (n === 3) return { x: 0, y: -1 };
+    return { x: 0, y: 1 };
   }
-  const defaultColors = [
-    palette.colors.blue,
-    palette.colors.green,
-    palette.colors.yellow,
-    palette.colors.purple
-  ];
-  const hasXAxis = !!quadrantXAxis;
-  const hasYAxis = !!quadrantYAxis;
-  const margin = {
-    top: title ? ctx.aesthetic(60) : ctx.aesthetic(30),
-    right: ctx.aesthetic(30),
-    bottom: hasXAxis ? ctx.aesthetic(70) : ctx.aesthetic(40),
-    left: hasYAxis ? ctx.aesthetic(80) : ctx.aesthetic(40)
-  };
-  const chartWidth = width - margin.left - margin.right;
-  const chartHeight = height - margin.top - margin.bottom;
-  const xScale = d3Scale3.scaleLinear().domain([0, 1]).range([0, chartWidth]);
-  const yScale = d3Scale3.scaleLinear().domain([0, 1]).range([chartHeight, 0]);
-  renderChartTitle(
-    svg,
-    title,
-    quadrantTitleLineNumber,
-    width,
-    textColor,
-    onClickItem
-  );
-  const chartG = svg.append("g").attr("transform", `translate(${margin.left}, ${margin.top})`);
-  const bg = themeBaseBg(palette, isDark);
-  const getQuadrantColor = (label, defaultIdx) => {
-    return label?.color ?? defaultColors[defaultIdx % defaultColors.length];
-  };
-  const getQuadrantFill = (label, defaultIdx) => {
-    return mix(getQuadrantColor(label, defaultIdx), bg, 30);
-  };
-  const quadrantDefs = [
-    {
-      position: "top-left",
-      x: 0,
-      y: 0,
-      w: chartWidth / 2,
-      h: chartHeight / 2,
-      labelX: chartWidth / 4,
-      labelY: chartHeight / 4,
-      label: quadrantLabels.topLeft,
-      colorIdx: 1
-      // green
-    },
-    {
-      position: "top-right",
-      x: chartWidth / 2,
-      y: 0,
-      w: chartWidth / 2,
-      h: chartHeight / 2,
-      labelX: chartWidth * 3 / 4,
-      labelY: chartHeight / 4,
-      label: quadrantLabels.topRight,
-      colorIdx: 0
-      // blue
-    },
-    {
-      position: "bottom-left",
-      x: 0,
-      y: chartHeight / 2,
-      w: chartWidth / 2,
-      h: chartHeight / 2,
-      labelX: chartWidth / 4,
-      labelY: chartHeight * 3 / 4,
-      label: quadrantLabels.bottomLeft,
-      colorIdx: 2
-      // yellow
-    },
-    {
-      position: "bottom-right",
-      x: chartWidth / 2,
-      y: chartHeight / 2,
-      w: chartWidth / 2,
-      h: chartHeight / 2,
-      labelX: chartWidth * 3 / 4,
-      labelY: chartHeight * 3 / 4,
-      label: quadrantLabels.bottomRight,
-      colorIdx: 3
-      // purple
+  function lensExit(c0, dir, idxs) {
+    let minT = Infinity;
+    for (const i of idxs) {
+      const c = circles[i];
+      const dx = c0.x - c.x;
+      const dy = c0.y - c.y;
+      const B = dx * dir.x + dy * dir.y;
+      const C = dx * dx + dy * dy - c.r * c.r;
+      const disc = B * B - C;
+      if (disc < 0) continue;
+      const t = -B + Math.sqrt(disc);
+      if (t > 0 && t < minT) minT = t;
     }
-  ];
-  const quadrantRects = chartG.selectAll("rect.quadrant").data(quadrantDefs).enter().append("rect").attr("class", "quadrant").attr("x", (d) => d.x).attr("y", (d) => d.y).attr("width", (d) => d.w).attr("height", (d) => d.h).attr("fill", (d) => getQuadrantFill(d.label, d.colorIdx)).attr("stroke", (d) => getQuadrantColor(d.label, d.colorIdx)).attr("stroke-width", ctx.structural(2));
-  const shadowColor = isDark ? "rgba(0,0,0,0.55)" : "rgba(0,0,0,0.4)";
-  const quadrantLabelColor = mix(textColor, bg, 35);
-  const LABEL_MAX_FONT = ctx.text(48);
-  const LABEL_MIN_FONT = ctx.text(14);
-  const LABEL_PAD = ctx.aesthetic(40);
-  const quadrantLabelLayout = (text, qw2, qh2) => {
-    const availW = qw2 - LABEL_PAD;
-    const availH = qh2 - LABEL_PAD;
-    if (measureText(text, LABEL_MAX_FONT, { bold: true }) <= availW) {
-      const fs = Math.min(LABEL_MAX_FONT, availH);
-      return {
-        lines: [text],
-        fontSize: Math.max(LABEL_MIN_FONT, Math.round(fs))
-      };
+    if (!isFinite(minT)) return { x: c0.x, y: c0.y };
+    return { x: c0.x + dir.x * minT, y: c0.y + dir.y * minT };
+  }
+  function unionExit(c0, dir, idxs) {
+    let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
+    for (const c of circles) {
+      minX = Math.min(minX, c.x - c.r);
+      maxX = Math.max(maxX, c.x + c.r);
+      minY = Math.min(minY, c.y - c.r);
+      maxY = Math.max(maxY, c.y + c.r);
     }
-    const wrapLines = (fs) => wrapTextToWidth(text, fs, availW, { bold: true });
-    let lo = LABEL_MIN_FONT;
-    let hi = LABEL_MAX_FONT;
-    let bestLines = wrapLines(lo);
-    let bestFs = lo;
-    while (lo <= hi) {
-      const mid = Math.round((lo + hi) / 2);
-      const lines = wrapLines(mid);
-      const totalH = lines.length * mid * 1.2;
-      const maxLineW = Math.max(
-        ...lines.map((l) => measureText(l, mid, { bold: true }))
-      );
-      if (maxLineW <= availW && totalH <= availH) {
-        bestFs = mid;
-        bestLines = lines;
-        lo = mid + 1;
-      } else {
-        hi = mid - 1;
+    const STEP = 3;
+    const MAX_ITERS = 400;
+    const axisAligned = dir.x === 0 || dir.y === 0;
+    let p = { x: c0.x, y: c0.y };
+    let leftOverlap = false;
+    for (let i = 0; i < MAX_ITERS; i++) {
+      const next = { x: p.x + dir.x * STEP, y: p.y + dir.y * STEP };
+      p = next;
+      if (!leftOverlap) {
+        leftOverlap = !idxs.every((ci) => pointInCircle(next, circles[ci]));
+        if (!leftOverlap) continue;
+      }
+      const insideAny = circles.some((c) => pointInCircle(next, c));
+      if (insideAny) continue;
+      if (axisAligned) {
+        const passedX = dir.x > 0 ? next.x >= maxX : next.x <= minX;
+        const passedY = dir.y > 0 ? next.y >= maxY : next.y <= minY;
+        if (dir.x !== 0 && !passedX) continue;
+        if (dir.y !== 0 && !passedY) continue;
       }
+      break;
     }
-    return { lines: bestLines, fontSize: Math.max(LABEL_MIN_FONT, bestFs) };
-  };
-  const qw = chartWidth / 2;
-  const qh = chartHeight / 2;
-  const quadrantDefsWithLabel = quadrantDefs.filter((d) => d.label !== null);
-  const labelLayouts = new Map(
-    quadrantDefsWithLabel.map((d) => [
-      d.label.text,
-      quadrantLabelLayout(d.label.text, qw, qh)
-    ])
-  );
-  const renderWatermarkOriginal = (textEl, d) => {
-    const layout = labelLayouts.get(d.label.text);
-    const el = d3Selection3.select(textEl);
-    el.text(null).attr("font-size", layout.fontSize).attr("font-weight", "bold");
-    if (layout.lines.length === 1) {
-      el.text(layout.lines[0]);
+    return p;
+  }
+  for (const ov of vennOverlaps) {
+    if (!ov.label) continue;
+    const idxs = ov.sets.map((s) => vennSets.findIndex((vs) => vs.name === s));
+    if (idxs.some((idx) => idx < 0)) continue;
+    const lines = wrappedOverlapLabels.get(ov) ?? [ov.label];
+    const inside = circles.map((_, j) => idxs.includes(j));
+    const centroid = regionCentroid(circles, inside);
+    const dir = overlapOutwardDir(centroid, idxs);
+    const isTriple = idxs.length === 3 && n === 3;
+    const padBoost = isTriple && dir.y < 0 ? 32 : 0;
+    const leaderPad = OVERLAP_LEADER_PAD + padBoost;
+    const lensPt = lensExit(centroid, dir, idxs);
+    const farExit = unionExit(centroid, dir, idxs);
+    const stubEndX = farExit.x + dir.x * leaderPad;
+    const stubEndY = farExit.y + dir.y * leaderPad;
+    const horizontal = Math.abs(dir.x) >= Math.abs(dir.y);
+    let textAnchor;
+    let baseline = "central";
+    if (horizontal) {
+      textAnchor = dir.x >= 0 ? "start" : "end";
+    } else {
+      textAnchor = "middle";
+      baseline = dir.y >= 0 ? "hanging" : "auto";
+    }
+    let textX, textY;
+    if (horizontal) {
+      const sign = dir.x >= 0 ? 1 : -1;
+      textX = stubEndX + sign * OVERLAP_TEXT_GAP;
+      textY = stubEndY;
     } else {
-      const lineH = layout.fontSize * 1.2;
-      const totalH = layout.lines.length * lineH;
-      const startY = -totalH / 2 + lineH / 2;
-      layout.lines.forEach((line2, i) => {
-        el.append("tspan").attr("x", d.labelX).attr("dy", i === 0 ? `${startY}px` : `${lineH}px`).text(line2);
-      });
+      const sign = dir.y >= 0 ? 1 : -1;
+      textX = stubEndX;
+      textY = stubEndY + sign * OVERLAP_TEXT_GAP;
     }
-  };
-  const quadrantLabelTexts = chartG.selectAll("text.quadrant-label").data(quadrantDefsWithLabel).enter().append("text").attr("class", "quadrant-label").attr("x", (d) => d.labelX).attr("y", (d) => d.labelY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", quadrantLabelColor).attr(
-    "data-line-number",
-    (d) => d.label?.lineNumber ? String(d.label.lineNumber) : null
-  ).style(
-    "cursor",
-    (d) => onClickItem && d.label?.lineNumber ? "pointer" : "default"
-  ).each(function(d) {
-    renderWatermarkOriginal(this, d);
-  });
-  if (onClickItem) {
-    quadrantLabelTexts.on("click", (_, d) => {
-      if (d.label?.lineNumber) onClickItem(d.label.lineNumber);
-    }).on("mouseenter", function() {
-      d3Selection3.select(this).attr("opacity", 0.7);
-    }).on("mouseleave", function() {
-      d3Selection3.select(this).attr("opacity", 1);
-    });
-  }
-  const sAxisFont = ctx.text(18);
-  const sAxisPad = ctx.aesthetic(20);
-  const sAxisX = ctx.aesthetic(22);
-  if (quadrantXAxis) {
-    const xLowLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", margin.left + chartWidth / 4).attr("y", height - sAxisPad).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr(
-      "data-line-number",
-      quadrantXAxisLineNumber ? String(quadrantXAxisLineNumber) : null
-    ).style(
-      "cursor",
-      onClickItem && quadrantXAxisLineNumber ? "pointer" : "default"
-    ).text(quadrantXAxis[0]);
-    const xHighLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", margin.left + chartWidth * 3 / 4).attr("y", height - sAxisPad).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr(
-      "data-line-number",
-      quadrantXAxisLineNumber ? String(quadrantXAxisLineNumber) : null
-    ).style(
-      "cursor",
-      onClickItem && quadrantXAxisLineNumber ? "pointer" : "default"
-    ).text(quadrantXAxis[1]);
-    if (onClickItem && quadrantXAxisLineNumber) {
-      [xLowLabel, xHighLabel].forEach((label) => {
-        label.on("click", () => onClickItem(quadrantXAxisLineNumber)).on("mouseenter", function() {
-          d3Selection3.select(this).attr("opacity", 0.7);
-        }).on("mouseleave", function() {
-          d3Selection3.select(this).attr("opacity", 1);
-        });
-      });
+    const blockW = lines.reduce(
+      (m, l) => Math.max(m, measureText(l, OVERLAP_FONT, { bold: true })),
+      0
+    );
+    const blockH = lines.length * OVERLAP_LINE_H;
+    if (textAnchor === "start") textX = Math.min(textX, width - blockW - 4);
+    else if (textAnchor === "end") textX = Math.max(textX, blockW + 4);
+    else
+      textX = Math.max(blockW / 2 + 4, Math.min(width - blockW / 2 - 4, textX));
+    let topY, bottomY;
+    if (baseline === "hanging") {
+      topY = textY;
+      bottomY = textY + blockH;
+    } else if (baseline === "auto") {
+      bottomY = textY;
+      topY = textY - blockH;
+    } else {
+      topY = textY - blockH / 2;
+      bottomY = textY + blockH / 2;
     }
-  }
-  if (quadrantYAxis) {
-    const yMidBottom = margin.top + chartHeight * 3 / 4;
-    const yMidTop = margin.top + chartHeight / 4;
-    const yLowLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", sAxisX).attr("y", yMidBottom).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr("transform", `rotate(-90, ${sAxisX}, ${yMidBottom})`).attr(
-      "data-line-number",
-      quadrantYAxisLineNumber ? String(quadrantYAxisLineNumber) : null
-    ).style(
-      "cursor",
-      onClickItem && quadrantYAxisLineNumber ? "pointer" : "default"
-    ).text(quadrantYAxis[0]);
-    const yHighLabel = svg.append("text").attr("class", "quadrant-axis-label").attr("x", sAxisX).attr("y", yMidTop).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", sAxisFont).attr("transform", `rotate(-90, ${sAxisX}, ${yMidTop})`).attr(
-      "data-line-number",
-      quadrantYAxisLineNumber ? String(quadrantYAxisLineNumber) : null
-    ).style(
-      "cursor",
-      onClickItem && quadrantYAxisLineNumber ? "pointer" : "default"
-    ).text(quadrantYAxis[1]);
-    if (onClickItem && quadrantYAxisLineNumber) {
-      [yLowLabel, yHighLabel].forEach((label) => {
-        label.on("click", () => onClickItem(quadrantYAxisLineNumber)).on("mouseenter", function() {
-          d3Selection3.select(this).attr("opacity", 0.7);
-        }).on("mouseleave", function() {
-          d3Selection3.select(this).attr("opacity", 1);
-        });
-      });
+    if (topY < sTitleHeight + 6) textY += sTitleHeight + 6 - topY;
+    else if (bottomY > height - 4) textY -= bottomY - (height - 4);
+    const startY = baseline === "hanging" ? textY : baseline === "auto" ? textY - (lines.length - 1) * OVERLAP_LINE_H : textY - (lines.length - 1) * OVERLAP_LINE_H / 2;
+    const leaderStartX = isTriple ? centroid.x : lensPt.x;
+    const leaderStartY = isTriple ? centroid.y : lensPt.y;
+    let tinted = setColors[idxs[0]];
+    for (let k = 1; k < idxs.length; k++) {
+      const pct = k / (k + 1) * 100;
+      tinted = mix(tinted, setColors[idxs[k]], pct);
     }
-  }
-  chartG.append("line").attr("x1", chartWidth / 2).attr("y1", 0).attr("x2", chartWidth / 2).attr("y2", chartHeight).attr("stroke", borderColor).attr("stroke-width", 1);
-  chartG.append("line").attr("x1", 0).attr("y1", chartHeight / 2).attr("x2", chartWidth).attr("y2", chartHeight / 2).attr("stroke", borderColor).attr("stroke-width", 1);
-  const getPointQuadrant = (x, y) => {
-    if (x >= 0.5 && y >= 0.5) return "top-right";
-    if (x < 0.5 && y >= 0.5) return "top-left";
-    if (x < 0.5 && y < 0.5) return "bottom-left";
-    return "bottom-right";
-  };
-  const POINT_RADIUS = ctx.structural(6);
-  const POINT_LABEL_FONT_SIZE = ctx.text(12);
-  const quadrantLabelObstacles = quadrantDefsWithLabel.map((d) => {
-    const layout = labelLayouts.get(d.label.text);
-    const totalW = Math.max(
-      ...layout.lines.map((l) => measureText(l, layout.fontSize))
+    const overlapColor = mix(tinted, textColor, 90);
+    const ovKey = [...idxs].sort((a, b) => a - b).join("-");
+    const ovLabelG = labelGroup.append("g").style("cursor", "default").on("mouseenter", () => showRegionOverlay(idxs)).on("mouseleave", () => hideAllOverlays());
+    registerLabel(ovKey, ovLabelG);
+    const labelRects = setLabelBBoxes.filter((b) => b !== null);
+    const segments = clipLineByRects(
+      leaderStartX,
+      leaderStartY,
+      stubEndX,
+      stubEndY,
+      labelRects,
+      4
     );
-    const totalH = layout.lines.length * layout.fontSize * 1.2;
-    return {
-      x: d.labelX - totalW / 2,
-      y: d.labelY - totalH / 2,
-      w: totalW,
-      h: totalH
-    };
-  });
-  const pointPixels = quadrantPoints.map((point) => ({
-    label: point.label,
-    cx: xScale(point.x),
-    cy: yScale(point.y)
-  }));
-  const placedPointLabels = computeQuadrantPointLabels(
-    pointPixels,
-    { left: 0, top: 0, right: chartWidth, bottom: chartHeight },
-    quadrantLabelObstacles,
-    POINT_RADIUS,
-    POINT_LABEL_FONT_SIZE,
-    // Point labels are drawn at 700 here.
-    true
-  );
-  const pointsG = chartG.append("g").attr("class", "points");
-  quadrantPoints.forEach((point, i) => {
-    const cx = xScale(point.x);
-    const cy = yScale(point.y);
-    const quadrant = getPointQuadrant(point.x, point.y);
-    const quadDef = quadrantDefs.find((d) => d.position === quadrant);
-    const pointColor = quadDef?.label?.color ?? defaultColors[quadDef?.colorIdx ?? 0];
-    const placed = placedPointLabels[i];
-    const pointG = pointsG.append("g").attr("class", "point-group").attr("data-line-number", String(point.lineNumber)).attr("data-quadrant", quadrant);
-    if (placed.connectorLine) {
-      pointG.append("line").attr("x1", placed.connectorLine.x1).attr("y1", placed.connectorLine.y1).attr("x2", placed.connectorLine.x2).attr("y2", placed.connectorLine.y2).attr("stroke", pointColor).attr("stroke-width", 1).attr("opacity", 0.5);
+    for (const seg of segments) {
+      ovLabelG.append("line").attr("x1", seg.x1).attr("y1", seg.y1).attr("x2", seg.x2).attr("y2", seg.y2).attr("stroke", overlapColor).attr("stroke-width", ctx.structural(1.25)).attr("opacity", 0.85);
     }
-    pointG.append("circle").attr("cx", cx).attr("cy", cy).attr("r", POINT_RADIUS).attr("fill", bg).attr("stroke", pointColor).attr("stroke-width", ctx.structural(2));
-    const labelText = pointG.append("text").attr("x", placed.x).attr("y", placed.y).attr("text-anchor", placed.anchor).attr("dominant-baseline", "central").attr("fill", textColor).attr("font-size", POINT_LABEL_FONT_SIZE).attr("font-weight", "bold").style("text-shadow", `0 1px 2px ${shadowColor}`).style("transition", "y 120ms ease-out");
-    labelText.append("tspan").text(point.label);
-    const coordsTspan = labelText.append("tspan").attr("class", "point-coords").attr("x", placed.x).attr("dy", `${POINT_LABEL_FONT_SIZE}px`).attr("font-size", ctx.text(10)).attr("font-weight", "normal").attr("opacity", 0).text(`${point.x.toFixed(2)}, ${point.y.toFixed(2)}`);
-    const COORDS_LINE_H = ctx.structural(14);
-    const bumpDy = placed.y < cy ? -COORDS_LINE_H : COORDS_LINE_H;
-    pointG.style("cursor", onClickItem ? "pointer" : "default").on("mouseenter", () => {
-      pointG.select("circle").attr("r", ctx.structural(8));
-      labelText.attr("y", placed.y + bumpDy);
-      coordsTspan.attr("opacity", 1);
-      quadrantRects.attr(
-        "opacity",
-        (qd) => qd.position === quadrant ? 1 : 0.3
-      );
-      quadrantLabelTexts.attr(
-        "opacity",
-        (qd) => qd.position === quadrant ? 1 : 0.3
-      );
-      pointsG.selectAll("g.point-group").filter((_, j) => j !== i).attr("opacity", 0.3);
+    const textEl = ovLabelG.append("text").attr("text-anchor", textAnchor).attr("dominant-baseline", baseline).attr("fill", overlapColor).attr("font-size", OVERLAP_FONT).attr("font-weight", "bold");
+    lines.forEach((line2, i) => {
+      const tspan = textEl.append("tspan").attr("x", textX);
+      if (i === 0) tspan.attr("y", startY);
+      else tspan.attr("dy", OVERLAP_LINE_H);
+      tspan.text(line2);
+    });
+  }
+  const hoverGroup = svg.append("g");
+  circles.forEach((c, i) => {
+    hoverGroup.append("circle").attr("cx", c.x).attr("cy", c.y).attr("r", c.r).attr("fill", "transparent").attr("stroke", "none").attr("class", "venn-hit-target").attr("data-line-number", String(vennSets[i].lineNumber)).style("cursor", onClickItem ? "pointer" : "default").style("outline-solid", "none").on("mouseenter", () => {
+      showRegionOverlay([i]);
     }).on("mouseleave", () => {
-      pointG.select("circle").attr("r", POINT_RADIUS);
-      labelText.attr("y", placed.y);
-      coordsTspan.attr("opacity", 0);
-      quadrantRects.attr("opacity", 1);
-      quadrantLabelTexts.attr("opacity", 1);
-      pointsG.selectAll("g.point-group").attr("opacity", 1);
-    }).on("click", () => {
-      if (onClickItem && point.lineNumber) onClickItem(point.lineNumber);
+      hideAllOverlays();
+    }).on("click", function() {
+      this.blur?.();
+      if (onClickItem && vennSets[i].lineNumber)
+        onClickItem(vennSets[i].lineNumber);
     });
   });
-  quadrantRects.style("cursor", onClickItem ? "pointer" : "default").on("mouseenter", function(_, d) {
-    quadrantRects.attr(
-      "opacity",
-      (qd) => qd.position === d.position ? 1 : 0.3
-    );
-    quadrantLabelTexts.attr(
-      "opacity",
-      (qd) => qd.position === d.position ? 1 : 0.3
-    );
-    pointsG.selectAll("g.point-group").each(function(_2, i) {
-      const pt = quadrantPoints[i];
-      const ptQuad = getPointQuadrant(pt.x, pt.y);
-      d3Selection3.select(this).attr("opacity", ptQuad === d.position ? 1 : 0.2);
+  const overlayR = scaledR * 0.35;
+  const subsets = [];
+  if (n === 2) {
+    subsets.push({
+      idxs: [0, 1],
+      sets: [vennSets[0].name, vennSets[1].name].sort()
     });
-  }).on("mouseleave", () => {
-    quadrantRects.attr("opacity", 1);
-    quadrantLabelTexts.attr("opacity", 1);
-    pointsG.selectAll("g.point-group").attr("opacity", 1);
-  }).on("click", (_, d) => {
-    if (onClickItem && d.label?.lineNumber) {
-      onClickItem(d.label.lineNumber);
+  } else {
+    for (let a = 0; a < n; a++) {
+      for (let b = a + 1; b < n; b++) {
+        subsets.push({
+          idxs: [a, b],
+          sets: [vennSets[a].name, vennSets[b].name].sort()
+        });
+      }
     }
-  });
+    subsets.push({
+      idxs: [0, 1, 2],
+      sets: [vennSets[0].name, vennSets[1].name, vennSets[2].name].sort()
+    });
+  }
+  for (const subset of subsets) {
+    const { idxs, sets } = subset;
+    const inside = circles.map((_, j) => idxs.includes(j));
+    const centroid = regionCentroid(circles, inside);
+    const declaredOv = vennOverlaps.find(
+      (ov) => ov.sets.length === sets.length && ov.sets.every((s, k) => s === sets[k])
+    );
+    hoverGroup.append("circle").attr("cx", centroid.x).attr("cy", centroid.y).attr("r", overlayR).attr("fill", "transparent").attr("stroke", "none").attr("class", "venn-hit-target").attr("data-line-number", declaredOv ? String(declaredOv.lineNumber) : "").style("cursor", onClickItem && declaredOv ? "pointer" : "default").style("outline-solid", "none").on("mouseenter", () => {
+      showRegionOverlay(idxs);
+    }).on("mouseleave", () => {
+      hideAllOverlays();
+    }).on("click", function() {
+      this.blur?.();
+      if (onClickItem && declaredOv) onClickItem(declaredOv.lineNumber);
+    });
+  }
 }
 
-// src/d3.ts
-async function resolveMapDataSource(source) {
-  if (source === void 0) return {};
-  if (typeof source !== "function") return { data: source };
+// src/wordcloud/renderer.ts
+import * as d3Selection3 from "d3-selection";
+import cloud from "d3-cloud";
+function getRotateFn(mode) {
+  if (mode === "mixed") return () => Math.random() > 0.5 ? 0 : 90;
+  if (mode === "angled") return () => Math.round(Math.random() * 30 - 15);
+  return () => 0;
+}
+function hasCanvas2d() {
   try {
-    return { data: await source() };
-  } catch (e) {
-    return { reason: e instanceof Error ? e.message : String(e) };
+    if (typeof document === "undefined") return false;
+    const canvas = document.createElement("canvas");
+    return typeof canvas.getContext === "function" && !!canvas.getContext("2d");
+  } catch {
+    return false;
   }
 }
-var DIAGRAM_EXPORT_HANDLERS = {
-  org: exportOrg,
-  sitemap: exportSitemap,
-  kanban: exportKanban,
-  class: exportClass,
-  er: exportEr,
-  "boxes-and-lines": exportBoxesAndLines,
-  sketch: exportSketch,
-  whiteboard: exportWhiteboard,
-  swimlane: exportSwimlane,
-  family: exportFamily,
-  "version-control": exportVersionControl,
-  mindmap: exportMindmap,
-  wireframe: exportWireframe,
-  c4: exportC4,
-  flowchart: exportFlowchart,
-  infra: exportInfra,
-  pert: exportPert,
-  gantt: exportGantt,
-  state: exportState,
-  "tech-radar": exportTechRadar,
-  "journey-map": exportJourneyMap,
-  cycle: exportCycle,
-  map: exportMap,
-  pyramid: exportPyramid,
-  ring: exportRing,
-  treemap: exportTreemap,
-  block: exportBlock,
-  goal: exportGoal,
-  countdown: exportCountdown,
-  clock: exportClock,
-  bracket: exportBracket,
-  raci: exportRaci,
-  body: exportBody,
-  "live-link": exportLiveLink,
-  // D3 visualizations — own handler per type (Story 109.2). Only `sequence`
-  // still falls through to exportVisualization (no chart-type of its own).
-  slope: exportSlope,
-  arc: exportArc,
-  timeline: exportTimeline,
-  "event-line": exportEventLine,
-  wordcloud: exportWordcloud,
-  venn: exportVenn,
-  quadrant: exportQuadrant
-};
-function resolveArcChordOverride(content, detectedType, palette) {
-  if (detectedType === "arc") {
-    const p = parseArc(content, palette);
-    if (!p.error && p.layout === "chord" && p.links.length) {
-      const emitted = [
-        `chord ${p.title ?? ""}`.trimEnd(),
-        // §1.9 fill family survives the layout re-emit so the circular
-        // renderer honors fill-solid / fill-outline authored on the arc.
-        ...p.fillMode ? [`fill-${p.fillMode}`] : [],
-        ...p.links.map((l) => `${l.source} -> ${l.target} ${l.value}`)
-      ].join("\n");
-      return { content: emitted, type: "chord" };
-    }
+function estimateWordWidth(text, size) {
+  return measureText(text, size, { bold: true });
+}
+var WORD_ASCENT = 0.78;
+var WORD_DESCENT = 0.22;
+var CLOUD_SHRINK = 0.9;
+var CLOUD_SHRINK_TRIES = 6;
+function layoutWordsNoCanvas(words, width, height, padding, rotateFn) {
+  let placed = [];
+  for (let attempt = 0, scale = 1; attempt <= CLOUD_SHRINK_TRIES; attempt++) {
+    placed = packWords(
+      words.map((w) => ({ ...w, size: w.size * scale })),
+      width,
+      height,
+      padding,
+      rotateFn
+    );
+    if (placed.length === words.length) break;
+    scale *= CLOUD_SHRINK;
   }
-  return null;
+  return placed;
 }
-async function renderForExport(content, theme, palette, viewState, options) {
-  const exportMode = options?.exportMode ?? false;
-  const { parseDgmoChartType } = await import("./dgmo-router-4UAPPIKN.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-QUUDVETP.js");
-    if (supportsD3DataChart(detectedType)) {
-      return renderDataChartD32(renderContent, theme, palette, {
-        ...options?.width !== void 0 && { width: options.width },
-        ...options?.height !== void 0 && { height: options.height }
-      });
+function packWords(words, width, height, padding, rotateFn) {
+  const sorted = [...words].sort((a, b) => b.size - a.size);
+  const placed = [];
+  const maxR = Math.sqrt(width * width + height * height) / 2;
+  const aspect = width > 0 ? height / width : 1;
+  for (const w of sorted) {
+    const rotate = rotateFn();
+    const rawW = estimateWordWidth(w.text, w.size) + padding * 2;
+    const rawH = (WORD_ASCENT + WORD_DESCENT) * w.size + padding * 2;
+    const rad = rotate * Math.PI / 180;
+    const cos = Math.abs(Math.cos(rad));
+    const sin = Math.abs(Math.sin(rad));
+    const halfW = (rawW * cos + rawH * sin) / 2;
+    const halfH = (rawW * sin + rawH * cos) / 2;
+    const off = (WORD_DESCENT - WORD_ASCENT) / 2 * w.size;
+    const offX = -off * Math.sin(rad);
+    const offY = off * Math.cos(rad);
+    let spot = null;
+    for (let t = 0; t < 4e3; t++) {
+      const a = t * 0.25;
+      const r = a * 1.4;
+      if (r > maxR) break;
+      const x = Math.cos(a) * r;
+      const y = Math.sin(a) * r * aspect;
+      const cx = x + offX;
+      const cy = y + offY;
+      if (cx - halfW < -width / 2 || cx + halfW > width / 2 || cy - halfH < -height / 2 || cy + halfH > height / 2) {
+        continue;
+      }
+      let collides = false;
+      for (const p of placed) {
+        if (Math.abs(cx - p.cx) < halfW + p.halfW && Math.abs(cy - p.cy) < halfH + p.halfH) {
+          collides = true;
+          break;
+        }
+      }
+      if (!collides) {
+        spot = { x, y };
+        break;
+      }
     }
+    if (!spot) continue;
+    placed.push({
+      ...w,
+      rotate,
+      x: spot.x,
+      y: spot.y,
+      cx: spot.x + offX,
+      cy: spot.y + offY,
+      halfW,
+      halfH
+    });
   }
-  const ctx = {
-    content: renderContent,
-    theme,
-    palette,
-    viewState,
-    options,
-    exportMode,
-    isDark: theme === "dark",
-    // The resolved canvas, and the raw request beside it. A chart whose own
-    // natural size is not EXPORT_WIDTH (tech-radar) needs to tell "the caller
-    // asked for 1200" apart from "nobody asked", which the resolved value
-    // cannot express.
-    requestedWidth: options?.width && options.width > 0 ? Math.round(options.width) : void 0,
-    requestedHeight: options?.height && options.height > 0 ? Math.round(options.height) : void 0,
-    width: options?.width && options.width > 0 ? Math.round(options.width) : EXPORT_WIDTH,
-    height: options?.height && options.height > 0 ? Math.round(options.height) : EXPORT_HEIGHT
+  return placed;
+}
+function renderWordCloud(container, parsed, palette, _isDark, onClickItem, exportDims) {
+  const { words, cloudOptions } = parsed;
+  const title = parsed.noTitle ? null : parsed.title;
+  if (words.length === 0) return;
+  const init = initD3Chart(container, palette, exportDims);
+  if (!init) return;
+  const { svg, width, height, textColor, colors } = init;
+  const idealWidth = Math.max(400, words.length * 30);
+  const ctx = exportDims ? ScaleContext.identity() : ScaleContext.from(width, idealWidth);
+  const sTitleHeight = title ? ctx.aesthetic(40) : 0;
+  const cloudHeight = height - sTitleHeight;
+  const sPadding = ctx.structural(2);
+  svg.attr("preserveAspectRatio", "xMidYMid meet");
+  if (ctx.isBelowFloor) {
+    svg.attr("width", "100%");
+  }
+  const { minSize, maxSize } = cloudOptions;
+  const sMinSize = ctx.text(minSize);
+  const sMaxSize = ctx.text(maxSize);
+  const weights = words.map((w) => w.weight);
+  const minWeight = Math.min(...weights);
+  const maxWeight = Math.max(...weights);
+  const range = maxWeight - minWeight || 1;
+  const fontSize = (weight) => {
+    const t = (weight - minWeight) / range;
+    return sMinSize + Math.sqrt(t) * (sMaxSize - sMinSize);
   };
-  const handler = detectedType !== null ? DIAGRAM_EXPORT_HANDLERS[detectedType] : void 0;
-  return (handler ?? exportVisualization)(ctx);
+  const rotateFn = getRotateFn(cloudOptions.rotate);
+  renderChartTitle(
+    svg,
+    title,
+    parsed.titleLineNumber,
+    width,
+    textColor,
+    onClickItem
+  );
+  const g = svg.append("g").attr(
+    "transform",
+    `translate(${width / 2},${sTitleHeight + cloudHeight / 2})`
+  );
+  const sized = words.map((w) => ({ ...w, size: fontSize(w.weight) }));
+  const draw = (layoutWords) => {
+    g.selectAll("text").data(layoutWords).join("text").style("font-size", (d) => `${d.size}px`).style("font-family", FONT_FAMILY).style("font-weight", "bold").style("fill", (_d, i) => colors[i % colors.length]).style(
+      "cursor",
+      (d) => onClickItem && d.lineNumber ? "pointer" : "default"
+    ).attr("text-anchor", "middle").attr("transform", (d) => `translate(${d.x},${d.y}) rotate(${d.rotate})`).attr("data-line-number", (d) => {
+      const ln = d.lineNumber;
+      return ln ? String(ln) : null;
+    }).text((d) => d.text).on("click", (_event, d) => {
+      const ln = d.lineNumber;
+      if (onClickItem && ln) onClickItem(ln);
+    });
+  };
+  if (!hasCanvas2d()) {
+    draw(layoutWordsNoCanvas(sized, width, cloudHeight, sPadding, rotateFn));
+    return;
+  }
+  cloud().size([width, cloudHeight]).words(sized).padding(sPadding).rotate(rotateFn).fontSize((d) => d.size).font(FONT_FAMILY).on("end", draw).start();
+}
+function renderWordCloudAsync(container, parsed, palette, _isDark, exportDims) {
+  return new Promise((resolve) => {
+    d3Selection3.select(container).selectAll(":not([data-d3-tooltip])").remove();
+    const { words, cloudOptions } = parsed;
+    const title = parsed.noTitle ? null : parsed.title;
+    if (words.length === 0) {
+      resolve();
+      return;
+    }
+    const width = exportDims?.width ?? container.clientWidth;
+    const height = exportDims?.height ?? container.clientHeight;
+    if (width <= 0 || height <= 0) {
+      resolve();
+      return;
+    }
+    const titleHeight = title ? 40 : 0;
+    const cloudHeight = height - titleHeight;
+    const textColor = palette.text;
+    const bgColor = palette.bg;
+    const colors = getSeriesColors(palette);
+    const { minSize, maxSize } = cloudOptions;
+    const weights = words.map((w) => w.weight);
+    const minWeight = Math.min(...weights);
+    const maxWeight = Math.max(...weights);
+    const range = maxWeight - minWeight || 1;
+    const fontSize = (weight) => {
+      const t = (weight - minWeight) / range;
+      return minSize + Math.sqrt(t) * (maxSize - minSize);
+    };
+    const rotateFn = getRotateFn(cloudOptions.rotate);
+    const svg = d3Selection3.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMid meet").style("background", bgColor);
+    renderChartTitle(svg, title, parsed.titleLineNumber, width, textColor);
+    const g = svg.append("g").attr(
+      "transform",
+      `translate(${width / 2},${titleHeight + cloudHeight / 2})`
+    );
+    const sized = words.map((w) => ({ ...w, size: fontSize(w.weight) }));
+    const draw = (layoutWords) => {
+      g.selectAll("text").data(layoutWords).join("text").style("font-size", (d) => `${d.size}px`).style("font-family", FONT_FAMILY).style("font-weight", "bold").style("fill", (_d, i) => colors[i % colors.length]).attr("text-anchor", "middle").attr(
+        "transform",
+        (d) => `translate(${d.x},${d.y}) rotate(${d.rotate})`
+      ).text((d) => d.text);
+      resolve();
+    };
+    if (!hasCanvas2d()) {
+      draw(layoutWordsNoCanvas(sized, width, cloudHeight, 2, rotateFn));
+      return;
+    }
+    cloud().size([width, cloudHeight]).words(sized).padding(2).rotate(rotateFn).fontSize((d) => d.size).font(FONT_FAMILY).on("end", draw).start();
+  });
 }
+
+// src/utils/export-context.ts
 function ctxTagOverride(ctx) {
   return ctx.viewState?.tag ?? ctx.options?.tagGroup;
 }
-async function exportEventLine(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseEventLine: parseEventLine2 } = await import("./parser-YG625J5H.js");
-  const { renderEventLineForExport } = await import("./renderer-DVNMCYHZ.js");
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseEventLine2(content, effectivePalette);
-  if (parsed.error || parsed.events.length === 0) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderEventLineForExport(
-    container,
-    parsed,
-    effectivePalette,
-    ctx.isDark,
-    { width: ctx.width, height: ctx.height },
-    ctxTagOverride(ctx),
-    /* @__PURE__ */ new Date()
-  );
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
-async function exportBody(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseBody: parseBody2 } = await import("./parser-PEZ7RN43.js");
-  const { renderBodyForExport } = await import("./renderer-2FVUPBGV.js");
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseBody2(content, effectivePalette);
-  if (parsed.error) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderBodyForExport(
-    container,
-    parsed,
-    effectivePalette,
-    ctx.isDark,
-    { width: ctx.width, height: ctx.height },
-    ctxTagOverride(ctx)
-  );
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
-async function exportVersionControl(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseVersionControl: parseVersionControl2 } = await import("./parser-5UZV32ZI.js");
-  const { renderVersionControlForExport } = await import("./renderer-DC7C5Q3G.js");
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseVersionControl2(content, effectivePalette);
-  if (parsed.error || parsed.nodes.length === 0) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderVersionControlForExport(
-    container,
-    parsed,
-    effectivePalette,
-    ctx.isDark,
-    {
-      width: ctx.width,
-      height: ctx.height
-    }
-  );
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
 function unionHiddenAttributes(hideOption, ha) {
   const sourceHidden = hideOption ? hideOption.split(",").map((s) => s.trim().toLowerCase()).filter(Boolean) : [];
   const union = /* @__PURE__ */ new Set([...sourceHidden, ...ha ?? []]);
   return union.size > 0 ? union : void 0;
 }
-async function exportOrg(ctx) {
-  const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseOrg: parseOrg2, findOrgNodeIdByName } = await import("./parser-BJ7RJNUM.js");
-  const { layoutOrg } = await import("./layout-MXHR3P35.js");
-  const { collapseOrgTree, focusOrgTree, unionCollapsedOrgNodes } = await import("./collapse-VNYYXMUI.js");
-  const { renderOrg, ancestorTrailReserve } = await import("./renderer-ALWVK3EJ.js");
-  const isDark = ctx.isDark;
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const orgParsed = parseOrg2(content, effectivePalette);
-  if (orgParsed.error) return "";
-  const collapsedNodes = unionCollapsedOrgNodes(orgParsed, viewState?.cg);
-  const activeTagGroup = resolveActiveTagGroup(
-    orgParsed.tagGroups,
-    orgParsed.options["active-tag"],
-    ctxTagOverride(ctx)
-  );
-  const hiddenAttributes = unionHiddenAttributes(
-    orgParsed.options["hide"],
-    viewState?.ha
-  );
-  const collapseResult = collapsedNodes && collapsedNodes.size > 0 ? collapseOrgTree(orgParsed, collapsedNodes) : { parsed: orgParsed, hiddenCounts: /* @__PURE__ */ new Map() };
-  const { hiddenCounts } = collapseResult;
-  let effectiveParsed = collapseResult.parsed;
-  let ancestorPath;
-  const focusName = orgParsed.options["focus"];
-  if (focusName) {
-    const focusId = findOrgNodeIdByName(effectiveParsed.roots, focusName);
-    const focused = focusId ? focusOrgTree(effectiveParsed, focusId) : null;
-    if (focused) {
-      effectiveParsed = focused.parsed;
-      ancestorPath = focused.ancestorPath;
-    }
-  }
-  const orgLayout = layoutOrg(
-    effectiveParsed,
-    hiddenCounts.size > 0 ? hiddenCounts : void 0,
-    activeTagGroup,
-    hiddenAttributes,
-    false
-    // expandAllLegend off — collapsed-by-default per §1.3
-  );
-  const PADDING = 20;
-  const titleOffset = effectiveParsed.title ? 30 : 0;
-  const rootIds = new Set(effectiveParsed.roots.map((r) => r.id));
-  const rootTop = orgLayout.nodes.find((n) => rootIds.has(n.id))?.y ?? orgLayout.containers.find((c) => rootIds.has(c.nodeId))?.y ?? 0;
-  const trailReserve = ancestorTrailReserve(ancestorPath?.length ?? 0, rootTop);
-  const exportWidth = orgLayout.width + PADDING * 2;
-  const exportHeight = orgLayout.height + PADDING * 2 + titleOffset + trailReserve;
-  const container = createExportContainer(exportWidth, exportHeight);
-  renderOrg(
-    container,
-    effectiveParsed,
-    orgLayout,
-    effectivePalette,
-    isDark,
-    void 0,
-    { width: exportWidth, height: exportHeight },
-    activeTagGroup,
-    hiddenAttributes,
-    ancestorPath,
-    exportMode
-  );
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
-async function exportSitemap(ctx) {
-  const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseSitemap: parseSitemap2 } = await import("./parser-6TDWUKM5.js");
-  const { layoutSitemap } = await import("./layout-ND26WVX2.js");
-  const { collapseSitemapTree } = await import("./collapse-TCVK3RPO.js");
-  const { renderSitemap } = await import("./renderer-J666LZXJ.js");
-  const isDark = ctx.isDark;
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const sitemapParsed = parseSitemap2(content, effectivePalette);
-  if (sitemapParsed.error || sitemapParsed.roots.length === 0) return "";
-  const collapsedNodes = viewState?.cg ? new Set(viewState.cg) : void 0;
-  const activeTagGroup = resolveActiveTagGroup(
-    sitemapParsed.tagGroups,
-    sitemapParsed.options["active-tag"],
-    ctxTagOverride(ctx)
-  );
-  const hiddenAttributes = unionHiddenAttributes(
-    sitemapParsed.options["hide"],
-    viewState?.ha
-  );
-  const { parsed: effectiveParsed, hiddenCounts } = collapsedNodes && collapsedNodes.size > 0 ? collapseSitemapTree(sitemapParsed, collapsedNodes) : { parsed: sitemapParsed, hiddenCounts: /* @__PURE__ */ new Map() };
-  const sitemapLayout = layoutSitemap(
-    effectiveParsed,
-    hiddenCounts.size > 0 ? hiddenCounts : void 0,
-    activeTagGroup,
-    hiddenAttributes,
-    true
-  );
-  const PADDING = 20;
-  const titleOffset = effectiveParsed.title ? 30 : 0;
-  const {
-    LEGEND_HEIGHT: SITEMAP_LEGEND_HEIGHT,
-    LEGEND_GROUP_GAP: SITEMAP_LEGEND_GROUP_GAP
-  } = await import("./legend-constants-55MFBXYF.js");
-  const suppressedLegendBand = sitemapLayout.legend.length > 0 && effectiveParsed.options["no-legend"] === "on" ? SITEMAP_LEGEND_HEIGHT + SITEMAP_LEGEND_GROUP_GAP : 0;
-  const exportWidth = sitemapLayout.width + PADDING * 2;
-  const exportHeight = sitemapLayout.height + PADDING * 2 + titleOffset - suppressedLegendBand;
-  const container = createExportContainer(exportWidth, exportHeight);
-  renderSitemap(
-    container,
-    effectiveParsed,
-    sitemapLayout,
-    effectivePalette,
-    isDark,
-    void 0,
-    { width: exportWidth, height: exportHeight },
-    activeTagGroup,
-    hiddenAttributes,
-    exportMode
-  );
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
-async function exportKanban(ctx) {
-  const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseKanban: parseKanban2 } = await import("./parser-KLCSFQ3J.js");
-  const { renderKanban } = await import("./renderer-5TZVFQ7K.js");
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const kanbanParsed = parseKanban2(content, effectivePalette);
-  if (kanbanParsed.error || kanbanParsed.columns.length === 0) return "";
-  const container = document.createElement("div");
-  container.style.position = "absolute";
-  container.style.left = "-9999px";
-  document.body.appendChild(container);
-  const kanbanCollapsedLanes = viewState?.cl ? new Set(viewState.cl) : void 0;
-  const sourceCollapsedColumns = kanbanParsed.columns.filter((c) => c.collapsed).map((c) => c.id);
-  const kanbanCollapsedColumns = viewState?.cc || sourceCollapsedColumns.length > 0 ? /* @__PURE__ */ new Set([...sourceCollapsedColumns, ...viewState?.cc ?? []]) : void 0;
-  renderKanban(container, kanbanParsed, effectivePalette, ctx.isDark, {
-    activeTagGroup: resolveActiveTagGroup(
-      kanbanParsed.tagGroups,
-      kanbanParsed.options["active-tag"],
-      ctxTagOverride(ctx)
-    ),
-    currentSwimlaneGroup: viewState?.swim ?? kanbanParsed.options["lane-by"] ?? null,
-    ...kanbanCollapsedLanes !== void 0 && {
-      collapsedLanes: kanbanCollapsedLanes
-    },
-    ...kanbanCollapsedColumns !== void 0 && {
-      collapsedColumns: kanbanCollapsedColumns
-    },
-    ...viewState?.cm !== void 0 && { compactMeta: viewState.cm },
-    exportMode
-  });
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
-async function exportClass(ctx) {
-  const { content, theme, palette, exportMode } = ctx;
-  const { parseClassDiagram: parseClassDiagram2 } = await import("./parser-L6RWDXQN.js");
-  const { layoutClassDiagram } = await import("./layout-S3RLVPH4.js");
-  const { renderClassDiagram } = await import("./renderer-ZGY7P4BM.js");
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const classParsed = parseClassDiagram2(content, effectivePalette);
-  if (classParsed.error || classParsed.classes.length === 0) return "";
-  const classLayout = layoutClassDiagram(classParsed);
-  const PADDING = 20;
-  const titleOffset = classParsed.title ? 40 : 0;
-  const exportWidth = classLayout.width + PADDING * 2;
-  const exportHeight = classLayout.height + PADDING * 2 + titleOffset;
-  const container = createExportContainer(exportWidth, exportHeight);
-  renderClassDiagram(
-    container,
-    classParsed,
-    classLayout,
-    effectivePalette,
-    ctx.isDark,
-    void 0,
-    { width: exportWidth, height: exportHeight },
-    void 0,
-    exportMode
-  );
-  return finalizeSvgExport(container, theme, effectivePalette);
+function beginVizExport(ctx) {
+  const container = createExportContainer(ctx.width, ctx.height);
+  const dims = {
+    width: ctx.width,
+    height: ctx.height
+  };
+  return { container, dims };
 }
-async function exportEr(ctx) {
-  const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseERDiagram: parseERDiagram2 } = await import("./parser-QYISOAGR.js");
-  const { layoutERDiagram } = await import("./layout-5USEVQBY.js");
-  const { renderERDiagram } = await import("./renderer-S3YCLJKL.js");
+
+// src/arc/export.ts
+async function exportArc(ctx) {
+  const { content, theme, palette } = ctx;
+  const parsed = parseArc(content, palette);
+  if (parsed.error || parsed.links.length === 0) return "";
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const erParsed = parseERDiagram2(content, effectivePalette);
-  if (erParsed.error || erParsed.tables.length === 0) return "";
-  const erLayout = layoutERDiagram(erParsed);
-  const PADDING = 20;
-  const titleOffset = erParsed.title ? 40 : 0;
-  const exportWidth = erLayout.width + PADDING * 2;
-  const exportHeight = erLayout.height + PADDING * 2 + titleOffset;
-  const container = createExportContainer(exportWidth, exportHeight);
-  renderERDiagram(
+  const { container, dims } = beginVizExport(ctx);
+  renderArcDiagram(
     container,
-    erParsed,
-    erLayout,
+    parsed,
     effectivePalette,
     ctx.isDark,
     void 0,
-    { width: exportWidth, height: exportHeight },
-    resolveActiveTagGroup(
-      erParsed.tagGroups,
-      erParsed.options["active-tag"],
-      ctxTagOverride(ctx)
-    ),
-    // Semantic colors are on by default; the source `no-semantic-colors` flag
-    // suppresses them. An interactive `viewState.sem` overrides source.
-    viewState?.sem ?? (erParsed.options["no-semantic-colors"] === "on" ? false : void 0),
-    exportMode
+    dims
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportSketch(ctx) {
-  const { content, theme, viewState, exportMode } = ctx;
-  const { parseSketch: parseSketch2 } = await import("./parser-YHDGKPZI.js");
-  const effectivePalette = await resolveExportPalette(theme, ctx.palette);
-  const parsed = parseSketch2(content, effectivePalette);
-  if (parsed.error || parsed.nodes.length === 0 && parsed.boxes.length === 0) {
-    return "";
-  }
-  const { layoutSketch } = await import("./layout-D4L44NRG.js");
-  const { renderSketchForExport } = await import("./renderer-XO57LTU4.js");
-  const collapsedBoxes = viewState?.cg ? new Set(viewState.cg) : void 0;
-  const skLayout = layoutSketch(parsed, {
-    ...collapsedBoxes !== void 0 && { collapsedBoxes }
+
+// src/block/export.ts
+async function exportBlock(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseBlock: parseBlock2 } = await import("./parser-TUAEX6ML.js");
+  const { renderBlockForExport } = await import("./renderer-ISQJ2ELA.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const blockParsed = parseBlock2(content, effectivePalette);
+  if (blockParsed.error || blockParsed.top.rows.length === 0) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderBlockForExport(container, blockParsed, effectivePalette, ctx.isDark, {
+    width: ctx.width,
+    height: ctx.height
   });
-  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(
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
+
+// src/body/export.ts
+async function exportBody(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseBody: parseBody2 } = await import("./parser-PEZ7RN43.js");
+  const { renderBodyForExport } = await import("./renderer-AM7P4LN7.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const parsed = parseBody2(content, effectivePalette);
+  if (parsed.error) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderBodyForExport(
     container,
     parsed,
-    skLayout,
     effectivePalette,
     ctx.isDark,
-    {
-      ...skTagOverride !== void 0 && { activeTagGroup: skTagOverride },
-      ...exportMode !== void 0 && { exportMode },
-      ...viewState?.hd !== void 0 && { hideDescriptions: viewState.hd }
-    }
+    { width: ctx.width, height: ctx.height },
+    ctxTagOverride(ctx)
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportWhiteboard(ctx) {
-  const { content, theme } = ctx;
-  const { parseWhiteboard: parseWhiteboard2 } = await import("./parser-XZUKNZPB.js");
-  const effectivePalette = await resolveExportPalette(theme, ctx.palette);
-  const parsed = parseWhiteboard2(content, effectivePalette);
-  if (parsed.error || parsed.elements.length === 0) return "";
-  const { renderWhiteboard } = await import("./renderer-ZHGHTSNG.js");
-  const container = createExportContainer(1, 1);
-  const resolveImage = ctx.options?.resolveImage;
-  const showNotes = ctx.options?.showNotes;
-  renderWhiteboard(container, parsed, effectivePalette, ctx.isDark, {
-    ...resolveImage !== void 0 && { resolveImage },
-    ...showNotes !== void 0 && { showNotes }
-  });
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
+
+// src/boxes-and-lines/export.ts
 async function exportBoxesAndLines(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseBoxesAndLines: parseBoxesAndLines2 } = await import("./parser-GX5YLRIP.js");
+  const { parseBoxesAndLines: parseBoxesAndLines2 } = await import("./parser-7QKQ4P4P.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const blParsed = parseBoxesAndLines2(content, effectivePalette);
   if (blParsed.error || blParsed.nodes.length === 0) return "";
@@ -2454,8 +2131,8 @@ async function exportBoxesAndLines(ctx) {
       blHiddenTagValues.set(k, new Set(v));
     }
   }
-  const { renderBoxesAndLinesForExport } = await import("./renderer-RSK6QFWN.js");
-  const { layoutBoxesAndLines } = await import("./layout-BNLFQHSB.js");
+  const { renderBoxesAndLinesForExport } = await import("./renderer-LNP23NSM.js");
+  const { layoutBoxesAndLines } = await import("./layout-U3AH6M7J.js");
   const blLayout = await layoutBoxesAndLines(blParsed);
   const PADDING = 20;
   const titleOffset = blParsed.title ? 40 : 0;
@@ -2482,311 +2159,246 @@ async function exportBoxesAndLines(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportSwimlane(ctx) {
+
+// src/bracket/export.ts
+async function exportBracket(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseSwimlane: parseSwimlane2 } = await import("./parser-H5OODY5N.js");
-  const { layoutSwimlane } = await import("./layout-J3AGFZZ7.js");
-  const { renderSwimlaneForExport } = await import("./renderer-OAR5VPH4.js");
+  const { parseBracket: parseBracket2 } = await import("./parser-RTWPFKXG.js");
+  const { renderBracketForExport, bracketExportDimensions } = await import("./renderer-2LYX6NHN.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const swimParsed = parseSwimlane2(content, effectivePalette);
-  if (swimParsed.error || swimParsed.nodes.length === 0) return "";
-  const swimLayout = layoutSwimlane(swimParsed);
-  const PADDING = 20;
-  const titleOffset = swimParsed.title ? 40 : 0;
-  const exportWidth = swimLayout.width + PADDING * 2;
-  const exportHeight = swimLayout.height + PADDING * 2 + titleOffset;
-  const container = createExportContainer(exportWidth, exportHeight);
-  renderSwimlaneForExport(
-    container,
-    swimParsed,
-    swimLayout,
-    effectivePalette,
-    ctx.isDark,
-    {
-      exportDims: { width: exportWidth, height: exportHeight },
-      activeTagGroup: resolveActiveTagGroup(
-        swimParsed.tagGroups,
-        swimParsed.options["active-tag"],
-        ctxTagOverride(ctx)
-      ),
-      exportMode: ctx.exportMode
-    }
-  );
+  const parsed = parseBracket2(content, effectivePalette);
+  if (parsed.error) return "";
+  const { width, height } = bracketExportDimensions(parsed, effectivePalette);
+  const container = createExportContainer(width, height);
+  renderBracketForExport(container, parsed, effectivePalette, ctx.isDark, {
+    width,
+    height
+  });
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportFamily(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseFamily: parseFamily2 } = await import("./parser-EAQPZX2B.js");
-  const { layoutFamily } = await import("./layout-MBVBAMPA.js");
-  const { renderFamilyForExport } = await import("./renderer-ZZ6MWVB7.js");
+
+// src/c4/export.ts
+async function exportC4(ctx) {
+  const { content, theme, palette, viewState, exportMode } = ctx;
+  const { parseC4: parseC42 } = await import("./parser-4Y6PODW6.js");
+  const {
+    layoutC4Context,
+    layoutC4Containers,
+    layoutC4Components,
+    layoutC4Deployment
+  } = await import("./layout-JTIRCKAW.js");
+  const { renderC4Context, renderC4Containers } = await import("./renderer-QTPWRRJ7.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseFamily2(content, effectivePalette);
-  if (parsed.error || parsed.persons.size === 0) return "";
-  const layout = layoutFamily(parsed);
+  const c4Parsed = parseC42(content, effectivePalette);
+  if (c4Parsed.error || c4Parsed.elements.length === 0) return "";
+  const c4Level = ctx.options?.c4Level ?? viewState?.c4l ?? "context";
+  const c4System = ctx.options?.c4System ?? viewState?.c4s;
+  const c4Container = ctx.options?.c4Container ?? viewState?.c4c;
+  const c4Layout = c4Level === "deployment" ? layoutC4Deployment(c4Parsed) : c4Level === "components" && c4System && c4Container ? layoutC4Components(c4Parsed, c4System, c4Container) : c4Level === "containers" && c4System ? layoutC4Containers(c4Parsed, c4System) : layoutC4Context(c4Parsed);
+  if (c4Layout.nodes.length === 0) return "";
   const PADDING = 20;
-  const titleOffset = parsed.title ? 40 : 0;
-  const exportWidth = layout.width + PADDING * 2;
-  const exportHeight = layout.height + PADDING * 2 + titleOffset;
+  const titleOffset = c4Parsed.title ? 40 : 0;
+  const exportWidth = c4Layout.width + PADDING * 2;
+  const exportHeight = c4Layout.height + PADDING * 2 + titleOffset;
   const container = createExportContainer(exportWidth, exportHeight);
-  renderFamilyForExport(
+  const renderFn = c4Level === "deployment" || c4Level === "components" && c4System && c4Container || c4Level === "containers" && c4System ? renderC4Containers : renderC4Context;
+  renderFn(
     container,
-    parsed,
-    layout,
+    c4Parsed,
+    c4Layout,
     effectivePalette,
     ctx.isDark,
-    {
-      exportDims: { width: exportWidth, height: exportHeight },
-      activeTagGroup: resolveActiveTagGroup(
-        parsed.tagGroups,
-        parsed.options["active-tag"],
-        ctxTagOverride(ctx)
-      ),
-      exportMode: ctx.exportMode
-    }
+    void 0,
+    { width: exportWidth, height: exportHeight },
+    resolveActiveTagGroup(
+      c4Parsed.tagGroups,
+      c4Parsed.options["active-tag"],
+      ctxTagOverride(ctx)
+    ),
+    exportMode
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportMindmap(ctx) {
-  const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseMindmap: parseMindmap2 } = await import("./parser-KKF6Y5MM.js");
-  const { layoutMindmap } = await import("./layout-RH3N46HP.js");
-  const { collapseMindmapTree } = await import("./collapse-BSPH3BFM.js");
-  const { renderMindmap } = await import("./renderer-QGIHLZOJ.js");
-  const isDark = ctx.isDark;
+
+// src/class/export.ts
+async function exportClass(ctx) {
+  const { content, theme, palette, exportMode } = ctx;
+  const { parseClassDiagram: parseClassDiagram2 } = await import("./parser-TAYRTCPR.js");
+  const { layoutClassDiagram } = await import("./layout-IT4ZTV6C.js");
+  const { renderClassDiagram } = await import("./renderer-OUDHH5MV.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const mmParsed = parseMindmap2(content, effectivePalette);
-  if (mmParsed.error) return "";
-  const collapsedNodes = new Set(viewState?.cg ?? []);
-  const collectCollapsed = (nodes) => {
-    for (const n of nodes) {
-      if (n.collapsed) collapsedNodes.add(n.id);
-      if (n.children.length) collectCollapsed(n.children);
-    }
-  };
-  collectCollapsed(mmParsed.roots);
-  const activeTagGroup = resolveActiveTagGroup(
-    mmParsed.tagGroups,
-    mmParsed.options["active-tag"],
-    ctxTagOverride(ctx)
-  );
-  const hideDescriptions = mmParsed.options["no-descriptions"] === "true" || viewState?.hd === true;
-  const { roots: effectiveRoots, hiddenCounts } = collapsedNodes && collapsedNodes.size > 0 ? collapseMindmapTree(mmParsed.roots, collapsedNodes) : { roots: mmParsed.roots, hiddenCounts: /* @__PURE__ */ new Map() };
-  const effectiveParsed = { ...mmParsed, roots: effectiveRoots };
-  const mmLayout = layoutMindmap(effectiveParsed, effectivePalette, {
-    interactive: false,
-    ...hiddenCounts.size > 0 && { hiddenCounts },
-    activeTagGroup,
-    hideDescriptions
-  });
+  const classParsed = parseClassDiagram2(content, effectivePalette);
+  if (classParsed.error || classParsed.classes.length === 0) return "";
+  const classLayout = layoutClassDiagram(classParsed);
   const PADDING = 20;
-  const titleOffset = effectiveParsed.title ? 30 : 0;
-  const exportWidth = mmLayout.width + PADDING * 2;
-  const exportHeight = mmLayout.height + PADDING * 2 + titleOffset;
+  const titleOffset = classParsed.title ? 40 : 0;
+  const exportWidth = classLayout.width + PADDING * 2;
+  const exportHeight = classLayout.height + PADDING * 2 + titleOffset;
   const container = createExportContainer(exportWidth, exportHeight);
-  const colorByDepth = viewState?.cbd ?? mmParsed.options["color-by-depth"] === "on";
-  renderMindmap(
+  renderClassDiagram(
     container,
-    effectiveParsed,
-    mmLayout,
+    classParsed,
+    classLayout,
     effectivePalette,
-    isDark,
+    ctx.isDark,
     void 0,
     { width: exportWidth, height: exportHeight },
     void 0,
-    hideDescriptions,
-    colorByDepth ? null : activeTagGroup,
-    colorByDepth ? { colorByDepth: true, exportMode } : { exportMode }
+    exportMode
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportWireframe(ctx) {
+
+// src/clock/export.ts
+async function exportClock(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseWireframe: parseWireframe2 } = await import("./parser-4TBSWULQ.js");
-  const { layoutWireframe } = await import("./layout-HF3PMI4H.js");
-  const { renderWireframe } = await import("./renderer-36446HSH.js");
+  const { parseClock: parseClock2 } = await import("./parser-K2DI26SC.js");
+  const { renderClockForExport } = await import("./renderer-DDWDCM2K.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const wireframeParsed = parseWireframe2(content);
-  if (wireframeParsed.error || wireframeParsed.roots.length === 0 && wireframeParsed.modals.length === 0)
-    return "";
-  const wireframeLayout = layoutWireframe(wireframeParsed);
-  const exportWidth = wireframeLayout.width;
-  const exportHeight = wireframeLayout.height;
-  const container = createExportContainer(exportWidth, exportHeight);
-  renderWireframe(
+  const parsed = parseClock2(content, effectivePalette);
+  if (parsed.error) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderClockForExport(container, parsed, effectivePalette, ctx.isDark, {
+    width: ctx.width,
+    height: ctx.height
+  });
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
+
+// src/countdown/export.ts
+async function exportCountdown(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseCountdown: parseCountdown2 } = await import("./parser-KJPPUN4D.js");
+  const { renderCountdownForExport } = await import("./renderer-3NLDX7DQ.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const parsed = parseCountdown2(content, effectivePalette);
+  if (parsed.error) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderCountdownForExport(container, parsed, effectivePalette, ctx.isDark, {
+    width: ctx.width,
+    height: ctx.height
+  });
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
+
+// src/cycle/export.ts
+async function exportCycle(ctx) {
+  const { content, theme, palette, viewState, exportMode } = ctx;
+  const { parseCycle: parseCycle2 } = await import("./parser-RCIEKN7Y.js");
+  const { renderCycleForExport } = await import("./renderer-7OGGV327.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const cycleParsed = parseCycle2(content);
+  if (cycleParsed.error || cycleParsed.nodes.length === 0) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderCycleForExport(
     container,
-    wireframeParsed,
-    wireframeLayout,
+    cycleParsed,
     effectivePalette,
     ctx.isDark,
-    void 0,
-    { width: exportWidth, height: exportHeight },
-    theme
+    { width: ctx.width, height: ctx.height },
+    viewState,
+    exportMode
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportC4(ctx) {
+
+// src/er/export.ts
+async function exportEr(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseC4: parseC42 } = await import("./parser-3MK56JZC.js");
-  const {
-    layoutC4Context,
-    layoutC4Containers,
-    layoutC4Components,
-    layoutC4Deployment
-  } = await import("./layout-JTIRCKAW.js");
-  const { renderC4Context, renderC4Containers } = await import("./renderer-VPIELEE5.js");
+  const { parseERDiagram: parseERDiagram2 } = await import("./parser-4RFY7D52.js");
+  const { layoutERDiagram } = await import("./layout-ISSBWBH7.js");
+  const { renderERDiagram } = await import("./renderer-J3GPDK73.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const c4Parsed = parseC42(content, effectivePalette);
-  if (c4Parsed.error || c4Parsed.elements.length === 0) return "";
-  const c4Level = ctx.options?.c4Level ?? viewState?.c4l ?? "context";
-  const c4System = ctx.options?.c4System ?? viewState?.c4s;
-  const c4Container = ctx.options?.c4Container ?? viewState?.c4c;
-  const c4Layout = c4Level === "deployment" ? layoutC4Deployment(c4Parsed) : c4Level === "components" && c4System && c4Container ? layoutC4Components(c4Parsed, c4System, c4Container) : c4Level === "containers" && c4System ? layoutC4Containers(c4Parsed, c4System) : layoutC4Context(c4Parsed);
-  if (c4Layout.nodes.length === 0) return "";
+  const erParsed = parseERDiagram2(content, effectivePalette);
+  if (erParsed.error || erParsed.tables.length === 0) return "";
+  const erLayout = layoutERDiagram(erParsed);
   const PADDING = 20;
-  const titleOffset = c4Parsed.title ? 40 : 0;
-  const exportWidth = c4Layout.width + PADDING * 2;
-  const exportHeight = c4Layout.height + PADDING * 2 + titleOffset;
+  const titleOffset = erParsed.title ? 40 : 0;
+  const exportWidth = erLayout.width + PADDING * 2;
+  const exportHeight = erLayout.height + PADDING * 2 + titleOffset;
   const container = createExportContainer(exportWidth, exportHeight);
-  const renderFn = c4Level === "deployment" || c4Level === "components" && c4System && c4Container || c4Level === "containers" && c4System ? renderC4Containers : renderC4Context;
-  renderFn(
+  renderERDiagram(
     container,
-    c4Parsed,
-    c4Layout,
+    erParsed,
+    erLayout,
     effectivePalette,
     ctx.isDark,
     void 0,
     { width: exportWidth, height: exportHeight },
     resolveActiveTagGroup(
-      c4Parsed.tagGroups,
-      c4Parsed.options["active-tag"],
+      erParsed.tagGroups,
+      erParsed.options["active-tag"],
       ctxTagOverride(ctx)
     ),
+    // Semantic colors are on by default; the source `no-semantic-colors` flag
+    // suppresses them. An interactive `viewState.sem` overrides source.
+    viewState?.sem ?? (erParsed.options["no-semantic-colors"] === "on" ? false : void 0),
     exportMode
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportFlowchart(ctx) {
+
+// src/event-line/export.ts
+async function exportEventLine(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseFlowchart: parseFlowchart2 } = await import("./flowchart-parser-NA75YQ77.js");
-  const { layoutGraph } = await import("./layout-WRG4APSJ.js");
-  const { renderFlowchart } = await import("./flowchart-renderer-6MGGX4RC.js");
+  const { parseEventLine: parseEventLine2 } = await import("./parser-YG625J5H.js");
+  const { renderEventLineForExport } = await import("./renderer-J7ZSTJUE.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const fcParsed = parseFlowchart2(content, effectivePalette);
-  if (fcParsed.error || fcParsed.nodes.length === 0) return "";
-  const layout = layoutGraph(fcParsed);
+  const parsed = parseEventLine2(content, effectivePalette);
+  if (parsed.error || parsed.events.length === 0) return "";
   const container = createExportContainer(ctx.width, ctx.height);
-  renderFlowchart(
+  renderEventLineForExport(
     container,
-    fcParsed,
-    layout,
+    parsed,
     effectivePalette,
     ctx.isDark,
-    void 0,
-    { width: ctx.width, height: ctx.height }
+    { width: ctx.width, height: ctx.height },
+    ctxTagOverride(ctx),
+    /* @__PURE__ */ new Date()
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportInfra(ctx) {
-  const { content, theme, palette, viewState } = ctx;
-  const { parseInfra: parseInfra2 } = await import("./parser-FXDS4JDK.js");
-  const { computeInfra } = await import("./compute-II4G44IK.js");
-  const { layoutInfra } = await import("./layout-2WESJYRE.js");
-  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-7ZZG5HR3.js");
+
+// src/family/export.ts
+async function exportFamily(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseFamily: parseFamily2 } = await import("./parser-EAQPZX2B.js");
+  const { layoutFamily } = await import("./layout-3TSVAGWH.js");
+  const { renderFamilyForExport } = await import("./renderer-XCLARXCK.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const infraParsed = parseInfra2(content);
-  if (infraParsed.error || infraParsed.nodes.length === 0) return "";
-  const infraComputed = computeInfra(infraParsed);
-  const infraLayout = layoutInfra(infraComputed);
-  const activeTagGroup = resolveActiveTagGroup(
-    infraParsed.tagGroups,
-    infraParsed.options["active-tag"],
-    ctxTagOverride(ctx)
-  );
-  const showInfraTitle = !!infraParsed.title && infraParsed.options["no-title"] !== "on";
-  const titleOffset = showInfraTitle ? 40 : 0;
-  const infraTagGroups = [...infraParsed.tagGroups];
-  const legendGroups = computeInfraLegendGroups(
-    infraLayout.nodes,
-    infraTagGroups,
-    effectivePalette
-  );
-  const legendOffset = legendGroups.length > 0 && infraParsed.options["no-legend"] !== "on" ? 28 : 0;
-  const exportWidth = infraLayout.width;
-  const exportHeight = infraLayout.height + titleOffset + legendOffset;
+  const parsed = parseFamily2(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);
-  renderInfra(
-    container,
-    infraLayout,
-    effectivePalette,
-    ctx.isDark,
-    showInfraTitle ? infraParsed.title : null,
-    showInfraTitle ? infraParsed.titleLineNumber : null,
-    infraTagGroups,
-    activeTagGroup,
-    false,
-    null,
-    null,
-    true,
-    viewState?.cg ? new Set(viewState.cg) : null
-  );
-  const infraSvg = container.querySelector("svg");
-  if (infraSvg) {
-    infraSvg.setAttribute("width", String(exportWidth));
-    infraSvg.setAttribute("height", String(exportHeight));
-  }
-  return finalizeSvgExport(container, theme, effectivePalette);
-}
-async function exportPert(ctx) {
-  const { content, theme, palette, viewState } = ctx;
-  const { parsePert: parsePert2 } = await import("./parser-2IKPQVKX.js");
-  const { analyzePert } = await import("./analyzer-G7PGOT3V.js");
-  const { layoutPert } = await import("./layout-KV27UW25.js");
-  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-O6DY46AV.js");
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const pertParsed = parsePert2(content, { palette: effectivePalette });
-  if (pertParsed.error || pertParsed.activities.length === 0) return "";
-  const pertResolved = analyzePert(pertParsed);
-  const pertLayout = layoutPert(pertResolved);
-  const hasTitle = !!pertParsed.title && !pertParsed.options.noTitle;
-  const hasSubtitle = pertResolved.projectSubtitle !== null;
-  const titleHeight = hasTitle ? 80 : hasSubtitle ? 50 : 0;
-  const PERT_PADDING = 20;
-  const analysisOn = viewState?.an ?? !pertParsed.options.noAnalysis;
-  const fieldLabelsOn = viewState?.fl === true;
-  const exportW = pertLayout.width + PERT_PADDING * 2;
-  const analysisMeasured = measurePertAnalysisBlock(
-    pertResolved,
-    exportW - 2 * PERT_PADDING,
-    {
-      showTornado: analysisOn,
-      showScurve: analysisOn,
-      showFieldLegend: fieldLabelsOn
-    }
-  );
-  const exportH = pertLayout.height + PERT_PADDING * 2 + titleHeight + analysisMeasured.height;
-  const container = createExportContainer(exportW, exportH);
-  renderPert(
+  renderFamilyForExport(
     container,
-    pertResolved,
-    pertLayout,
+    parsed,
+    layout,
     effectivePalette,
     ctx.isDark,
     {
-      title: hasTitle ? pertParsed.title : null,
-      subtitle: pertResolved.projectSubtitle,
-      exportDims: { width: exportW, height: exportH },
-      showTornado: analysisOn,
-      showScurve: analysisOn,
-      showFieldLegend: fieldLabelsOn
+      exportDims: { width: exportWidth, height: exportHeight },
+      activeTagGroup: resolveActiveTagGroup(
+        parsed.tagGroups,
+        parsed.options["active-tag"],
+        ctxTagOverride(ctx)
+      ),
+      exportMode: ctx.exportMode
     }
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+
+// src/gantt/export.ts
 async function exportGantt(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseGantt: parseGantt2 } = await import("./parser-2NWH5JUS.js");
+  const { parseGantt: parseGantt2 } = await import("./parser-A3AN76RQ.js");
   const { calculateSchedule } = await import("./calculator-BNH3GSJE.js");
-  const { renderGantt } = await import("./renderer-RUSFL7WU.js");
+  const { renderGantt } = await import("./renderer-JYHA6R2D.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ganttParsed = parseGantt2(content, effectivePalette);
   const resolved = calculateSchedule(ganttParsed);
@@ -2825,11 +2437,50 @@ async function exportGantt(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+
+// src/goal/export.ts
+async function exportGoal(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseGoal: parseGoal2 } = await import("./parser-3QIFY5IN.js");
+  const { renderGoalForExport } = await import("./renderer-HX6ICPDX.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const parsed = parseGoal2(content, effectivePalette);
+  if (parsed.error) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderGoalForExport(container, parsed, effectivePalette, ctx.isDark, {
+    width: ctx.width,
+    height: ctx.height
+  });
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
+
+// src/graph/export.ts
+async function exportFlowchart(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseFlowchart: parseFlowchart2 } = await import("./flowchart-parser-NZXASOZG.js");
+  const { layoutGraph } = await import("./layout-VC3MXRB4.js");
+  const { renderFlowchart } = await import("./flowchart-renderer-PTCRIANF.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const fcParsed = parseFlowchart2(content, effectivePalette);
+  if (fcParsed.error || fcParsed.nodes.length === 0) return "";
+  const layout = layoutGraph(fcParsed);
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderFlowchart(
+    container,
+    fcParsed,
+    layout,
+    effectivePalette,
+    ctx.isDark,
+    void 0,
+    { width: ctx.width, height: ctx.height }
+  );
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
 async function exportState(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parseState: parseState2 } = await import("./state-parser-TIR2ORJY.js");
-  const { layoutGraph } = await import("./layout-WRG4APSJ.js");
-  const { renderState } = await import("./state-renderer-G6SUXU4J.js");
+  const { parseState: parseState2 } = await import("./state-parser-KPVW5CRI.js");
+  const { layoutGraph } = await import("./layout-VC3MXRB4.js");
+  const { renderState } = await import("./state-renderer-ZVEI265C.js");
   const { collapseStateGroups } = await import("./state-collapse-SE2G4K4I.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const stateParsed = parseState2(content, effectivePalette);
@@ -2864,31 +2515,64 @@ async function exportState(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportTechRadar(ctx) {
-  const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseTechRadar: parseTechRadar2 } = await import("./parser-3LT3ZUUC.js");
-  const { renderTechRadarForExport } = await import("./renderer-MM27BSBO.js");
+
+// src/infra/export.ts
+async function exportInfra(ctx) {
+  const { content, theme, palette, viewState } = ctx;
+  const { parseInfra: parseInfra2 } = await import("./parser-F7NDRPMA.js");
+  const { computeInfra } = await import("./compute-II4G44IK.js");
+  const { layoutInfra } = await import("./layout-2WESJYRE.js");
+  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-UTEEJDGB.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const radarParsed = parseTechRadar2(content);
-  if (radarParsed.error || radarParsed.quadrants.length === 0) return "";
-  const RADAR_EXPORT_W = ctx.requestedWidth ?? 1300;
-  const RADAR_EXPORT_H = ctx.requestedHeight ?? 1500;
-  const container = createExportContainer(RADAR_EXPORT_W, RADAR_EXPORT_H);
-  renderTechRadarForExport(
+  const infraParsed = parseInfra2(content);
+  if (infraParsed.error || infraParsed.nodes.length === 0) return "";
+  const infraComputed = computeInfra(infraParsed);
+  const infraLayout = layoutInfra(infraComputed);
+  const activeTagGroup = resolveActiveTagGroup(
+    infraParsed.tagGroups,
+    infraParsed.options["active-tag"],
+    ctxTagOverride(ctx)
+  );
+  const showInfraTitle = !!infraParsed.title && infraParsed.options["no-title"] !== "on";
+  const titleOffset = showInfraTitle ? 40 : 0;
+  const infraTagGroups = [...infraParsed.tagGroups];
+  const legendGroups = computeInfraLegendGroups(
+    infraLayout.nodes,
+    infraTagGroups,
+    effectivePalette
+  );
+  const legendOffset = legendGroups.length > 0 && infraParsed.options["no-legend"] !== "on" ? 28 : 0;
+  const exportWidth = infraLayout.width;
+  const exportHeight = infraLayout.height + titleOffset + legendOffset;
+  const container = createExportContainer(exportWidth, exportHeight);
+  renderInfra(
     container,
-    radarParsed,
+    infraLayout,
     effectivePalette,
-    ctx.isDark,
-    { width: RADAR_EXPORT_W, height: RADAR_EXPORT_H },
-    viewState,
-    exportMode
+    ctx.isDark,
+    showInfraTitle ? infraParsed.title : null,
+    showInfraTitle ? infraParsed.titleLineNumber : null,
+    infraTagGroups,
+    activeTagGroup,
+    false,
+    null,
+    null,
+    true,
+    viewState?.cg ? new Set(viewState.cg) : null
   );
+  const infraSvg = container.querySelector("svg");
+  if (infraSvg) {
+    infraSvg.setAttribute("width", String(exportWidth));
+    infraSvg.setAttribute("height", String(exportHeight));
+  }
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+
+// src/journey-map/export.ts
 async function exportJourneyMap(ctx) {
   const { content, theme, palette, exportMode } = ctx;
-  const { parseJourneyMap: parseJourneyMap2 } = await import("./parser-5LW5JDYG.js");
-  const { renderJourneyMap } = await import("./renderer-3IHQI4A4.js");
+  const { parseJourneyMap: parseJourneyMap2 } = await import("./parser-NL73FSFI.js");
+  const { renderJourneyMap } = await import("./renderer-53B523PM.js");
   const { layoutJourneyMap } = await import("./layout-HFBK5UEG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const jmParsed = parseJourneyMap2(content, effectivePalette);
@@ -2907,31 +2591,66 @@ async function exportJourneyMap(ctx) {
   });
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportCycle(ctx) {
+
+// src/kanban/export.ts
+async function exportKanban(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseCycle: parseCycle2 } = await import("./parser-X23GRTQJ.js");
-  const { renderCycleForExport } = await import("./renderer-3JY6JAQJ.js");
+  const { parseKanban: parseKanban2 } = await import("./parser-KLCSFQ3J.js");
+  const { renderKanban } = await import("./renderer-KJ3V5BYP.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const cycleParsed = parseCycle2(content);
-  if (cycleParsed.error || cycleParsed.nodes.length === 0) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderCycleForExport(
-    container,
-    cycleParsed,
-    effectivePalette,
-    ctx.isDark,
-    { width: ctx.width, height: ctx.height },
-    viewState,
+  const kanbanParsed = parseKanban2(content, effectivePalette);
+  if (kanbanParsed.error || kanbanParsed.columns.length === 0) return "";
+  const container = document.createElement("div");
+  container.style.position = "absolute";
+  container.style.left = "-9999px";
+  document.body.appendChild(container);
+  const kanbanCollapsedLanes = viewState?.cl ? new Set(viewState.cl) : void 0;
+  const sourceCollapsedColumns = kanbanParsed.columns.filter((c) => c.collapsed).map((c) => c.id);
+  const kanbanCollapsedColumns = viewState?.cc || sourceCollapsedColumns.length > 0 ? /* @__PURE__ */ new Set([...sourceCollapsedColumns, ...viewState?.cc ?? []]) : void 0;
+  renderKanban(container, kanbanParsed, effectivePalette, ctx.isDark, {
+    activeTagGroup: resolveActiveTagGroup(
+      kanbanParsed.tagGroups,
+      kanbanParsed.options["active-tag"],
+      ctxTagOverride(ctx)
+    ),
+    currentSwimlaneGroup: viewState?.swim ?? kanbanParsed.options["lane-by"] ?? null,
+    ...kanbanCollapsedLanes !== void 0 && {
+      collapsedLanes: kanbanCollapsedLanes
+    },
+    ...kanbanCollapsedColumns !== void 0 && {
+      collapsedColumns: kanbanCollapsedColumns
+    },
+    ...viewState?.cm !== void 0 && { compactMeta: viewState.cm },
     exportMode
-  );
+  });
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+
+// src/live-link/export.ts
+async function exportLiveLink(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseLiveLink: parseLiveLink2 } = await import("./parser-GMQJISZ6.js");
+  const { renderLiveLinkCard } = await import("./renderer-4SE7R22T.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  return renderLiveLinkCard(parseLiveLink2(content), effectivePalette, theme);
+}
+
+// src/map/export.ts
+async function resolveMapDataSource(source) {
+  if (source === void 0) return {};
+  if (typeof source !== "function") return { data: source };
+  try {
+    return { data: await source() };
+  } catch (e) {
+    return { reason: e instanceof Error ? e.message : String(e) };
+  }
+}
 async function exportMap(ctx) {
   const { content, theme, palette, options } = ctx;
   const { parseMap: parseMap2 } = await import("./parser-EFF22GYO.js");
   const { resolveMap } = await import("./resolver-33K6MBCT.js");
-  const { renderMapForExport } = await import("./renderer-5VKPB4LL.js");
-  const { mapExportDimensions } = await import("./dimensions-SCNVYLRF.js");
+  const { renderMapForExport } = await import("./renderer-BXD5KVSR.js");
+  const { mapExportDimensions } = await import("./dimensions-DS6FWLRY.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mapParsed = parseMap2(content, effectivePalette);
   const { data: mapData, reason } = await resolveMapDataSource(
@@ -2962,166 +2681,376 @@ async function exportMap(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportPyramid(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parsePyramid: parsePyramid2 } = await import("./parser-VA7ZQQTA.js");
-  const { renderPyramidForExport } = await import("./renderer-XGG2UNXT.js");
+
+// src/mindmap/export.ts
+async function exportMindmap(ctx) {
+  const { content, theme, palette, viewState, exportMode } = ctx;
+  const { parseMindmap: parseMindmap2 } = await import("./parser-KKF6Y5MM.js");
+  const { layoutMindmap } = await import("./layout-RH3N46HP.js");
+  const { collapseMindmapTree } = await import("./collapse-BSPH3BFM.js");
+  const { renderMindmap } = await import("./renderer-PHLCYVSN.js");
+  const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const pyramidParsed = parsePyramid2(content);
-  if (pyramidParsed.error || pyramidParsed.layers.length === 0) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderPyramidForExport(
+  const mmParsed = parseMindmap2(content, effectivePalette);
+  if (mmParsed.error) return "";
+  const collapsedNodes = new Set(viewState?.cg ?? []);
+  const collectCollapsed = (nodes) => {
+    for (const n of nodes) {
+      if (n.collapsed) collapsedNodes.add(n.id);
+      if (n.children.length) collectCollapsed(n.children);
+    }
+  };
+  collectCollapsed(mmParsed.roots);
+  const activeTagGroup = resolveActiveTagGroup(
+    mmParsed.tagGroups,
+    mmParsed.options["active-tag"],
+    ctxTagOverride(ctx)
+  );
+  const hideDescriptions = mmParsed.options["no-descriptions"] === "true" || viewState?.hd === true;
+  const { roots: effectiveRoots, hiddenCounts } = collapsedNodes && collapsedNodes.size > 0 ? collapseMindmapTree(mmParsed.roots, collapsedNodes) : { roots: mmParsed.roots, hiddenCounts: /* @__PURE__ */ new Map() };
+  const effectiveParsed = { ...mmParsed, roots: effectiveRoots };
+  const mmLayout = layoutMindmap(effectiveParsed, effectivePalette, {
+    interactive: false,
+    ...hiddenCounts.size > 0 && { hiddenCounts },
+    activeTagGroup,
+    hideDescriptions
+  });
+  const PADDING = 20;
+  const titleOffset = effectiveParsed.title ? 30 : 0;
+  const exportWidth = mmLayout.width + PADDING * 2;
+  const exportHeight = mmLayout.height + PADDING * 2 + titleOffset;
+  const container = createExportContainer(exportWidth, exportHeight);
+  const colorByDepth = viewState?.cbd ?? mmParsed.options["color-by-depth"] === "on";
+  renderMindmap(
     container,
-    pyramidParsed,
+    effectiveParsed,
+    mmLayout,
     effectivePalette,
-    ctx.isDark,
-    { width: ctx.width, height: ctx.height }
+    isDark,
+    void 0,
+    { width: exportWidth, height: exportHeight },
+    void 0,
+    hideDescriptions,
+    colorByDepth ? null : activeTagGroup,
+    colorByDepth ? { colorByDepth: true, exportMode } : { exportMode }
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportRing(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseRing: parseRing2 } = await import("./parser-SIKL4PLF.js");
-  const { renderRingForExport } = await import("./renderer-LQP3AGEJ.js");
+
+// src/org/export.ts
+async function exportOrg(ctx) {
+  const { content, theme, palette, viewState, exportMode } = ctx;
+  const { parseOrg: parseOrg2, findOrgNodeIdByName } = await import("./parser-BJ7RJNUM.js");
+  const { layoutOrg } = await import("./layout-MXHR3P35.js");
+  const { collapseOrgTree, focusOrgTree, unionCollapsedOrgNodes } = await import("./collapse-VNYYXMUI.js");
+  const { renderOrg, ancestorTrailReserve } = await import("./renderer-JJ4QW3SK.js");
+  const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const ringParsed = parseRing2(content);
-  if (ringParsed.error || ringParsed.layers.length === 0) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderRingForExport(container, ringParsed, effectivePalette, ctx.isDark, {
-    width: ctx.width,
-    height: ctx.height
-  });
+  const orgParsed = parseOrg2(content, effectivePalette);
+  if (orgParsed.error) return "";
+  const collapsedNodes = unionCollapsedOrgNodes(orgParsed, viewState?.cg);
+  const activeTagGroup = resolveActiveTagGroup(
+    orgParsed.tagGroups,
+    orgParsed.options["active-tag"],
+    ctxTagOverride(ctx)
+  );
+  const hiddenAttributes = unionHiddenAttributes(
+    orgParsed.options["hide"],
+    viewState?.ha
+  );
+  const collapseResult = collapsedNodes && collapsedNodes.size > 0 ? collapseOrgTree(orgParsed, collapsedNodes) : { parsed: orgParsed, hiddenCounts: /* @__PURE__ */ new Map() };
+  const { hiddenCounts } = collapseResult;
+  let effectiveParsed = collapseResult.parsed;
+  let ancestorPath;
+  const focusName = orgParsed.options["focus"];
+  if (focusName) {
+    const focusId = findOrgNodeIdByName(effectiveParsed.roots, focusName);
+    const focused = focusId ? focusOrgTree(effectiveParsed, focusId) : null;
+    if (focused) {
+      effectiveParsed = focused.parsed;
+      ancestorPath = focused.ancestorPath;
+    }
+  }
+  const orgLayout = layoutOrg(
+    effectiveParsed,
+    hiddenCounts.size > 0 ? hiddenCounts : void 0,
+    activeTagGroup,
+    hiddenAttributes,
+    false
+    // expandAllLegend off — collapsed-by-default per §1.3
+  );
+  const PADDING = 20;
+  const titleOffset = effectiveParsed.title ? 30 : 0;
+  const rootIds = new Set(effectiveParsed.roots.map((r) => r.id));
+  const rootTop = orgLayout.nodes.find((n) => rootIds.has(n.id))?.y ?? orgLayout.containers.find((c) => rootIds.has(c.nodeId))?.y ?? 0;
+  const trailReserve = ancestorTrailReserve(ancestorPath?.length ?? 0, rootTop);
+  const exportWidth = orgLayout.width + PADDING * 2;
+  const exportHeight = orgLayout.height + PADDING * 2 + titleOffset + trailReserve;
+  const container = createExportContainer(exportWidth, exportHeight);
+  renderOrg(
+    container,
+    effectiveParsed,
+    orgLayout,
+    effectivePalette,
+    isDark,
+    void 0,
+    { width: exportWidth, height: exportHeight },
+    activeTagGroup,
+    hiddenAttributes,
+    ancestorPath,
+    exportMode
+  );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportTreemap(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseTreemap: parseTreemap2 } = await import("./parser-LTRQASGB.js");
+
+// src/pert/export.ts
+async function exportPert(ctx) {
+  const { content, theme, palette, viewState } = ctx;
+  const { parsePert: parsePert2 } = await import("./parser-2IKPQVKX.js");
+  const { analyzePert } = await import("./analyzer-G7PGOT3V.js");
+  const { layoutPert } = await import("./layout-KV27UW25.js");
+  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-MWZC7TMD.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const treemapParsed = parseTreemap2(content, effectivePalette);
-  if (treemapParsed.error || treemapParsed.roots.length === 0) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  const dims = { width: ctx.width, height: ctx.height };
-  if (treemapParsed.options.radial) {
-    const { renderTreemapRadialForExport } = await import("./renderer-radial-WFUX3Z3C.js");
-    renderTreemapRadialForExport(
-      container,
-      treemapParsed,
-      effectivePalette,
-      ctx.isDark,
-      dims
-    );
-  } else {
-    const { renderTreemapForExport } = await import("./renderer-ISSDGK54.js");
-    renderTreemapForExport(
-      container,
-      treemapParsed,
-      effectivePalette,
-      ctx.isDark,
-      dims
-    );
-  }
+  const pertParsed = parsePert2(content, { palette: effectivePalette });
+  if (pertParsed.error || pertParsed.activities.length === 0) return "";
+  const pertResolved = analyzePert(pertParsed);
+  const pertLayout = layoutPert(pertResolved);
+  const hasTitle = !!pertParsed.title && !pertParsed.options.noTitle;
+  const hasSubtitle = pertResolved.projectSubtitle !== null;
+  const titleHeight = hasTitle ? 80 : hasSubtitle ? 50 : 0;
+  const PERT_PADDING = 20;
+  const analysisOn = viewState?.an ?? !pertParsed.options.noAnalysis;
+  const fieldLabelsOn = viewState?.fl === true;
+  const exportW = pertLayout.width + PERT_PADDING * 2;
+  const analysisMeasured = measurePertAnalysisBlock(
+    pertResolved,
+    exportW - 2 * PERT_PADDING,
+    {
+      showTornado: analysisOn,
+      showScurve: analysisOn,
+      showFieldLegend: fieldLabelsOn
+    }
+  );
+  const exportH = pertLayout.height + PERT_PADDING * 2 + titleHeight + analysisMeasured.height;
+  const container = createExportContainer(exportW, exportH);
+  renderPert(
+    container,
+    pertResolved,
+    pertLayout,
+    effectivePalette,
+    ctx.isDark,
+    {
+      title: hasTitle ? pertParsed.title : null,
+      subtitle: pertResolved.projectSubtitle,
+      exportDims: { width: exportW, height: exportH },
+      showTornado: analysisOn,
+      showScurve: analysisOn,
+      showFieldLegend: fieldLabelsOn
+    }
+  );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportLiveLink(ctx) {
+
+// src/pyramid/export.ts
+async function exportPyramid(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseLiveLink: parseLiveLink2 } = await import("./parser-GMQJISZ6.js");
-  const { renderLiveLinkCard } = await import("./renderer-TO2NVJP3.js");
+  const { parsePyramid: parsePyramid2 } = await import("./parser-NUU3DVW4.js");
+  const { renderPyramidForExport } = await import("./renderer-IXBOT6DU.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  return renderLiveLinkCard(parseLiveLink2(content), effectivePalette, theme);
+  const pyramidParsed = parsePyramid2(content);
+  if (pyramidParsed.error || pyramidParsed.layers.length === 0) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderPyramidForExport(
+    container,
+    pyramidParsed,
+    effectivePalette,
+    ctx.isDark,
+    { width: ctx.width, height: ctx.height }
+  );
+  return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportBlock(ctx) {
+
+// src/quadrant/export.ts
+async function exportQuadrant(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseBlock: parseBlock2 } = await import("./parser-TUAEX6ML.js");
-  const { renderBlockForExport } = await import("./renderer-NDA2FFYB.js");
+  const parsed = parseQuadrant(content, palette);
+  if (parsed.error || parsed.quadrantPoints.length === 0) return "";
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const blockParsed = parseBlock2(content, effectivePalette);
-  if (blockParsed.error || blockParsed.top.rows.length === 0) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderBlockForExport(container, blockParsed, effectivePalette, ctx.isDark, {
-    width: ctx.width,
-    height: ctx.height
-  });
+  const { container, dims } = beginVizExport(ctx);
+  renderQuadrant(
+    container,
+    parsed,
+    effectivePalette,
+    ctx.isDark,
+    void 0,
+    dims
+  );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportGoal(ctx) {
+
+// src/raci/export.ts
+async function exportRaci(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseGoal: parseGoal2 } = await import("./parser-3QIFY5IN.js");
-  const { renderGoalForExport } = await import("./renderer-JEJT3YET.js");
+  const { parseRaci: parseRaci2 } = await import("./parser-GDLKUBTO.js");
+  const { renderRaciForExport } = await import("./renderer-W4MUMXJE.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseGoal2(content, effectivePalette);
-  if (parsed.error) return "";
+  const raciParsed = parseRaci2(content, effectivePalette);
+  if (raciParsed.error) return "";
   const container = createExportContainer(ctx.width, ctx.height);
-  renderGoalForExport(container, parsed, effectivePalette, ctx.isDark, {
+  renderRaciForExport(container, raciParsed, effectivePalette, ctx.isDark, {
     width: ctx.width,
     height: ctx.height
   });
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportCountdown(ctx) {
+
+// src/ring/export.ts
+async function exportRing(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseCountdown: parseCountdown2 } = await import("./parser-SEUTXN6U.js");
-  const { renderCountdownForExport } = await import("./renderer-NHTR7IRR.js");
+  const { parseRing: parseRing2 } = await import("./parser-KMKVFET2.js");
+  const { renderRingForExport } = await import("./renderer-RUSQJFFC.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseCountdown2(content, effectivePalette);
-  if (parsed.error) return "";
+  const ringParsed = parseRing2(content);
+  if (ringParsed.error || ringParsed.layers.length === 0) return "";
   const container = createExportContainer(ctx.width, ctx.height);
-  renderCountdownForExport(container, parsed, effectivePalette, ctx.isDark, {
+  renderRingForExport(container, ringParsed, effectivePalette, ctx.isDark, {
     width: ctx.width,
     height: ctx.height
   });
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportClock(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseClock: parseClock2 } = await import("./parser-K2DI26SC.js");
-  const { renderClockForExport } = await import("./renderer-WIU5BJUK.js");
+
+// src/sequence/export.ts
+async function exportVisualization(ctx) {
+  const { content, theme, palette, viewState } = ctx;
+  const parsed = parseVisualization(content, palette);
+  if (parsed.type !== "sequence") {
+    if (parsed.error) {
+      const looksLikeSequence = /->|~>|<-/.test(content);
+      if (!looksLikeSequence) return "";
+    } else {
+      return "";
+    }
+  }
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseClock2(content, effectivePalette);
-  if (parsed.error) return "";
+  const isDark = ctx.isDark;
   const container = createExportContainer(ctx.width, ctx.height);
-  renderClockForExport(container, parsed, effectivePalette, ctx.isDark, {
-    width: ctx.width,
-    height: ctx.height
-  });
+  const { parseSequenceDgmo: parseSequenceDgmo2 } = await import("./parser-BT4NI6JY.js");
+  const { renderSequenceDiagram } = await import("./renderer-FMTLSOCX.js");
+  const seqParsed = parseSequenceDgmo2(content, effectivePalette);
+  if (seqParsed.error || seqParsed.participants.length === 0) return "";
+  const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
+  const collapsedGroups = viewState?.cg ? new Set(viewState.cg.map(Number).filter((n) => Number.isFinite(n))) : void 0;
+  const seqActiveTagGroup = ctxTagOverride(ctx);
+  renderSequenceDiagram(
+    container,
+    seqParsed,
+    effectivePalette,
+    isDark,
+    void 0,
+    {
+      exportWidth: ctx.width,
+      ...seqActiveTagGroup !== void 0 && {
+        activeTagGroup: seqActiveTagGroup
+      },
+      ...collapsedSections !== void 0 && { collapsedSections },
+      ...collapsedGroups !== void 0 && { collapsedGroups }
+    }
+  );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportBracket(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseBracket: parseBracket2 } = await import("./parser-RTWPFKXG.js");
-  const { renderBracketForExport, bracketExportDimensions } = await import("./renderer-LM4ICK6I.js");
+
+// src/sitemap/export.ts
+async function exportSitemap(ctx) {
+  const { content, theme, palette, viewState, exportMode } = ctx;
+  const { parseSitemap: parseSitemap2 } = await import("./parser-6TDWUKM5.js");
+  const { layoutSitemap } = await import("./layout-ND26WVX2.js");
+  const { collapseSitemapTree } = await import("./collapse-TCVK3RPO.js");
+  const { renderSitemap } = await import("./renderer-XOWDERU2.js");
+  const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const parsed = parseBracket2(content, effectivePalette);
-  if (parsed.error) return "";
-  const { width, height } = bracketExportDimensions(parsed, effectivePalette);
-  const container = createExportContainer(width, height);
-  renderBracketForExport(container, parsed, effectivePalette, ctx.isDark, {
-    width,
-    height
-  });
+  const sitemapParsed = parseSitemap2(content, effectivePalette);
+  if (sitemapParsed.error || sitemapParsed.roots.length === 0) return "";
+  const collapsedNodes = viewState?.cg ? new Set(viewState.cg) : void 0;
+  const activeTagGroup = resolveActiveTagGroup(
+    sitemapParsed.tagGroups,
+    sitemapParsed.options["active-tag"],
+    ctxTagOverride(ctx)
+  );
+  const hiddenAttributes = unionHiddenAttributes(
+    sitemapParsed.options["hide"],
+    viewState?.ha
+  );
+  const { parsed: effectiveParsed, hiddenCounts } = collapsedNodes && collapsedNodes.size > 0 ? collapseSitemapTree(sitemapParsed, collapsedNodes) : { parsed: sitemapParsed, hiddenCounts: /* @__PURE__ */ new Map() };
+  const sitemapLayout = layoutSitemap(
+    effectiveParsed,
+    hiddenCounts.size > 0 ? hiddenCounts : void 0,
+    activeTagGroup,
+    hiddenAttributes,
+    true
+  );
+  const PADDING = 20;
+  const titleOffset = effectiveParsed.title ? 30 : 0;
+  const {
+    LEGEND_HEIGHT: SITEMAP_LEGEND_HEIGHT,
+    LEGEND_GROUP_GAP: SITEMAP_LEGEND_GROUP_GAP
+  } = await import("./legend-constants-55MFBXYF.js");
+  const suppressedLegendBand = sitemapLayout.legend.length > 0 && effectiveParsed.options["no-legend"] === "on" ? SITEMAP_LEGEND_HEIGHT + SITEMAP_LEGEND_GROUP_GAP : 0;
+  const exportWidth = sitemapLayout.width + PADDING * 2;
+  const exportHeight = sitemapLayout.height + PADDING * 2 + titleOffset - suppressedLegendBand;
+  const container = createExportContainer(exportWidth, exportHeight);
+  renderSitemap(
+    container,
+    effectiveParsed,
+    sitemapLayout,
+    effectivePalette,
+    isDark,
+    void 0,
+    { width: exportWidth, height: exportHeight },
+    activeTagGroup,
+    hiddenAttributes,
+    exportMode
+  );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportRaci(ctx) {
-  const { content, theme, palette } = ctx;
-  const { parseRaci: parseRaci2 } = await import("./parser-BES6LV3G.js");
-  const { renderRaciForExport } = await import("./renderer-J5FKF423.js");
-  const effectivePalette = await resolveExportPalette(theme, palette);
-  const raciParsed = parseRaci2(content, effectivePalette);
-  if (raciParsed.error) return "";
-  const container = createExportContainer(ctx.width, ctx.height);
-  renderRaciForExport(container, raciParsed, effectivePalette, ctx.isDark, {
-    width: ctx.width,
-    height: ctx.height
+
+// src/sketch/export.ts
+async function exportSketch(ctx) {
+  const { content, theme, viewState, exportMode } = ctx;
+  const { parseSketch: parseSketch2 } = await import("./parser-YHDGKPZI.js");
+  const effectivePalette = await resolveExportPalette(theme, ctx.palette);
+  const parsed = parseSketch2(content, effectivePalette);
+  if (parsed.error || parsed.nodes.length === 0 && parsed.boxes.length === 0) {
+    return "";
+  }
+  const { layoutSketch } = await import("./layout-D4L44NRG.js");
+  const { renderSketchForExport } = await import("./renderer-WPN2SXGT.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);
 }
-function beginVizExport(ctx) {
-  const container = createExportContainer(ctx.width, ctx.height);
-  const dims = {
-    width: ctx.width,
-    height: ctx.height
-  };
-  return { container, dims };
-}
+
+// src/slope/export.ts
 async function exportSlope(ctx) {
   const { content, theme, palette } = ctx;
   const parsed = parseSlope(content, palette);
@@ -3138,22 +3067,65 @@ async function exportSlope(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportArc(ctx) {
+
+// src/swimlane/export.ts
+async function exportSwimlane(ctx) {
   const { content, theme, palette } = ctx;
-  const parsed = parseArc(content, palette);
-  if (parsed.error || parsed.links.length === 0) return "";
+  const { parseSwimlane: parseSwimlane2 } = await import("./parser-H5OODY5N.js");
+  const { layoutSwimlane } = await import("./layout-VDCJOZSH.js");
+  const { renderSwimlaneForExport } = await import("./renderer-DAZWHNLI.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const { container, dims } = beginVizExport(ctx);
-  renderArcDiagram(
+  const swimParsed = parseSwimlane2(content, effectivePalette);
+  if (swimParsed.error || swimParsed.nodes.length === 0) return "";
+  const swimLayout = layoutSwimlane(swimParsed);
+  const PADDING = 20;
+  const titleOffset = swimParsed.title ? 40 : 0;
+  const exportWidth = swimLayout.width + PADDING * 2;
+  const exportHeight = swimLayout.height + PADDING * 2 + titleOffset;
+  const container = createExportContainer(exportWidth, exportHeight);
+  renderSwimlaneForExport(
+    container,
+    swimParsed,
+    swimLayout,
+    effectivePalette,
+    ctx.isDark,
+    {
+      exportDims: { width: exportWidth, height: exportHeight },
+      activeTagGroup: resolveActiveTagGroup(
+        swimParsed.tagGroups,
+        swimParsed.options["active-tag"],
+        ctxTagOverride(ctx)
+      ),
+      exportMode: ctx.exportMode
+    }
+  );
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
+
+// src/tech-radar/export.ts
+async function exportTechRadar(ctx) {
+  const { content, theme, palette, viewState, exportMode } = ctx;
+  const { parseTechRadar: parseTechRadar2 } = await import("./parser-3LT3ZUUC.js");
+  const { renderTechRadarForExport } = await import("./renderer-TINHO2IO.js");
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const radarParsed = parseTechRadar2(content);
+  if (radarParsed.error || radarParsed.quadrants.length === 0) return "";
+  const RADAR_EXPORT_W = ctx.requestedWidth ?? 1300;
+  const RADAR_EXPORT_H = ctx.requestedHeight ?? 1500;
+  const container = createExportContainer(RADAR_EXPORT_W, RADAR_EXPORT_H);
+  renderTechRadarForExport(
     container,
-    parsed,
+    radarParsed,
     effectivePalette,
     ctx.isDark,
-    void 0,
-    dims
+    { width: RADAR_EXPORT_W, height: RADAR_EXPORT_H },
+    viewState,
+    exportMode
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+
+// src/timeline/export.ts
 async function exportTimeline(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const parsed = parseTimeline(content, palette);
@@ -3181,21 +3153,39 @@ async function exportTimeline(ctx) {
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportWordcloud(ctx) {
+
+// src/treemap/export.ts
+async function exportTreemap(ctx) {
   const { content, theme, palette } = ctx;
-  const parsed = parseWordcloud(content, palette);
-  if (parsed.error || parsed.words.length === 0) return "";
+  const { parseTreemap: parseTreemap2 } = await import("./parser-LTRQASGB.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const { container, dims } = beginVizExport(ctx);
-  await renderWordCloudAsync(
-    container,
-    parsed,
-    effectivePalette,
-    ctx.isDark,
-    dims
-  );
+  const treemapParsed = parseTreemap2(content, effectivePalette);
+  if (treemapParsed.error || treemapParsed.roots.length === 0) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  const dims = { width: ctx.width, height: ctx.height };
+  if (treemapParsed.options.radial) {
+    const { renderTreemapRadialForExport } = await import("./renderer-radial-WFUX3Z3C.js");
+    renderTreemapRadialForExport(
+      container,
+      treemapParsed,
+      effectivePalette,
+      ctx.isDark,
+      dims
+    );
+  } else {
+    const { renderTreemapForExport } = await import("./renderer-O6RP52CQ.js");
+    renderTreemapForExport(
+      container,
+      treemapParsed,
+      effectivePalette,
+      ctx.isDark,
+      dims
+    );
+  }
   return finalizeSvgExport(container, theme, effectivePalette);
 }
+
+// src/venn/export.ts
 async function exportVenn(ctx) {
   const { content, theme, palette } = ctx;
   const parsed = parseVenn(content, palette);
@@ -3205,61 +3195,190 @@ async function exportVenn(ctx) {
   renderVenn(container, parsed, effectivePalette, ctx.isDark, void 0, dims);
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportQuadrant(ctx) {
+
+// src/version-control/export.ts
+async function exportVersionControl(ctx) {
   const { content, theme, palette } = ctx;
-  const parsed = parseQuadrant(content, palette);
-  if (parsed.error || parsed.quadrantPoints.length === 0) return "";
+  const { parseVersionControl: parseVersionControl2 } = await import("./parser-5UZV32ZI.js");
+  const { renderVersionControlForExport } = await import("./renderer-NOYLNVTI.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const { container, dims } = beginVizExport(ctx);
-  renderQuadrant(
+  const parsed = parseVersionControl2(content, effectivePalette);
+  if (parsed.error || parsed.nodes.length === 0) return "";
+  const container = createExportContainer(ctx.width, ctx.height);
+  renderVersionControlForExport(
     container,
     parsed,
     effectivePalette,
     ctx.isDark,
-    void 0,
-    dims
+    {
+      width: ctx.width,
+      height: ctx.height
+    }
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
-async function exportVisualization(ctx) {
-  const { content, theme, palette, viewState } = ctx;
-  const parsed = parseVisualization(content, palette);
-  if (parsed.type !== "sequence") {
-    if (parsed.error) {
-      const looksLikeSequence = /->|~>|<-/.test(content);
-      if (!looksLikeSequence) return "";
-    } else {
-      return "";
-    }
-  }
+
+// src/whiteboard/export.ts
+async function exportWhiteboard(ctx) {
+  const { content, theme } = ctx;
+  const { parseWhiteboard: parseWhiteboard2 } = await import("./parser-R3LPEQIT.js");
+  const effectivePalette = await resolveExportPalette(theme, ctx.palette);
+  const parsed = parseWhiteboard2(content, effectivePalette);
+  if (parsed.error || parsed.elements.length === 0) return "";
+  const { renderWhiteboard } = await import("./renderer-M5DUMITP.js");
+  const container = createExportContainer(1, 1);
+  const resolveImage = ctx.options?.resolveImage;
+  const showNotes = ctx.options?.showNotes;
+  renderWhiteboard(container, parsed, effectivePalette, ctx.isDark, {
+    ...resolveImage !== void 0 && { resolveImage },
+    ...showNotes !== void 0 && { showNotes }
+  });
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
+
+// src/wireframe/export.ts
+async function exportWireframe(ctx) {
+  const { content, theme, palette } = ctx;
+  const { parseWireframe: parseWireframe2 } = await import("./parser-4TBSWULQ.js");
+  const { layoutWireframe } = await import("./layout-HF3PMI4H.js");
+  const { renderWireframe } = await import("./renderer-36446HSH.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
-  const isDark = ctx.isDark;
-  const container = createExportContainer(ctx.width, ctx.height);
-  const { parseSequenceDgmo: parseSequenceDgmo2 } = await import("./parser-LCJ76UXS.js");
-  const { renderSequenceDiagram } = await import("./renderer-3QAFDXEY.js");
-  const seqParsed = parseSequenceDgmo2(content, effectivePalette);
-  if (seqParsed.error || seqParsed.participants.length === 0) return "";
-  const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
-  const collapsedGroups = viewState?.cg ? new Set(viewState.cg.map(Number).filter((n) => Number.isFinite(n))) : void 0;
-  const seqActiveTagGroup = ctxTagOverride(ctx);
-  renderSequenceDiagram(
+  const wireframeParsed = parseWireframe2(content);
+  if (wireframeParsed.error || wireframeParsed.roots.length === 0 && wireframeParsed.modals.length === 0)
+    return "";
+  const wireframeLayout = layoutWireframe(wireframeParsed);
+  const exportWidth = wireframeLayout.width;
+  const exportHeight = wireframeLayout.height;
+  const container = createExportContainer(exportWidth, exportHeight);
+  renderWireframe(
     container,
-    seqParsed,
+    wireframeParsed,
+    wireframeLayout,
     effectivePalette,
-    isDark,
+    ctx.isDark,
     void 0,
-    {
-      exportWidth: ctx.width,
-      ...seqActiveTagGroup !== void 0 && {
-        activeTagGroup: seqActiveTagGroup
-      },
-      ...collapsedSections !== void 0 && { collapsedSections },
-      ...collapsedGroups !== void 0 && { collapsedGroups }
-    }
+    { width: exportWidth, height: exportHeight },
+    theme
+  );
+  return finalizeSvgExport(container, theme, effectivePalette);
+}
+
+// src/wordcloud/export.ts
+async function exportWordcloud(ctx) {
+  const { content, theme, palette } = ctx;
+  const parsed = parseWordcloud(content, palette);
+  if (parsed.error || parsed.words.length === 0) return "";
+  const effectivePalette = await resolveExportPalette(theme, palette);
+  const { container, dims } = beginVizExport(ctx);
+  await renderWordCloudAsync(
+    container,
+    parsed,
+    effectivePalette,
+    ctx.isDark,
+    dims
   );
   return finalizeSvgExport(container, theme, effectivePalette);
 }
 
+// src/d3.ts
+var DIAGRAM_EXPORT_HANDLERS = {
+  org: exportOrg,
+  sitemap: exportSitemap,
+  kanban: exportKanban,
+  class: exportClass,
+  er: exportEr,
+  "boxes-and-lines": exportBoxesAndLines,
+  sketch: exportSketch,
+  whiteboard: exportWhiteboard,
+  swimlane: exportSwimlane,
+  family: exportFamily,
+  "version-control": exportVersionControl,
+  mindmap: exportMindmap,
+  wireframe: exportWireframe,
+  c4: exportC4,
+  flowchart: exportFlowchart,
+  infra: exportInfra,
+  pert: exportPert,
+  gantt: exportGantt,
+  state: exportState,
+  "tech-radar": exportTechRadar,
+  "journey-map": exportJourneyMap,
+  cycle: exportCycle,
+  map: exportMap,
+  pyramid: exportPyramid,
+  ring: exportRing,
+  treemap: exportTreemap,
+  block: exportBlock,
+  goal: exportGoal,
+  countdown: exportCountdown,
+  clock: exportClock,
+  bracket: exportBracket,
+  raci: exportRaci,
+  body: exportBody,
+  "live-link": exportLiveLink,
+  // D3 visualizations — own handler per type (Story 109.2). Only `sequence`
+  // still falls through to exportVisualization (no chart-type of its own).
+  slope: exportSlope,
+  arc: exportArc,
+  timeline: exportTimeline,
+  "event-line": exportEventLine,
+  wordcloud: exportWordcloud,
+  venn: exportVenn,
+  quadrant: exportQuadrant
+};
+function resolveArcChordOverride(content, detectedType, palette) {
+  if (detectedType === "arc") {
+    const p = parseArc(content, palette);
+    if (!p.error && p.layout === "chord" && p.links.length) {
+      const emitted = [
+        `chord ${p.title ?? ""}`.trimEnd(),
+        // §1.9 fill family survives the layout re-emit so the circular
+        // renderer honors fill-solid / fill-outline authored on the arc.
+        ...p.fillMode ? [`fill-${p.fillMode}`] : [],
+        ...p.links.map((l) => `${l.source} -> ${l.target} ${l.value}`)
+      ].join("\n");
+      return { content: emitted, type: "chord" };
+    }
+  }
+  return null;
+}
+async function renderForExport(content, theme, palette, viewState, options) {
+  const exportMode = options?.exportMode ?? false;
+  const { parseDgmoChartType } = await import("./dgmo-router-E5O7RJSW.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-SZV2SFTM.js");
+    if (supportsD3DataChart(detectedType)) {
+      return renderDataChartD32(renderContent, theme, palette, {
+        ...options?.width !== void 0 && { width: options.width },
+        ...options?.height !== void 0 && { height: options.height }
+      });
+    }
+  }
+  const ctx = {
+    content: renderContent,
+    theme,
+    palette,
+    viewState,
+    options,
+    exportMode,
+    isDark: theme === "dark",
+    // The resolved canvas, and the raw request beside it. A chart whose own
+    // natural size is not EXPORT_WIDTH (tech-radar) needs to tell "the caller
+    // asked for 1200" apart from "nobody asked", which the resolved value
+    // cannot express.
+    requestedWidth: options?.width && options.width > 0 ? Math.round(options.width) : void 0,
+    requestedHeight: options?.height && options.height > 0 ? Math.round(options.height) : void 0,
+    width: options?.width && options.width > 0 ? Math.round(options.width) : EXPORT_WIDTH,
+    height: options?.height && options.height > 0 ? Math.round(options.height) : EXPORT_HEIGHT
+  };
+  const handler = detectedType !== null ? DIAGRAM_EXPORT_HANDLERS[detectedType] : void 0;
+  return (handler ?? exportVisualization)(ctx);
+}
+
 // src/utils/hover-styles.ts
 var MAX_HOVER_GROUPS = 40;
 var DEFAULT_DIM_OPACITY = 0.4;
@@ -3592,6 +3711,15 @@ var HOVER_SPECS = {
     legend: true,
     emphasis: "dim"
   },
+  // A whiteboard's legend names its colours (#1344); each coloured element
+  // carries its colour's entry.
+  whiteboard: {
+    markSelector: "[data-wb-meaning]",
+    strategy: "enumerated",
+    groupAttr: "data-wb-meaning",
+    emphasis: "dim",
+    legend: true
+  },
   sketch: {
     markSelector: ".sk-node",
     strategy: "connection",
@@ -4869,12 +4997,12 @@ async function render(source, options) {
 }
 
 export {
-  renderSlopeChart,
   orderArcNodes,
   renderArcDiagram,
-  renderWordCloud,
-  renderVenn,
   renderQuadrant,
+  renderSlopeChart,
+  renderVenn,
+  renderWordCloud,
   renderForExport,
   DEFAULT_DIM_OPACITY,
   render