@diagrammo/dgmo 0.48.2 → 0.50.0

package/dist/chunk-RV6A2B5S.js

@@ -0,0 +1,354 @@
+import {
+  compactNumber
+} from "./chunk-CVV36CWI.js";
+import {
+  parseInlineMarkdown
+} from "./chunk-3HDBAXF5.js";
+import {
+  TITLE_FONT_WEIGHT
+} from "./chunk-A4GOY3PE.js";
+import {
+  FONT_FAMILY
+} from "./chunk-6KFWC4CO.js";
+import {
+  getSeriesColors,
+  mix,
+  shapeFill,
+  themeBaseBg
+} from "./chunk-P6T66CCZ.js";
+import {
+  resolveColor
+} from "./chunk-TLVIHFRO.js";
+
+// src/goal/renderer.ts
+import * as d3Selection from "d3-selection";
+function clamp(x, lo, hi) {
+  return Math.max(lo, Math.min(hi, x));
+}
+var GOAL_TITLE_SIZE = 30;
+function computeMetrics(parsed) {
+  const pctFrac = parsed.hasTarget ? parsed.now / parsed.target : 0;
+  const fillFrac = clamp(pctFrac, 0, 1);
+  const pctLabel = `${Math.round(pctFrac * 100)}%`;
+  const targetLabel = parsed.hasTarget ? compactNumber(parsed.target) : "?";
+  const valueLabel = `${compactNumber(parsed.now)} / ${targetLabel}`;
+  const ariaTarget = parsed.hasTarget ? parsed.target : "?";
+  const ariaLabel = `${parsed.title ?? "Goal"}: ${parsed.now} of ${ariaTarget} (${Math.round(
+    pctFrac * 100
+  )}%)`;
+  return { pctFrac, fillFrac, pctLabel, valueLabel, ariaLabel };
+}
+function autoBandColor(pctFrac, palette) {
+  const name = pctFrac < 0.5 ? "red" : pctFrac < 0.8 ? "orange" : "green";
+  return resolveColor(name, palette) || name;
+}
+function resolvePaint(parsed, palette, isDark, pctFrac) {
+  const autoColor = !parsed.options.noAutoColor && parsed.hasTarget ? autoBandColor(pctFrac, palette) : null;
+  const base = parsed.color && resolveColor(parsed.color, palette) || parsed.color || autoColor || getSeriesColors(palette)[0];
+  return {
+    base,
+    fill: shapeFill(palette, base, isDark, { solid: parsed.options.solidFill }),
+    track: mix(palette.border, themeBaseBg(palette, isDark), 45),
+    text: palette.text,
+    muted: mix(palette.text, themeBaseBg(palette, isDark), 55)
+  };
+}
+function renderGoal(container, parsed, palette, isDark, exportDims) {
+  d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
+  const cw = exportDims?.width ?? container.clientWidth;
+  const ch = exportDims?.height ?? container.clientHeight;
+  if (cw <= 0 || ch <= 0) return;
+  const metrics = computeMetrics(parsed);
+  const paint = resolvePaint(parsed, palette, isDark, metrics.pctFrac);
+  const svg = d3Selection.select(container).append("svg").attr("width", cw).attr("height", ch).attr("preserveAspectRatio", "xMidYMid meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("role", "img").attr("aria-label", metrics.ariaLabel).style("font-family", FONT_FAMILY);
+  const box = parsed.mode === "thermometer" ? renderThermometer(svg, parsed, metrics, paint) : parsed.mode === "gauge" ? renderGauge(svg, parsed, metrics, paint) : renderBar(svg, parsed, metrics, paint);
+  const pad = 30;
+  const vx = box.minX - pad;
+  const vy = box.minY - pad;
+  const vw = box.maxX - box.minX + pad * 2;
+  const vh = box.maxY - box.minY + pad * 2;
+  svg.attr("viewBox", `${vx} ${vy} ${vw} ${vh}`);
+  svg.insert("rect", ":first-child").attr("x", vx).attr("y", vy).attr("width", vw).attr("height", vh).attr("fill", palette.bg);
+}
+function renderGoalForExport(container, parsed, palette, isDark, exportDims) {
+  renderGoal(container, parsed, palette, isDark, exportDims);
+}
+function displayLen(token) {
+  return token.replace(/\[(.+?)\]\((.+?)\)/g, "$1").replace(/\*\*|__|\*|_|`/g, "").length;
+}
+function wrapText(text, maxChars) {
+  const words = text.split(/\s+/);
+  const lines = [];
+  let cur = "";
+  for (const w of words) {
+    const next = cur ? `${cur} ${w}` : w;
+    if (displayLen(next) > maxChars && cur) {
+      lines.push(cur);
+      cur = w;
+    } else {
+      cur = next;
+    }
+  }
+  if (cur) lines.push(cur);
+  return lines;
+}
+function layoutDescription(description, colLeft, maxChars) {
+  const out = [];
+  const indent = 18;
+  const contentX = colLeft + indent;
+  for (const raw of description.split("\n")) {
+    const t = raw.trim();
+    if (t === "") {
+      out.push({ text: "", x: colLeft });
+      continue;
+    }
+    const bullet = /^[-*]\s+/.test(t);
+    if (bullet) {
+      const content = t.replace(/^[-*]\s+/, "");
+      const wrapped = wrapText(content, Math.max(6, maxChars - 3));
+      wrapped.forEach((wl, k) => {
+        out.push(
+          k === 0 ? { text: wl, x: contentX, bulletX: colLeft } : { text: wl, x: contentX }
+        );
+      });
+    } else {
+      for (const wl of wrapText(t, maxChars))
+        out.push({ text: wl, x: colLeft });
+    }
+  }
+  return out;
+}
+function renderWrappedMarkdown(textEl, lines, lineH) {
+  lines.forEach((line, li) => {
+    const dy = li === 0 ? 0 : lineH;
+    if (line.text === "" && line.bulletX === void 0) {
+      textEl.append("tspan").attr("x", line.x).attr("dy", dy).text(" ");
+      return;
+    }
+    if (line.bulletX !== void 0) {
+      textEl.append("tspan").attr("x", line.bulletX).attr("dy", dy).text("\u2022");
+    }
+    let first = true;
+    for (const span of parseInlineMarkdown(line.text)) {
+      const tspan = textEl.append("tspan").text(span.text);
+      if (first) {
+        tspan.attr("x", line.x);
+        if (line.bulletX === void 0) tspan.attr("dy", dy);
+        first = false;
+      }
+      if (span.bold) tspan.attr("font-weight", "bold");
+      if (span.italic) tspan.attr("font-style", "italic");
+      if (span.code) tspan.attr("font-family", "monospace");
+    }
+  });
+}
+function drawNote(svg, description, paint, left, top, width) {
+  const descSize = 15;
+  const lineH = descSize * 1.4;
+  const maxChars = Math.max(8, Math.floor(width / (descSize * 0.46)));
+  const firstY = top + descSize;
+  const lines = layoutDescription(description, left, maxChars);
+  const desc = svg.append("text").attr("x", left).attr("y", firstY).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", descSize).attr("font-weight", 500);
+  renderWrappedMarkdown(desc, lines, lineH);
+  return firstY + lines.length * lineH;
+}
+function faceTitle(svg, parsed, paint, x, y, anchor = "middle", size = GOAL_TITLE_SIZE) {
+  if (!parsed.title || parsed.options.noTitle) return;
+  svg.append("text").attr("class", "chart-title").attr("x", x).attr("y", y).attr("text-anchor", anchor).attr("fill", paint.text).attr("font-family", FONT_FAMILY).attr("font-size", size).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber).text(parsed.title);
+}
+function renderBar(svg, parsed, metrics, paint) {
+  const trackH = 52;
+  const r = trackH / 2;
+  const trackW = 620;
+  const gap = parsed.hasTarget ? 18 : 0;
+  const targetLabelW = parsed.hasTarget ? 80 : 0;
+  const x = 0;
+  const hasTitle = !!parsed.title && !parsed.options.noTitle;
+  const showPct = !parsed.options.noPercent && parsed.hasTarget;
+  const titleSize = GOAL_TITLE_SIZE;
+  if (hasTitle) faceTitle(svg, parsed, paint, x, titleSize - 2, "start");
+  const barRight = x + trackW;
+  if (showPct) {
+    svg.append("text").attr("x", barRight).attr("y", titleSize - 2).attr("text-anchor", "end").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", titleSize).attr("font-weight", 700).text(metrics.pctLabel);
+  }
+  const y = hasTitle || showPct ? titleSize + 14 : 0;
+  const barCy = y + trackH / 2;
+  const g = svg.append("g").attr("class", "goal-bar");
+  g.append("rect").attr("x", x).attr("y", y).attr("width", trackW).attr("height", trackH).attr("rx", r).attr("fill", paint.track);
+  const fillW = trackW * metrics.fillFrac;
+  if (fillW > 0.5) {
+    g.append("rect").attr("x", x).attr("y", y).attr("width", fillW).attr("height", trackH).attr("rx", r).attr("fill", paint.fill).attr("stroke", paint.base).attr("stroke-width", 2);
+  }
+  if (!parsed.options.noValue) {
+    const valX = Math.max(x + fillW - 16, x + 52);
+    g.append("text").attr("x", valX).attr("y", barCy + 24 * 0.35).attr("text-anchor", "end").attr("fill", paint.base).attr("font-family", FONT_FAMILY).attr("font-size", 24).attr("font-weight", 700).text(compactNumber(parsed.now));
+  }
+  if (parsed.hasTarget) {
+    g.append("text").attr("x", barRight + gap).attr("y", barCy + 26 * 0.35).attr("text-anchor", "start").attr("fill", paint.text).attr("font-family", FONT_FAMILY).attr("font-size", 26).attr("font-weight", 700).text(compactNumber(parsed.target));
+  }
+  let bottom = y + trackH;
+  if (parsed.description && !parsed.options.noNote) {
+    bottom = drawNote(svg, parsed.description, paint, x, bottom + 40, trackW);
+  }
+  return {
+    minX: 0,
+    minY: 0,
+    maxX: barRight + gap + targetLabelW,
+    maxY: bottom
+  };
+}
+function renderThermometer(svg, parsed, metrics, paint) {
+  const tubeW = 68;
+  const r = tubeW / 2;
+  const bulbR = 52;
+  const inset = 8;
+  const totalH = 440;
+  const glassTop = 0;
+  const bulbCy = totalH - bulbR;
+  const textColW = 440;
+  const gap = 56;
+  const colLeft = 0;
+  const cx = colLeft + textColW + gap + r;
+  const bodyPath = (topY, halfW, br, roundedCap) => {
+    const yJoin = bulbCy - Math.sqrt(br * br - halfW * halfW);
+    const bulb = `L ${cx + halfW} ${yJoin} A ${br} ${br} 0 1 1 ${cx - halfW} ${yJoin} Z`;
+    return roundedCap ? `M ${cx - halfW} ${topY + halfW} A ${halfW} ${halfW} 0 0 1 ${cx + halfW} ${topY + halfW} ${bulb}` : `M ${cx - halfW} ${topY} L ${cx + halfW} ${topY} ${bulb}`;
+  };
+  const g = svg.append("g").attr("class", "goal-thermometer");
+  g.append("path").attr("d", bodyPath(glassTop, r, bulbR, true)).attr("fill", paint.track);
+  const mHalf = r - inset;
+  const mBulb = bulbR - inset;
+  const yTop = glassTop + r;
+  const yBase = bulbCy - Math.sqrt(mBulb * mBulb - mHalf * mHalf);
+  const yForFrac = (f) => yTop + (1 - f) * (yBase - yTop);
+  const fillTopY = clamp(yForFrac(metrics.fillFrac), yTop, yBase);
+  g.append("path").attr("d", bodyPath(fillTopY, mHalf, mBulb, false)).attr("fill", paint.fill).attr("stroke", paint.base).attr("stroke-width", 2).attr("stroke-linejoin", "round");
+  if (parsed.hasTarget) {
+    const edgeX = cx + r;
+    const tickLabelX = edgeX + 14;
+    const drawTick = (f, major) => {
+      const isTarget = f === 1;
+      const y = yForFrac(f);
+      g.append("line").attr("x1", edgeX).attr("y1", y).attr("x2", edgeX - (isTarget ? 26 : major ? 18 : 10)).attr("y2", y).attr("stroke", isTarget ? paint.base : paint.muted).attr("stroke-width", isTarget ? 4 : major ? 2 : 1.5);
+      if (isTarget) {
+        g.append("text").attr("x", tickLabelX).attr("y", y - 20).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 15).attr("font-weight", 600).attr("letter-spacing", 1).text("TARGET");
+      }
+      if (major) {
+        g.append("text").attr("x", tickLabelX).attr("y", y + (isTarget ? 30 * 0.35 : 19 * 0.35)).attr("text-anchor", "start").attr("fill", isTarget ? paint.text : paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", isTarget ? 30 : 19).attr("font-weight", isTarget ? 700 : 500).text(compactNumber(parsed.target * f));
+      }
+    };
+    for (const f of [0.25, 0.75]) drawTick(f, false);
+    for (const f of [0, 0.5, 1]) drawTick(f, true);
+    g.append("text").attr("x", tickLabelX).attr("y", fillTopY + 42 * 0.35).attr("text-anchor", "start").attr("fill", paint.base).attr("font-family", FONT_FAMILY).attr("font-size", 42).attr("font-weight", 700).text(compactNumber(parsed.now));
+  }
+  const titleSize = GOAL_TITLE_SIZE;
+  let cursorY = glassTop;
+  if (parsed.title && !parsed.options.noTitle) {
+    svg.append("text").attr("class", "chart-title").attr("x", colLeft).attr("y", cursorY + titleSize).attr("text-anchor", "start").attr("fill", paint.text).attr("font-family", FONT_FAMILY).attr("font-size", titleSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber).text(parsed.title);
+    cursorY += titleSize + 16;
+  }
+  if (!parsed.options.noPercent) {
+    svg.append("text").attr("x", colLeft).attr("y", cursorY + 52).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 64).attr("font-weight", 700).text(metrics.pctLabel);
+    cursorY += 76;
+  }
+  let colBottom = cursorY;
+  if (parsed.description && !parsed.options.noNote) {
+    colBottom = drawNote(
+      svg,
+      parsed.description,
+      paint,
+      colLeft,
+      cursorY + 8,
+      textColW
+    );
+  }
+  const rightExtent = parsed.hasTarget ? cx + r + 14 + 76 : cx + r + 20;
+  return {
+    minX: 0,
+    minY: 0,
+    maxX: rightExtent,
+    maxY: Math.max(bulbCy + bulbR, colBottom)
+  };
+}
+function arcPath(cx, cy, r, t0, t1) {
+  const a0 = Math.PI - t0 * Math.PI;
+  const a1 = Math.PI - t1 * Math.PI;
+  const x0 = cx + r * Math.cos(a0);
+  const y0 = cy - r * Math.sin(a0);
+  const x1 = cx + r * Math.cos(a1);
+  const y1 = cy - r * Math.sin(a1);
+  return `M ${x0} ${y0} A ${r} ${r} 0 0 1 ${x1} ${y1}`;
+}
+function renderGauge(svg, parsed, metrics, paint) {
+  const stroke = 36;
+  const r = 210;
+  const hasNote = !!parsed.description && !parsed.options.noNote;
+  const colW = hasNote ? 400 : 0;
+  const colGap = hasNote ? 56 : 0;
+  const colLeft = 0;
+  const hasTopTitle = !hasNote && !!parsed.title && !parsed.options.noTitle;
+  const topTitleH = hasTopTitle ? GOAL_TITLE_SIZE + 6 + 16 : 0;
+  const cx = colLeft + colW + colGap + r;
+  const cy = r + stroke / 2 + topTitleH;
+  const g = svg.append("g").attr("class", "goal-gauge");
+  const crestTop = cy - r - stroke / 2;
+  let colBottom = crestTop;
+  if (hasNote) {
+    const titleSize = GOAL_TITLE_SIZE;
+    let top = crestTop;
+    if (parsed.title && !parsed.options.noTitle) {
+      svg.append("text").attr("class", "chart-title").attr("x", colLeft).attr("y", top + titleSize * 0.78).attr("text-anchor", "start").attr("fill", paint.text).attr("font-family", FONT_FAMILY).attr("font-size", titleSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber).text(parsed.title);
+      top += titleSize * 0.78 + 16;
+    }
+    colBottom = drawNote(svg, parsed.description, paint, colLeft, top, colW);
+  } else if (hasTopTitle) {
+    faceTitle(svg, parsed, paint, cx, GOAL_TITLE_SIZE);
+  }
+  g.append("path").attr("d", arcPath(cx, cy, r, 0, 1)).attr("fill", "none").attr("stroke", paint.track).attr("stroke-width", stroke).attr("stroke-linecap", "round");
+  if (metrics.fillFrac > 1e-3) {
+    g.append("path").attr("d", arcPath(cx, cy, r, 0, metrics.fillFrac)).attr("fill", "none").attr("stroke", paint.fill).attr("stroke-width", stroke).attr("stroke-linecap", "round");
+  }
+  const a = Math.PI - metrics.fillFrac * Math.PI;
+  const needleLen = r - stroke / 2 - 6;
+  const nx = cx + needleLen * Math.cos(a);
+  const ny = cy - needleLen * Math.sin(a);
+  g.append("line").attr("x1", cx).attr("y1", cy).attr("x2", nx).attr("y2", ny).attr("stroke", paint.text).attr("stroke-width", 5).attr("stroke-linecap", "round");
+  g.append("circle").attr("cx", cx).attr("cy", cy).attr("r", 11).attr("fill", paint.text);
+  const nowLabel = compactNumber(parsed.now);
+  const nowSize = Math.min(
+    r * 0.62,
+    140,
+    r * 0.95 / Math.max(1, nowLabel.length * 0.6)
+  );
+  const nowY = cy - r * 0.42;
+  g.append("text").attr("x", cx).attr("y", nowY + nowSize * 0.35).attr("text-anchor", "middle").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", nowSize).attr("font-weight", 700).text(nowLabel);
+  if (parsed.hasTarget) {
+    const bandInner = r - stroke / 2;
+    for (const f of [0, 0.25, 0.5, 0.75, 1]) {
+      const isTarget = f === 1;
+      const ang = Math.PI - f * Math.PI;
+      const ca = Math.cos(ang);
+      const sa = Math.sin(ang);
+      g.append("line").attr("x1", cx + bandInner * ca).attr("y1", cy - bandInner * sa).attr("x2", cx + (bandInner - (isTarget ? 20 : 12)) * ca).attr("y2", cy - (bandInner - (isTarget ? 20 : 12)) * sa).attr("stroke", isTarget ? paint.base : paint.muted).attr("stroke-width", isTarget ? 4 : 2);
+      const lr = bandInner - (isTarget ? 40 : 26);
+      const anchor = ca > 0.2 ? "end" : ca < -0.2 ? "start" : "middle";
+      if (isTarget) {
+        g.append("text").attr("x", cx + lr * ca).attr("y", cy - lr * sa - 20).attr("text-anchor", anchor).attr("dominant-baseline", "middle").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 15).attr("font-weight", 600).attr("letter-spacing", 1).text("TARGET");
+      }
+      g.append("text").attr("x", cx + lr * ca).attr("y", cy - lr * sa).attr("text-anchor", anchor).attr("dominant-baseline", sa > 0.7 ? "hanging" : "middle").attr("fill", isTarget ? paint.text : paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", isTarget ? 30 : 18).attr("font-weight", isTarget ? 700 : 500).text(compactNumber(parsed.target * f));
+    }
+  }
+  const rightLabel = parsed.hasTarget ? 74 : 20;
+  return {
+    minX: 0,
+    minY: Math.min(0, crestTop),
+    maxX: cx + r + rightLabel,
+    maxY: Math.max(cy + 34, colBottom)
+  };
+}
+
+export {
+  renderGoal,
+  renderGoalForExport
+};
+//# sourceMappingURL=chunk-RV6A2B5S.js.map

package/dist/{chunk-EB6FPQUP.js → chunk-S5GRONXL.js}

@@ -10,7 +10,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-WCUHAQKB.js";
 import {
   MINDMAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -21,7 +21,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-OTAL43EH.js";
 import {
   formatDgmoError,
   makeDgmoError,
@@ -313,4 +313,4 @@ function findMetadataParent(indent, indentStack) {
 export {
   parseMindmap
 };
-//# sourceMappingURL=chunk-EB6FPQUP.js.map
+//# sourceMappingURL=chunk-S5GRONXL.js.map

package/dist/{chunk-5MLYVTYM.js → chunk-SCHXJTZL.js}

@@ -1,7 +1,7 @@
 import {
   extractColor,
   measureIndent
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-OTAL43EH.js";
 import {
   makeDgmoError
 } from "./chunk-CXK4DZH3.js";
@@ -73,4 +73,4 @@ function tryCollectNote(lines, index, indent, palette, diagnostics) {
 export {
   tryCollectNote
 };
-//# sourceMappingURL=chunk-5MLYVTYM.js.map
+//# sourceMappingURL=chunk-SCHXJTZL.js.map

package/dist/{chunk-T3UBLACL.js → chunk-SCQ5VPUF.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6EK55ART.js";
 import {
   noteBoxSize
-} from "./chunk-TYS6CSS5.js";
+} from "./chunk-BCYVE3N5.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -92,9 +92,23 @@ function layoutGraph(graph, options) {
   for (const edge of graph.edges) {
     const key = `${edge.source}->${edge.target}`;
     edgeDataMap.set(key, edge);
-    g.setEdge(edge.source, edge.target, {
-      label: edge.label ?? ""
-    });
+  }
+  const outgoingBySource = /* @__PURE__ */ new Map();
+  for (const edge of graph.edges) {
+    let group = outgoingBySource.get(edge.source);
+    if (!group) {
+      group = [];
+      outgoingBySource.set(edge.source, group);
+    }
+    group.push(edge);
+  }
+  for (const group of outgoingBySource.values()) {
+    for (let i = group.length - 1; i >= 0; i--) {
+      const edge = group[i];
+      g.setEdge(edge.source, edge.target, {
+        label: edge.label ?? ""
+      });
+    }
   }
   dagre.layout(g);
   const collapsedGroupIds = collapsedChildCounts ? new Set(collapsedChildCounts.keys()) : /* @__PURE__ */ new Set();
@@ -296,4 +310,4 @@ function layoutGraph(graph, options) {
 export {
   layoutGraph
 };
-//# sourceMappingURL=chunk-T3UBLACL.js.map
+//# sourceMappingURL=chunk-SCQ5VPUF.js.map

package/dist/{chunk-PBHE5UG6.js → chunk-SGFZZAUO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-A44USUV7.js";
 import {
   layoutInfra
-} from "./chunk-Y2ZE3MSG.js";
+} from "./chunk-C63UWAKM.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
@@ -13,15 +13,15 @@ import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
 } from "./chunk-3CIOJ5YJ.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-PWIHZ6NJ.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-QUJGFNFN.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-7UEMZREK.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -41,15 +41,15 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-HQCHYB5F.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-5LWQH6QV.js";
 import {
   parseInfra
-} from "./chunk-33LCUH4H.js";
+} from "./chunk-XMVQ5F4M.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -60,7 +60,7 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   tagAttrKey
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-WCUHAQKB.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -189,6 +189,40 @@ function buildPathD(pts, direction) {
   }
   return gen(pts) ?? "";
 }
+var GROUP_PSEUDO_NODE_DEFAULTS = {
+  computedRps: 0,
+  overloaded: false,
+  rateLimited: false,
+  isEdge: false,
+  computedLatencyMs: 0,
+  computedLatencyPercentiles: { p50: 0, p90: 0, p99: 0 },
+  computedUptime: 1,
+  computedAvailability: 1,
+  computedAvailabilityPercentiles: { p50: 1, p90: 1, p99: 1 },
+  computedCbState: "closed",
+  computedInstances: 1,
+  computedConcurrentInvocations: 0,
+  properties: [],
+  tags: {}
+};
+function nodeMapWithGroups(nodes, groups) {
+  const map = new Map(nodes.map((n) => [n.id, n]));
+  for (const g of groups) {
+    if (map.has(g.id)) continue;
+    map.set(g.id, {
+      ...GROUP_PSEUDO_NODE_DEFAULTS,
+      id: g.id,
+      label: g.label,
+      x: g.x + g.width / 2,
+      y: g.y + g.height / 2,
+      width: g.width,
+      height: g.height,
+      groupId: g.id,
+      lineNumber: g.lineNumber
+    });
+  }
+  return map;
+}
 function computePortPts(edges, nodeMap, direction) {
   const srcPts = /* @__PURE__ */ new Map();
   const tgtPts = /* @__PURE__ */ new Map();
@@ -845,7 +879,7 @@ function renderGroups(svg, groups, palette, _isDark, sc = buildScaledConstants(S
   }
 }
 function renderEdgePaths(svg, edges, nodes, groups, palette, _isDark, animate, direction, speedMultiplier = 1, sc = buildScaledConstants(ScaleContext.identity())) {
-  const nodeMap = new Map(nodes.map((n) => [n.id, n]));
+  const nodeMap = nodeMapWithGroups(nodes, groups);
   const maxRps = Math.max(...edges.map((e) => e.computedRps), 1);
   const { srcPts, tgtPts } = computePortPts(edges, nodeMap, direction);
   for (const edge of edges) {
@@ -886,7 +920,7 @@ function renderEdgePaths(svg, edges, nodes, groups, palette, _isDark, animate, d
   }
 }
 function renderEdgeLabels(svg, edges, nodes, groups, palette, _isDark, animate, direction, sc = buildScaledConstants(ScaleContext.identity())) {
-  const nodeMap = new Map(nodes.map((n) => [n.id, n]));
+  const nodeMap = nodeMapWithGroups(nodes, groups);
   const { srcPts, tgtPts } = computePortPts(edges, nodeMap, direction);
   for (const edge of edges) {
     if (edge.points.length === 0) continue;
@@ -1527,4 +1561,4 @@ export {
   renderInfra,
   parseAndLayoutInfra
 };
-//# sourceMappingURL=chunk-PBHE5UG6.js.map
+//# sourceMappingURL=chunk-SGFZZAUO.js.map

package/dist/{chunk-BUVJFRPY.js → chunk-SU2VBK4L.js}

@@ -7,10 +7,10 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-WCUHAQKB.js";
 import {
   tryCollectNote
-} from "./chunk-5MLYVTYM.js";
+} from "./chunk-SCHXJTZL.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -30,7 +30,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-OTAL43EH.js";
 import {
   makeDgmoError,
   suggest
@@ -884,4 +884,4 @@ export {
   looksLikeBoxesAndLines,
   parseBoxesAndLines
 };
-//# sourceMappingURL=chunk-BUVJFRPY.js.map
+//# sourceMappingURL=chunk-SU2VBK4L.js.map

package/dist/{chunk-SML67VPV.js → chunk-T4BRO3Z6.js}

@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-WCUHAQKB.js";
 import {
   parseArrow,
   parseInArrowLabel
@@ -26,7 +26,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-OTAL43EH.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
@@ -1022,4 +1022,4 @@ export {
   parseSequenceDgmo,
   looksLikeSequence
 };
-//# sourceMappingURL=chunk-SML67VPV.js.map
+//# sourceMappingURL=chunk-T4BRO3Z6.js.map

package/dist/{chunk-NURGB5Z4.js → chunk-TSA237IM.js}

@@ -5,7 +5,7 @@ import {
   parseFirstLine,
   splitNameAndMeta,
   warnUnknownMetaKeys
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-OTAL43EH.js";
 import {
   makeDgmoError,
   makeFail,
@@ -332,4 +332,4 @@ function assignGlobalNumbers(result) {
 export {
   parseTechRadar
 };
-//# sourceMappingURL=chunk-NURGB5Z4.js.map
+//# sourceMappingURL=chunk-TSA237IM.js.map