compasso 0.4.0 → 0.4.1

package/dist/index.cjs

@@ -142,6 +142,32 @@ function qualityLineStyle(quality, lexicon = QUALITY_LEXICON_EN) {
   return matched.length === 1 ? matched[0] : "plain";
 }
 
+// src/core/annotation.ts
+var round = (n) => Math.round(n * 100) / 100;
+var ANNOTATION_INK = "#52525b";
+var DOT_R = 3;
+var TICK_HALF = 3;
+function annotationDot(cx, cy) {
+  return `<circle cx="${round(cx)}" cy="${round(cy)}" r="${DOT_R}" fill="${ANNOTATION_INK}" fill-opacity="0.6"/>`;
+}
+function annotationTick(points) {
+  if (points.length < 2) return "";
+  const i = Math.floor((points.length - 1) / 2);
+  const a = points[i];
+  const b = points[i + 1] ?? points[i];
+  const mx = (a.x + b.x) / 2;
+  const my = (a.y + b.y) / 2;
+  const horizontal = Math.abs(a.y - b.y) <= Math.abs(a.x - b.x);
+  const x1 = horizontal ? mx : mx - TICK_HALF;
+  const x2 = horizontal ? mx : mx + TICK_HALF;
+  const y1 = horizontal ? my - TICK_HALF : my;
+  const y2 = horizontal ? my + TICK_HALF : my;
+  return `<line x1="${round(x1)}" y1="${round(y1)}" x2="${round(x2)}" y2="${round(y2)}" stroke="${ANNOTATION_INK}" stroke-width="1.5"/>`;
+}
+function annotationSwatch(x, yCenter) {
+  return annotationDot(x + LEGEND_SWATCH_W / 2, yCenter);
+}
+
 // src/genogram/types.ts
 var UNION_STATUSES = [
   "married",
@@ -317,7 +343,8 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
     parentId: l.parentId,
     childId: l.childId,
     quality: l.quality,
-    edgeId: PARENT_REL_ID_BASE + l.id
+    edgeId: PARENT_REL_ID_BASE + l.id,
+    annotated: l.annotated ?? false
   }));
   const declaredPairs = new Set(validLinks.map((l) => pairKey(l.parentId, l.childId)));
   const promotedByPair = /* @__PURE__ */ new Map();
@@ -336,7 +363,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
       [parentId, childId] = fromIsChild ? [r.toPersonId, r.fromPersonId] : [r.fromPersonId, r.toPersonId];
     }
     if (parentId === childId) continue;
-    promotedByPair.set(key, { parentId, childId, quality: r.quality, edgeId: PROMOTED_REL_ID_BASE + r.id });
+    promotedByPair.set(key, { parentId, childId, quality: r.quality, edgeId: PROMOTED_REL_ID_BASE + r.id, annotated: r.annotated ?? false });
   }
   const allLinks = [...realLinks, ...promotedByPair.values()].sort((a, b) => a.edgeId - b.edgeId);
   const coupleByPair = /* @__PURE__ */ new Map();
@@ -669,6 +696,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
         toPersonId: u.personBId,
         titles: [unionTitle(u)],
         lineStyle: "plain",
+        annotated: u.annotated ?? false,
         build: () => {
           const cy = geo.cy(rowOfPerson.get(leftId));
           if (dipLevel === 0) {
@@ -703,6 +731,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
         toPersonId: u.personBId,
         titles: [unionTitle(u)],
         lineStyle: "plain",
+        annotated: u.annotated ?? false,
         build
       });
     }
@@ -759,6 +788,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
       };
       gutterReqs.push(spineReq);
       const aId = (c) => linkOf.get(`${u.personAId}>${c}`).edgeId;
+      const aLinkAnnotated = (c) => linkOf.get(`${u.personAId}>${c}`).annotated ?? false;
       const childDrop = (c, parentId) => {
         const link = linkOf.get(`${parentId}>${c}`);
         const edgeId = link.edgeId;
@@ -771,6 +801,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
           toPersonId: c,
           titles: [linkTitle(link)],
           lineStyle: "plain",
+          annotated: link.annotated,
           build: () => {
             const y = geo.corridorLaneY(sibReq);
             const x = geo.cx(colOrThrow(c)) + arrivalOffset(arr.slot, arrivalCount.get(c) ?? 1);
@@ -791,6 +822,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
           toPersonId: null,
           titles: [linkTitle(linkOf.get(`${u.personAId}>${c}`))],
           lineStyle: "plain",
+          annotated: aLinkAnnotated(c),
           build: () => {
             const sy = geo.corridorLaneY(sibReq);
             const sx = geo.gutterCenterX(interGutter);
@@ -816,6 +848,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
           // declared quality word is dropped from the drawn element (FIX C-2 / SPEC inv #4).
           titles: [aLinkTitle(groupKids[0]), ...groupKids.slice(2).map(aLinkTitle)],
           lineStyle: "plain",
+          annotated: [groupKids[0], ...groupKids.slice(2)].some(aLinkAnnotated),
           build: () => {
             const y = geo.corridorLaneY(sibReq);
             const xs = sibSpan();
@@ -834,6 +867,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
           titles: [aLinkTitle(groupKids[1])],
           // the A-side link this spine carries, verbatim
           lineStyle: "plain",
+          annotated: aLinkAnnotated(groupKids[1]),
           build: () => {
             const sy = geo.corridorLaneY(sibReq);
             const x = geo.gutterCenterX(interGutter);
@@ -861,6 +895,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
       titles: [linkTitle(l)],
       lineStyle: "plain",
       dotted: true,
+      annotated: l.annotated,
       build
     });
   }
@@ -873,10 +908,11 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
     const title = r.quality !== null ? `${r.type} \xB7 ${r.quality}` : r.type;
     const g = bondGroups.get(key);
     if (g === void 0) {
-      bondGroups.set(key, { relIds: [r.id], titles: [title], style, aId: r.fromPersonId, bId: r.toPersonId });
+      bondGroups.set(key, { relIds: [r.id], titles: [title], style, aId: r.fromPersonId, bId: r.toPersonId, annotated: r.annotated ?? false });
     } else {
       g.relIds.push(r.id);
       g.titles.push(title);
+      if (r.annotated) g.annotated = true;
     }
   }
   const bondList = [...bondGroups.values()].sort((a, b) => Math.max(...a.relIds) - Math.max(...b.relIds));
@@ -895,6 +931,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
       toPersonId: g.bId,
       titles: g.titles,
       lineStyle: g.style,
+      annotated: g.annotated,
       build
     });
   }
@@ -991,6 +1028,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
       label: p.label,
       shape: shapeForSex(p.sex),
       deceased: p.deceased,
+      annotated: p.annotated ?? false,
       cx: colCenterX[c],
       cy: rowCenterY[r],
       size: NODE_SIZE,
@@ -1007,6 +1045,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
     points: pl.build(),
     titles: pl.titles,
     lineStyle: pl.lineStyle,
+    annotated: pl.annotated,
     ...pl.unionStyle !== void 0 ? { unionStyle: pl.unionStyle } : {},
     ...pl.dotted ? { dotted: true } : {}
   }));
@@ -1111,6 +1150,7 @@ function elementSvg(el, override) {
     }
     return `<path d="${pathData2(pts)}" fill="none" stroke="${EDGE_INK}" stroke-width="${width}" stroke-opacity="${opacity}"${dashAttr}/>`;
   };
+  const tick = el.annotated ? annotationTick(el.points) : "";
   if (el.kind === "union-bar" || el.kind === "union-elbow") {
     const style = resolveUnionStyle(el, override);
     const body = [drawLine(style.dash ?? null, STRUCT_WIDTH, STRUCT_OPACITY)];
@@ -1119,15 +1159,15 @@ function elementSvg(el, override) {
       const [a, b] = pts.length === 2 ? [pts[0], pts[1]] : longestHSegment(pts);
       body.push(slashMarks(a, b, slashes, STRUCT_WIDTH));
     }
-    return `<g data-edge-id="${el.edgeId}">${title}${body.join("")}</g>`;
+    return `<g data-edge-id="${el.edgeId}">${title}${body.join("")}${tick}</g>`;
   }
   if (el.kind === "descent" || el.kind === "sibling-bar") {
     const dash = el.dotted ? DOTTED_DASH : null;
     const opacity = el.dotted ? DOTTED_OPACITY : STRUCT_OPACITY;
-    return `<g data-edge-id="${el.edgeId}">${title}${drawLine(dash, STRUCT_WIDTH, opacity)}</g>`;
+    return `<g data-edge-id="${el.edgeId}">${title}${drawLine(dash, STRUCT_WIDTH, opacity)}${tick}</g>`;
   }
   const ink = EDGE_STROKE[el.lineStyle];
-  return `<g data-edge-id="${el.edgeId}">${title}${drawLine(ink.dash, ink.width, ink.opacity)}</g>`;
+  return `<g data-edge-id="${el.edgeId}">${title}${drawLine(ink.dash, ink.width, ink.opacity)}${tick}</g>`;
 }
 function genogramLayoutSvg(layout, opts = {}) {
   const override = opts.unionStyleByRelId ?? /* @__PURE__ */ new Map();
@@ -1145,6 +1185,9 @@ function genogramLayoutSvg(layout, opts = {}) {
         `<line x1="${node.cx - half}" y1="${node.cy - half}" x2="${node.cx + half}" y2="${node.cy + half}" stroke="${GLYPH_STROKE}" stroke-width="2"/>`
       );
     }
+    if (node.annotated) {
+      pieces.push(annotationDot(node.cx + 0.7 * half, node.cy - 0.7 * half));
+    }
     const tspans = node.labelLines.map(
       (line, i) => `<tspan x="${node.cx}" y="${node.labelTop + 10 + i * LABEL_LINE_H}">${xmlEscape(line)}</tspan>`
     ).join("");
@@ -1187,6 +1230,12 @@ function genogramLayoutSvg(layout, opts = {}) {
         label: labels.isolated
       });
     }
+    if (opts.annotationLabel !== void 0 && (layout.nodes.some((n) => n.annotated) || layout.elements.some((e) => e.annotated))) {
+      entries.push({
+        swatch: (x, y) => annotationSwatch(x, y),
+        label: opts.annotationLabel
+      });
+    }
     const block = legendBlock(entries, layout.height);
     if (block.svg !== "") {
       parts.push(block.svg);
@@ -1238,7 +1287,8 @@ function genogramSvg(input, opts = {}) {
   const svg = genogramLayoutSvg(layout, {
     unionStyleByRelId,
     ...opts.legend === false ? { legend: false } : {},
-    ...opts.svgLabels !== void 0 ? { labels: opts.svgLabels } : {}
+    ...opts.svgLabels !== void 0 ? { labels: opts.svgLabels } : {},
+    ...opts.annotationLabel !== void 0 ? { annotationLabel: opts.annotationLabel } : {}
   });
   return { svg, layout };
 }
@@ -1268,7 +1318,7 @@ var SINGLE_RING_MAX = 8;
 var NODE_STROKE = "#52525b";
 var LABEL_FILL = "#3f3f46";
 var EDGE_INK2 = "#71717a";
-var round = (n) => Math.round(n * 100) / 100;
+var round2 = (n) => Math.round(n * 100) / 100;
 function arrowHead(tipX, tipY, ux, uy, opacity) {
   const LEN = 9;
   const HALF_W = 4.5;
@@ -1277,9 +1327,9 @@ function arrowHead(tipX, tipY, ux, uy, opacity) {
   const px = -uy;
   const py = ux;
   const points = [
-    `${round(tipX)},${round(tipY)}`,
-    `${round(bx + px * HALF_W)},${round(by + py * HALF_W)}`,
-    `${round(bx - px * HALF_W)},${round(by - py * HALF_W)}`
+    `${round2(tipX)},${round2(tipY)}`,
+    `${round2(bx + px * HALF_W)},${round2(by + py * HALF_W)}`,
+    `${round2(bx - px * HALF_W)},${round2(by - py * HALF_W)}`
   ].join(" ");
   return `<polygon points="${points}" fill="${EDGE_INK2}" fill-opacity="${opacity}"/>`;
 }
@@ -1369,7 +1419,7 @@ function ecomapSvg(input, opts = {}) {
     const dashAttr = ink.dash === null ? "" : ` stroke-dasharray="${ink.dash[0]} ${ink.dash[1]}"`;
     const title = s.tie.title ?? (s.tie.quality !== null ? `${s.tie.label} \xB7 ${s.tie.quality}` : s.tie.label);
     const body = [
-      `<line x1="${round(x1)}" y1="${round(y1)}" x2="${round(x2)}" y2="${round(y2)}" stroke="${EDGE_INK2}" stroke-width="${ink.width}" stroke-opacity="${ink.opacity}"${dashAttr}/>`
+      `<line x1="${round2(x1)}" y1="${round2(y1)}" x2="${round2(x2)}" y2="${round2(y2)}" stroke="${EDGE_INK2}" stroke-width="${ink.width}" stroke-opacity="${ink.opacity}"${dashAttr}/>`
     ];
     if (s.tie.direction === "in" || s.tie.direction === "both") {
       body.push(arrowHead(x2, y2, ux, uy, ink.opacity));
@@ -1381,19 +1431,25 @@ function ecomapSvg(input, opts = {}) {
   }
   {
     const tspans = centerLines.map(
-      (line, i) => `<tspan x="${round(cx)}" y="${round(cy - (centerLines.length - 1) * LINE_H / 2 + i * LINE_H + fontSize * 0.32)}">${xmlEscape(line)}</tspan>`
+      (line, i) => `<tspan x="${round2(cx)}" y="${round2(cy - (centerLines.length - 1) * LINE_H / 2 + i * LINE_H + fontSize * 0.32)}">${xmlEscape(line)}</tspan>`
     ).join("");
     parts.push(
-      `<g data-individual-id="center"><title>${xmlEscape(input.centerLabel)}</title><circle cx="${round(cx)}" cy="${round(cy)}" r="${round(centerR)}" fill="transparent" stroke="${NODE_STROKE}" stroke-width="2"/><text text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${fontSize}" fill="${LABEL_FILL}">${tspans}</text></g>`
+      `<g data-individual-id="center"><title>${xmlEscape(input.centerLabel)}</title><circle cx="${round2(cx)}" cy="${round2(cy)}" r="${round2(centerR)}" fill="transparent" stroke="${NODE_STROKE}" stroke-width="2"/><text text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${fontSize}" fill="${LABEL_FILL}">${tspans}</text></g>`
     );
   }
   for (const s of sats) {
     const tspans = s.lines.map(
-      (line, i) => `<tspan x="${round(s.x)}" y="${round(s.y - (s.lines.length - 1) * LINE_H / 2 + i * LINE_H + fontSize * 0.32)}">${xmlEscape(line)}</tspan>`
+      (line, i) => `<tspan x="${round2(s.x)}" y="${round2(s.y - (s.lines.length - 1) * LINE_H / 2 + i * LINE_H + fontSize * 0.32)}">${xmlEscape(line)}</tspan>`
     ).join("");
-    parts.push(
-      `<g data-individual-id="e${s.tie.id}"><title>${xmlEscape(s.tie.label)}</title><ellipse cx="${round(s.x)}" cy="${round(s.y)}" rx="${round(s.rx)}" ry="${round(s.ry)}" fill="transparent" stroke="${NODE_STROKE}" stroke-width="1.5"/><text text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${fontSize}" fill="${LABEL_FILL}">${tspans}</text></g>`
-    );
+    const pieces = [
+      `<title>${xmlEscape(s.tie.label)}</title>`,
+      `<ellipse cx="${round2(s.x)}" cy="${round2(s.y)}" rx="${round2(s.rx)}" ry="${round2(s.ry)}" fill="transparent" stroke="${NODE_STROKE}" stroke-width="1.5"/>`,
+      `<text text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${fontSize}" fill="${LABEL_FILL}">${tspans}</text>`
+    ];
+    if (s.tie.annotated) {
+      pieces.push(annotationDot(s.x + 0.7 * s.rx, s.y - 0.7 * s.ry));
+    }
+    parts.push(`<g data-individual-id="e${s.tie.id}">${pieces.join("")}</g>`);
   }
   if (opts.legend !== false && sats.length > 0) {
     const entries = [];
@@ -1419,6 +1475,12 @@ function ecomapSvg(input, opts = {}) {
         label: labels.direction
       });
     }
+    if (opts.annotationLabel !== void 0 && sats.some((s) => s.tie.annotated)) {
+      entries.push({
+        swatch: (x, y) => annotationSwatch(x, y),
+        label: opts.annotationLabel
+      });
+    }
     if (entries.length > 0) {
       const block = legendBlock(entries, height);
       parts.push(block.svg);
@@ -1681,7 +1743,7 @@ var FT_DROP_ID_BASE = 2e6;
 var FT_BUS_ID_BASE = 3e6;
 var FT_RISER_ID_BASE = 4e6;
 var FT_CONDITION_ID_BASE = 5e6;
-var round2 = (n) => Math.round(n * 100) / 100;
+var round3 = (n) => Math.round(n * 100) / 100;
 function wrapLeafLabel(displayLabel) {
   const perLine = Math.min(20, Math.max(12, Math.ceil(displayLabel.length / 2) + 2));
   return wrapLabel(displayLabel, perLine);
@@ -1868,14 +1930,14 @@ function computeFaultTreeLayout(input, opts = {}) {
       eventId: inst.event.id,
       kind: inst.event.kind,
       instance: instanceOf(inst),
-      cx: round2(inst.cx),
-      top: round2(top),
-      nodeW: round2(inst.m.nodeW),
-      nodeH: round2(inst.m.nodeH),
-      glyphW: round2(inst.m.glyphW),
-      glyphH: round2(inst.m.glyphH),
+      cx: round3(inst.cx),
+      top: round3(top),
+      nodeW: round3(inst.m.nodeW),
+      nodeH: round3(inst.m.nodeH),
+      glyphW: round3(inst.m.glyphW),
+      glyphH: round3(inst.m.glyphH),
       labelLines: inst.m.labelLines,
-      labelTop: labelTop === null ? null : round2(labelTop),
+      labelTop: labelTop === null ? null : round3(labelTop),
       code: inst.m.code,
       depth: inst.depth,
       title: inst.title
@@ -1893,8 +1955,8 @@ function computeFaultTreeLayout(input, opts = {}) {
     gates.push({
       gateId: g.id,
       type: g.type,
-      cx: round2(inst.cx),
-      top: round2(gateTop),
+      cx: round3(inst.cx),
+      top: round3(gateTop),
       glyphW,
       glyphH,
       title,
@@ -1911,8 +1973,8 @@ function computeFaultTreeLayout(input, opts = {}) {
         edgeId: FT_CONDITION_ID_BASE + g.id,
         kind: "condition",
         points: [
-          { x: round2(inst.cx + INHIBIT_W / 2), y: round2(gateTop + INHIBIT_CY) },
-          { x: round2(ovalLeft), y: round2(gateTop + INHIBIT_CY) }
+          { x: round3(inst.cx + INHIBIT_W / 2), y: round3(gateTop + INHIBIT_CY) },
+          { x: round3(ovalLeft), y: round3(gateTop + INHIBIT_CY) }
         ],
         instance: null,
         title: titleLabels.condition
@@ -1922,8 +1984,8 @@ function computeFaultTreeLayout(input, opts = {}) {
       edgeId: FT_STEM_ID_BASE + g.id,
       kind: "stem",
       points: [
-        { x: round2(inst.cx), y: round2(rowTop[d] + inst.m.nodeH) },
-        { x: round2(inst.cx), y: round2(gateTop) }
+        { x: round3(inst.cx), y: round3(rowTop[d] + inst.m.nodeH) },
+        { x: round3(inst.cx), y: round3(gateTop) }
       ],
       instance: null,
       title
@@ -1933,8 +1995,8 @@ function computeFaultTreeLayout(input, opts = {}) {
       edgeId: FT_DROP_ID_BASE + g.id,
       kind: "drop",
       points: [
-        { x: round2(inst.cx), y: round2(gateTop + glyphH) },
-        { x: round2(inst.cx), y: round2(by) }
+        { x: round3(inst.cx), y: round3(gateTop + glyphH) },
+        { x: round3(inst.cx), y: round3(by) }
       ],
       instance: null,
       title
@@ -1945,8 +2007,8 @@ function computeFaultTreeLayout(input, opts = {}) {
         edgeId: FT_BUS_ID_BASE + g.id,
         kind: "bus",
         points: [
-          { x: round2(Math.min(...xs)), y: round2(by) },
-          { x: round2(Math.max(...xs)), y: round2(by) }
+          { x: round3(Math.min(...xs)), y: round3(by) },
+          { x: round3(Math.max(...xs)), y: round3(by) }
         ],
         instance: null,
         title
@@ -1957,8 +2019,8 @@ function computeFaultTreeLayout(input, opts = {}) {
         edgeId: FT_RISER_ID_BASE + c.event.id,
         kind: "riser",
         points: [
-          { x: round2(c.cx), y: round2(by) },
-          { x: round2(c.cx), y: round2(rowTop[d + 1]) }
+          { x: round3(c.cx), y: round3(by) },
+          { x: round3(c.cx), y: round3(rowTop[d + 1]) }
         ],
         instance: instanceOf(c),
         title
@@ -1975,42 +2037,42 @@ var GLYPH_STROKE2 = "#52525b";
 var LABEL_FILL2 = "#3f3f46";
 var EDGE_INK3 = "#71717a";
 var GLYPH_ATTRS = `fill="transparent" stroke="${GLYPH_STROKE2}" stroke-width="2"`;
-var round3 = (n) => Math.round(n * 100) / 100;
+var round4 = (n) => Math.round(n * 100) / 100;
 function eventGlyph(n) {
   const cx = n.cx;
   const top = n.top;
   if (n.kind === "intermediate") {
-    return `<rect x="${round3(cx - n.nodeW / 2)}" y="${top}" width="${n.nodeW}" height="${n.nodeH}" rx="2" ${GLYPH_ATTRS}/>`;
+    return `<rect x="${round4(cx - n.nodeW / 2)}" y="${top}" width="${n.nodeW}" height="${n.nodeH}" rx="2" ${GLYPH_ATTRS}/>`;
   }
   if (n.kind === "basic") {
-    return `<circle cx="${cx}" cy="${round3(top + 22)}" r="22" ${GLYPH_ATTRS}/>`;
+    return `<circle cx="${cx}" cy="${round4(top + 22)}" r="22" ${GLYPH_ATTRS}/>`;
   }
   if (n.kind === "undeveloped") {
-    const pts2 = `${cx},${top} ${round3(cx + 24)},${round3(top + 24)} ${cx},${round3(top + 48)} ${round3(cx - 24)},${round3(top + 24)}`;
+    const pts2 = `${cx},${top} ${round4(cx + 24)},${round4(top + 24)} ${cx},${round4(top + 48)} ${round4(cx - 24)},${round4(top + 24)}`;
     return `<polygon points="${pts2}" ${GLYPH_ATTRS}/>`;
   }
   if (n.kind === "house") {
-    const yB = round3(top + 40);
-    const eave = round3(top + 16);
-    const pts2 = `${round3(cx - 22)},${yB} ${round3(cx - 22)},${eave} ${cx},${top} ${round3(cx + 22)},${eave} ${round3(cx + 22)},${yB}`;
+    const yB = round4(top + 40);
+    const eave = round4(top + 16);
+    const pts2 = `${round4(cx - 22)},${yB} ${round4(cx - 22)},${eave} ${cx},${top} ${round4(cx + 22)},${eave} ${round4(cx + 22)},${yB}`;
     return `<polygon points="${pts2}" ${GLYPH_ATTRS}/>`;
   }
   if (n.kind === "conditioning") {
-    return `<ellipse cx="${cx}" cy="${round3(top + 16)}" rx="${round3(n.glyphW / 2)}" ry="16" ${GLYPH_ATTRS}/>`;
+    return `<ellipse cx="${cx}" cy="${round4(top + 16)}" rx="${round4(n.glyphW / 2)}" ry="16" ${GLYPH_ATTRS}/>`;
   }
-  const pts = `${cx},${top} ${round3(cx + 22)},${round3(top + 35)} ${round3(cx - 22)},${round3(top + 35)}`;
+  const pts = `${cx},${top} ${round4(cx + 22)},${round4(top + 35)} ${round4(cx - 22)},${round4(top + 35)}`;
   return `<polygon points="${pts}" ${GLYPH_ATTRS}/>`;
 }
 function nodeSvg(n) {
   const pieces = [`<title>${xmlEscape(n.title)}</title>`, eventGlyph(n)];
   if (n.code !== null && n.kind !== "intermediate") {
     pieces.push(
-      `<text x="${n.cx}" y="${round3(n.top + n.glyphH / 2 + CODE_FONT * 0.32)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${CODE_FONT}" fill="${LABEL_FILL2}">${xmlEscape(n.code)}</text>`
+      `<text x="${n.cx}" y="${round4(n.top + n.glyphH / 2 + CODE_FONT * 0.32)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${CODE_FONT}" fill="${LABEL_FILL2}">${xmlEscape(n.code)}</text>`
     );
   }
   if (n.labelLines.length > 0) {
-    const firstBaseline = n.labelTop === null ? round3(n.top + 19) : round3(n.labelTop + 10);
-    const tspans = n.labelLines.map((line, i) => `<tspan x="${n.cx}" y="${round3(firstBaseline + i * FT_LABEL_LINE_H)}">${xmlEscape(line)}</tspan>`).join("");
+    const firstBaseline = n.labelTop === null ? round4(n.top + 19) : round4(n.labelTop + 10);
+    const tspans = n.labelLines.map((line, i) => `<tspan x="${n.cx}" y="${round4(firstBaseline + i * FT_LABEL_LINE_H)}">${xmlEscape(line)}</tspan>`).join("");
     pieces.push(
       `<text text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${FT_LABEL_FONT}" fill="${LABEL_FILL2}">${tspans}</text>`
     );
@@ -2019,28 +2081,28 @@ function nodeSvg(n) {
   return `<g data-node-id="e${n.eventId}"${instance}>${pieces.join("")}</g>`;
 }
 function orBodyPath(cx, top, yB) {
-  return `M ${round3(cx - 22)} ${yB} Q ${cx} ${round3(yB - 14)} ${round3(cx + 22)} ${yB} Q ${round3(cx + 22)} ${round3(top + 14)} ${cx} ${top} Q ${round3(cx - 22)} ${round3(top + 14)} ${round3(cx - 22)} ${yB} Z`;
+  return `M ${round4(cx - 22)} ${yB} Q ${cx} ${round4(yB - 14)} ${round4(cx + 22)} ${yB} Q ${round4(cx + 22)} ${round4(top + 14)} ${cx} ${top} Q ${round4(cx - 22)} ${round4(top + 14)} ${round4(cx - 22)} ${yB} Z`;
 }
 function gateGlyph(g) {
   const cx = g.cx;
   const top = g.top;
-  const yB = round3(top + 36);
+  const yB = round4(top + 36);
   if (g.type === "and") {
-    const d = `M ${round3(cx - 22)} ${yB} L ${round3(cx - 22)} ${round3(yB - 14)} A 22 22 0 0 1 ${round3(cx + 22)} ${round3(yB - 14)} L ${round3(cx + 22)} ${yB} Z`;
+    const d = `M ${round4(cx - 22)} ${yB} L ${round4(cx - 22)} ${round4(yB - 14)} A 22 22 0 0 1 ${round4(cx + 22)} ${round4(yB - 14)} L ${round4(cx + 22)} ${yB} Z`;
     return `<path d="${d}" ${GLYPH_ATTRS}/>`;
   }
   if (g.type === "or") {
     return `<path d="${orBodyPath(cx, top, yB)}" ${GLYPH_ATTRS}/>`;
   }
   if (g.type === "xor") {
-    const arc = `M ${round3(cx - 22)} ${round3(yB + 5)} Q ${cx} ${round3(yB - 9)} ${round3(cx + 22)} ${round3(yB + 5)}`;
+    const arc = `M ${round4(cx - 22)} ${round4(yB + 5)} Q ${cx} ${round4(yB - 9)} ${round4(cx + 22)} ${round4(yB + 5)}`;
     return `<path d="${orBodyPath(cx, top, yB)}" ${GLYPH_ATTRS}/><path d="${arc}" ${GLYPH_ATTRS}/>`;
   }
   if (g.type === "inhibit") {
-    const pts = `${cx},${top} ${round3(cx + 18)},${round3(top + 12)} ${round3(cx + 18)},${round3(top + 34)} ${cx},${round3(top + 46)} ${round3(cx - 18)},${round3(top + 34)} ${round3(cx - 18)},${round3(top + 12)}`;
+    const pts = `${cx},${top} ${round4(cx + 18)},${round4(top + 12)} ${round4(cx + 18)},${round4(top + 34)} ${cx},${round4(top + 46)} ${round4(cx - 18)},${round4(top + 34)} ${round4(cx - 18)},${round4(top + 12)}`;
     return `<polygon points="${pts}" ${GLYPH_ATTRS}/>`;
   }
-  return `<path d="${orBodyPath(cx, top, yB)}" ${GLYPH_ATTRS}/><text x="${cx}" y="${round3(yB - 10)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="9" fill="${LABEL_FILL2}">${xmlEscape(g.voteText ?? "")}</text>`;
+  return `<path d="${orBodyPath(cx, top, yB)}" ${GLYPH_ATTRS}/><text x="${cx}" y="${round4(yB - 10)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="9" fill="${LABEL_FILL2}">${xmlEscape(g.voteText ?? "")}</text>`;
 }
 function gateSvg(g) {
   return `<g data-node-id="g${g.gateId}"><title>${xmlEscape(g.title)}</title>${gateGlyph(g)}</g>`;
@@ -2053,34 +2115,34 @@ function elementSvg2(el) {
 }
 var MINI_ATTRS = `fill="transparent" stroke="${GLYPH_STROKE2}" stroke-width="1.5"`;
 function miniEventSwatch(kind, x, y) {
-  const cx = round3(x + LEGEND_SWATCH_W / 2);
+  const cx = round4(x + LEGEND_SWATCH_W / 2);
   if (kind === "intermediate") {
-    return `<rect x="${round3(cx - 7)}" y="${round3(y - 4.5)}" width="14" height="9" rx="1" ${MINI_ATTRS}/>`;
+    return `<rect x="${round4(cx - 7)}" y="${round4(y - 4.5)}" width="14" height="9" rx="1" ${MINI_ATTRS}/>`;
   }
   if (kind === "basic") return `<circle cx="${cx}" cy="${y}" r="6" ${MINI_ATTRS}/>`;
   if (kind === "undeveloped") {
-    return `<polygon points="${cx},${round3(y - 7)} ${round3(cx + 7)},${y} ${cx},${round3(y + 7)} ${round3(cx - 7)},${y}" ${MINI_ATTRS}/>`;
+    return `<polygon points="${cx},${round4(y - 7)} ${round4(cx + 7)},${y} ${cx},${round4(y + 7)} ${round4(cx - 7)},${y}" ${MINI_ATTRS}/>`;
   }
   if (kind === "house") {
-    return `<polygon points="${round3(cx - 6)},${round3(y + 5.5)} ${round3(cx - 6)},${round3(y - 1)} ${cx},${round3(y - 5.5)} ${round3(cx + 6)},${round3(y - 1)} ${round3(cx + 6)},${round3(y + 5.5)}" ${MINI_ATTRS}/>`;
+    return `<polygon points="${round4(cx - 6)},${round4(y + 5.5)} ${round4(cx - 6)},${round4(y - 1)} ${cx},${round4(y - 5.5)} ${round4(cx + 6)},${round4(y - 1)} ${round4(cx + 6)},${round4(y + 5.5)}" ${MINI_ATTRS}/>`;
   }
   if (kind === "conditioning") return `<ellipse cx="${cx}" cy="${y}" rx="9" ry="5.5" ${MINI_ATTRS}/>`;
-  return `<polygon points="${cx},${round3(y - 5)} ${round3(cx + 6)},${round3(y + 5)} ${round3(cx - 6)},${round3(y + 5)}" ${MINI_ATTRS}/>`;
+  return `<polygon points="${cx},${round4(y - 5)} ${round4(cx + 6)},${round4(y + 5)} ${round4(cx - 6)},${round4(y + 5)}" ${MINI_ATTRS}/>`;
 }
 function miniOrPath(cx, y) {
-  return `M ${round3(cx - 7)} ${round3(y + 5.5)} Q ${cx} ${round3(y + 1)} ${round3(cx + 7)} ${round3(y + 5.5)} Q ${round3(cx + 7)} ${round3(y - 1.5)} ${cx} ${round3(y - 5.5)} Q ${round3(cx - 7)} ${round3(y - 1.5)} ${round3(cx - 7)} ${round3(y + 5.5)} Z`;
+  return `M ${round4(cx - 7)} ${round4(y + 5.5)} Q ${cx} ${round4(y + 1)} ${round4(cx + 7)} ${round4(y + 5.5)} Q ${round4(cx + 7)} ${round4(y - 1.5)} ${cx} ${round4(y - 5.5)} Q ${round4(cx - 7)} ${round4(y - 1.5)} ${round4(cx - 7)} ${round4(y + 5.5)} Z`;
 }
 function miniGateSwatch(type, x, y) {
-  const cx = round3(x + LEGEND_SWATCH_W / 2);
+  const cx = round4(x + LEGEND_SWATCH_W / 2);
   if (type === "and") {
-    const d = `M ${round3(cx - 7)} ${round3(y + 5.5)} L ${round3(cx - 7)} ${round3(y + 1.5)} A 7 7 0 0 1 ${round3(cx + 7)} ${round3(y + 1.5)} L ${round3(cx + 7)} ${round3(y + 5.5)} Z`;
+    const d = `M ${round4(cx - 7)} ${round4(y + 5.5)} L ${round4(cx - 7)} ${round4(y + 1.5)} A 7 7 0 0 1 ${round4(cx + 7)} ${round4(y + 1.5)} L ${round4(cx + 7)} ${round4(y + 5.5)} Z`;
     return `<path d="${d}" ${MINI_ATTRS}/>`;
   }
   if (type === "xor") {
-    return `<path d="${miniOrPath(cx, y)}" ${MINI_ATTRS}/><path d="M ${round3(cx - 7)} ${round3(y + 7.5)} Q ${cx} ${round3(y + 3)} ${round3(cx + 7)} ${round3(y + 7.5)}" ${MINI_ATTRS}/>`;
+    return `<path d="${miniOrPath(cx, y)}" ${MINI_ATTRS}/><path d="M ${round4(cx - 7)} ${round4(y + 7.5)} Q ${cx} ${round4(y + 3)} ${round4(cx + 7)} ${round4(y + 7.5)}" ${MINI_ATTRS}/>`;
   }
   if (type === "inhibit") {
-    return `<polygon points="${cx},${round3(y - 5.5)} ${round3(cx + 4.5)},${round3(y - 2.5)} ${round3(cx + 4.5)},${round3(y + 2.5)} ${cx},${round3(y + 5.5)} ${round3(cx - 4.5)},${round3(y + 2.5)} ${round3(cx - 4.5)},${round3(y - 2.5)}" ${MINI_ATTRS}/>`;
+    return `<polygon points="${cx},${round4(y - 5.5)} ${round4(cx + 4.5)},${round4(y - 2.5)} ${round4(cx + 4.5)},${round4(y + 2.5)} ${cx},${round4(y + 5.5)} ${round4(cx - 4.5)},${round4(y + 2.5)} ${round4(cx - 4.5)},${round4(y - 2.5)}" ${MINI_ATTRS}/>`;
   }
   return `<path d="${miniOrPath(cx, y)}" ${MINI_ATTRS}/>`;
 }
@@ -2209,7 +2271,7 @@ var TWIG_W = 1.5;
 var TWIG_OP = 0.75;
 var SUB_W = 1.2;
 var SUB_OP = 0.7;
-var round4 = (n) => Math.round(n * 100) / 100;
+var round5 = (n) => Math.round(n * 100) / 100;
 function arrowHead2(tipX, tipY, ux, uy, opacity) {
   const LEN = 9;
   const HALF_W = 4.5;
@@ -2218,14 +2280,14 @@ function arrowHead2(tipX, tipY, ux, uy, opacity) {
   const px = -uy;
   const py = ux;
   const points = [
-    `${round4(tipX)},${round4(tipY)}`,
-    `${round4(bx + px * HALF_W)},${round4(by + py * HALF_W)}`,
-    `${round4(bx - px * HALF_W)},${round4(by - py * HALF_W)}`
+    `${round5(tipX)},${round5(tipY)}`,
+    `${round5(bx + px * HALF_W)},${round5(by + py * HALF_W)}`,
+    `${round5(bx - px * HALF_W)},${round5(by - py * HALF_W)}`
   ].join(" ");
   return `<polygon points="${points}" fill="${EDGE_INK4}" fill-opacity="${opacity}"/>`;
 }
 function lineEl(x1, y1, x2, y2, w, op) {
-  return `<line x1="${round4(x1)}" y1="${round4(y1)}" x2="${round4(x2)}" y2="${round4(y2)}" stroke="${EDGE_INK4}" stroke-width="${w}" stroke-opacity="${op}"/>`;
+  return `<line x1="${round5(x1)}" y1="${round5(y1)}" x2="${round5(x2)}" y2="${round5(y2)}" stroke="${EDGE_INK4}" stroke-width="${w}" stroke-opacity="${op}"/>`;
 }
 function fishboneSvg(input, opts = {}) {
   validateIds(input);
@@ -2306,7 +2368,7 @@ function fishboneSvg(input, opts = {}) {
     { length: n },
     (_, k) => up ? spineY - (e + twigGap + (n - 1 - k) * lineH) : spineY + e + twigGap + ascent + k * lineH
   );
-  const textBlock = (anchor, x, ys, lines) => `<text text-anchor="${anchor}" font-family="${FONT_FAMILY}" font-size="${fontSize}" fill="${LABEL_FILL3}">` + lines.map((line, i) => `<tspan x="${round4(x)}" y="${round4(ys[i])}">${xmlEscape(line)}</tspan>`).join("") + `</text>`;
+  const textBlock = (anchor, x, ys, lines) => `<text text-anchor="${anchor}" font-family="${FONT_FAMILY}" font-size="${fontSize}" fill="${LABEL_FILL3}">` + lines.map((line, i) => `<tspan x="${round5(x)}" y="${round5(ys[i])}">${xmlEscape(line)}</tspan>`).join("") + `</text>`;
   const parts = [];
   {
     const body = [lineEl(tailX + dx, spineY, headLeft + dx, spineY, SPINE_W, SPINE_OP)];
@@ -2321,7 +2383,7 @@ function fishboneSvg(input, opts = {}) {
     if (arrows) body.push(arrowHead2(ax, spineY, COS60, -sgn * SIN60, BONE_OP));
     const boxTop = bone.up ? spineY - bone.B - CAT_GAP - bone.boxH : spineY + bone.B + CAT_GAP;
     body.push(
-      `<rect x="${round4(tipX - bone.boxW / 2)}" y="${round4(boxTop)}" width="${round4(bone.boxW)}" height="${round4(bone.boxH)}" rx="2" fill="transparent" stroke="${BOX_STROKE}" stroke-width="1.5"/>`
+      `<rect x="${round5(tipX - bone.boxW / 2)}" y="${round5(boxTop)}" width="${round5(bone.boxW)}" height="${round5(bone.boxH)}" rx="2" fill="transparent" stroke="${BOX_STROKE}" stroke-width="1.5"/>`
     );
     body.push(textBlock("middle", tipX, centeredYs(boxTop + bone.boxH / 2, bone.catLines.length), bone.catLines));
     parts.push(
@@ -2351,7 +2413,7 @@ function fishboneSvg(input, opts = {}) {
   {
     const x = headLeft + dx;
     parts.push(
-      `<g data-node-id="head"><title>${xmlEscape(input.effectLabel)}</title><rect x="${round4(x)}" y="${round4(spineY - headH / 2)}" width="${round4(headW)}" height="${round4(headH)}" rx="2" fill="transparent" stroke="${BOX_STROKE}" stroke-width="2"/>` + textBlock("middle", x + headW / 2, centeredYs(spineY, effLines.length), effLines) + `</g>`
+      `<g data-node-id="head"><title>${xmlEscape(input.effectLabel)}</title><rect x="${round5(x)}" y="${round5(spineY - headH / 2)}" width="${round5(headW)}" height="${round5(headH)}" rx="2" fill="transparent" stroke="${BOX_STROKE}" stroke-width="2"/>` + textBlock("middle", x + headW / 2, centeredYs(spineY, effLines.length), effLines) + `</g>`
     );
   }
   const anySubs = input.categories.some((c) => c.causes.some((k) => k.subCauses.length > 0));
@@ -2619,7 +2681,7 @@ var PED_DESCENT_ID_BASE = 2e6;
 var PED_SIBBAR_ID_BASE = 3e6;
 var PED_RISER_ID_BASE = 4e6;
 var PED_TWINBAR_ID_BASE = 5e6;
-var round5 = (n) => Math.round(n * 100) / 100;
+var round6 = (n) => Math.round(n * 100) / 100;
 function shapeForSex2(sex) {
   if (sex === "male") return "square";
   if (sex === "female") return "circle";
@@ -2885,8 +2947,8 @@ function computePedigreeLayout(input, opts = {}) {
     nodes.push({
       individualId: ind.id,
       shape: shapeForSex2(ind.sex),
-      cx: round5(placed.cx),
-      cy: round5(cy),
+      cx: round6(placed.cx),
+      cy: round6(cy),
       size: PED_GLYPH,
       deceased: ind.deceased,
       carrier: ind.carrier,
@@ -2896,7 +2958,7 @@ function computePedigreeLayout(input, opts = {}) {
       labelLines: lines,
       // Labels sit BELOW the row's serial-union dip band (rowDipBand) so a hub's bridge dips
       // never cross a label box.
-      labelTop: round5(cy + PED_GLYPH / 2 + PED_LABEL_GAP + rowDipBand[row]),
+      labelTop: round6(cy + PED_GLYPH / 2 + PED_LABEL_GAP + rowDipBand[row]),
       addressLabel: address,
       title: individualTitle(ind, address, conditionLabelById, titleLabels)
     });
@@ -2939,23 +3001,23 @@ function computePedigreeLayout(input, opts = {}) {
         edgeId: PED_MATING_ID_BASE + m.id,
         kind: "mating-elbow",
         points: [
-          { x: round5(hubStubX), y: round5(glyphBottom) },
-          { x: round5(hubStubX), y: round5(dipY) },
-          { x: round5(spouseStubX), y: round5(dipY) },
-          { x: round5(spouseStubX), y: round5(glyphBottom) }
+          { x: round6(hubStubX), y: round6(glyphBottom) },
+          { x: round6(hubStubX), y: round6(dipY) },
+          { x: round6(spouseStubX), y: round6(dipY) },
+          { x: round6(spouseStubX), y: round6(glyphBottom) }
         ],
         consanguineous: m.consanguineous,
         title
       });
-      matingMidpoint.set(m.id, { x: round5((hubStubX + spouseStubX) / 2), y: round5(dipY) });
+      matingMidpoint.set(m.id, { x: round6((hubStubX + spouseStubX) / 2), y: round6(dipY) });
     } else if (ay === by) {
       const y = ay;
       elements.push({
         edgeId: PED_MATING_ID_BASE + m.id,
         kind: "mating",
         points: [
-          { x: round5(lx), y: round5(y) },
-          { x: round5(rx), y: round5(y) }
+          { x: round6(lx), y: round6(y) },
+          { x: round6(rx), y: round6(y) }
         ],
         consanguineous: m.consanguineous,
         title
@@ -2965,7 +3027,7 @@ function computePedigreeLayout(input, opts = {}) {
       const channelRight = cxOf(rightId) - nodeHalfWidth(individualById.get(rightId));
       const barCenter = matingBarCenter.get(m.id);
       const originX = barCenter !== void 0 && barCenter >= channelLeft && barCenter <= channelRight ? barCenter : midX;
-      matingMidpoint.set(m.id, { x: round5(originX), y: round5(y) });
+      matingMidpoint.set(m.id, { x: round6(originX), y: round6(y) });
     } else {
       const upId = ay <= by ? aId : bId;
       const downId = ay <= by ? bId : aId;
@@ -2984,32 +3046,32 @@ function computePedigreeLayout(input, opts = {}) {
           edgeId: PED_MATING_ID_BASE + m.id,
           kind: "mating-elbow",
           points: [
-            { x: round5(upX + (downRight ? -GLYPH_HALF : GLYPH_HALF)), y: round5(upY) },
-            { x: round5(upExitX), y: round5(upY) },
-            { x: round5(upExitX), y: round5(laneY) },
-            { x: round5(downFarX), y: round5(laneY) },
-            { x: round5(downFarX), y: round5(downY) },
-            { x: round5(downSideX), y: round5(downY) }
+            { x: round6(upX + (downRight ? -GLYPH_HALF : GLYPH_HALF)), y: round6(upY) },
+            { x: round6(upExitX), y: round6(upY) },
+            { x: round6(upExitX), y: round6(laneY) },
+            { x: round6(downFarX), y: round6(laneY) },
+            { x: round6(downFarX), y: round6(downY) },
+            { x: round6(downSideX), y: round6(downY) }
           ],
           consanguineous: m.consanguineous,
           title
         });
-        matingMidpoint.set(m.id, { x: round5(downFarX), y: round5(downY) });
+        matingMidpoint.set(m.id, { x: round6(downFarX), y: round6(downY) });
       } else {
         const elbowX = (upX + downX) / 2;
         elements.push({
           edgeId: PED_MATING_ID_BASE + m.id,
           kind: "mating-elbow",
           points: [
-            { x: round5(upX + (downX >= upX ? GLYPH_HALF : -GLYPH_HALF)), y: round5(upY) },
-            { x: round5(elbowX), y: round5(upY) },
-            { x: round5(elbowX), y: round5(downY) },
-            { x: round5(downX + (upX >= downX ? GLYPH_HALF : -GLYPH_HALF)), y: round5(downY) }
+            { x: round6(upX + (downX >= upX ? GLYPH_HALF : -GLYPH_HALF)), y: round6(upY) },
+            { x: round6(elbowX), y: round6(upY) },
+            { x: round6(elbowX), y: round6(downY) },
+            { x: round6(downX + (upX >= downX ? GLYPH_HALF : -GLYPH_HALF)), y: round6(downY) }
           ],
           consanguineous: m.consanguineous,
           title
         });
-        matingMidpoint.set(m.id, { x: round5(elbowX), y: round5(downY) });
+        matingMidpoint.set(m.id, { x: round6(elbowX), y: round6(downY) });
       }
     }
   }
@@ -3031,13 +3093,13 @@ function computePedigreeLayout(input, opts = {}) {
       const barCenterX = (barLeft + barRight) / 2;
       const bendY = barY - 2 - lane % 3 * 3;
       const descentPoints = Math.abs(mid.x - barCenterX) < 0.01 ? [
-        { x: round5(mid.x), y: round5(mid.y) },
-        { x: round5(mid.x), y: round5(barY) }
+        { x: round6(mid.x), y: round6(mid.y) },
+        { x: round6(mid.x), y: round6(barY) }
       ] : [
-        { x: round5(mid.x), y: round5(mid.y) },
-        { x: round5(mid.x), y: round5(bendY) },
-        { x: round5(barCenterX), y: round5(bendY) },
-        { x: round5(barCenterX), y: round5(barY) }
+        { x: round6(mid.x), y: round6(mid.y) },
+        { x: round6(mid.x), y: round6(bendY) },
+        { x: round6(barCenterX), y: round6(bendY) },
+        { x: round6(barCenterX), y: round6(barY) }
       ];
       elements.push({
         edgeId: PED_DESCENT_ID_BASE + s.id,
@@ -3052,8 +3114,8 @@ function computePedigreeLayout(input, opts = {}) {
         edgeId: PED_SIBBAR_ID_BASE + s.id,
         kind: "sibship-bar",
         points: [
-          { x: round5(barLeft), y: round5(barY) },
-          { x: round5(barRight), y: round5(barY) }
+          { x: round6(barLeft), y: round6(barY) },
+          { x: round6(barRight), y: round6(barY) }
         ],
         consanguineous: false,
         title: titleLabels.sibship
@@ -3074,8 +3136,8 @@ function computePedigreeLayout(input, opts = {}) {
           edgeId: PED_RISER_ID_BASE + childId,
           kind: "riser",
           points: [
-            { x: round5(cx), y: round5(barY) },
-            { x: round5(cx), y: round5(childTop) }
+            { x: round6(cx), y: round6(barY) },
+            { x: round6(cx), y: round6(childTop) }
           ],
           consanguineous: false,
           title: titleLabels.sibship
@@ -3089,15 +3151,15 @@ function computePedigreeLayout(input, opts = {}) {
       if (!emittedTwinOrdinals.has(tg.ordinal)) {
         emittedTwinOrdinals.add(tg.ordinal);
         if (tg.zygosity === "unknown") {
-          unknownTwinJunctions.push({ x: round5(junctionX), y: round5(junctionY) });
+          unknownTwinJunctions.push({ x: round6(junctionX), y: round6(junctionY) });
         }
         elements.push({
           edgeId: PED_RISER_ID_BASE + childId,
           // anchored on the first member for a stable id
           kind: "riser",
           points: [
-            { x: round5(junctionX), y: round5(barY) },
-            { x: round5(junctionX), y: round5(junctionY) }
+            { x: round6(junctionX), y: round6(barY) },
+            { x: round6(junctionX), y: round6(junctionY) }
           ],
           consanguineous: false,
           title: titleLabels.twins[tg.zygosity]
@@ -3108,8 +3170,8 @@ function computePedigreeLayout(input, opts = {}) {
             edgeId: PED_TWINBAR_ID_BASE + s.id * 100 + tg.ordinal,
             kind: "twin-bar",
             points: [
-              { x: round5(Math.min(...memberXs)), y: round5(tieY) },
-              { x: round5(Math.max(...memberXs)), y: round5(tieY) }
+              { x: round6(Math.min(...memberXs)), y: round6(tieY) },
+              { x: round6(Math.max(...memberXs)), y: round6(tieY) }
             ],
             consanguineous: false,
             title: titleLabels.twins.mz
@@ -3117,12 +3179,12 @@ function computePedigreeLayout(input, opts = {}) {
         }
       }
       const horizontalThenDown = Math.abs(cx - junctionX) < 0.01 ? [
-        { x: round5(cx), y: round5(junctionY) },
-        { x: round5(cx), y: round5(childTop) }
+        { x: round6(cx), y: round6(junctionY) },
+        { x: round6(cx), y: round6(childTop) }
       ] : [
-        { x: round5(junctionX), y: round5(junctionY) },
-        { x: round5(cx), y: round5(junctionY) },
-        { x: round5(cx), y: round5(childTop) }
+        { x: round6(junctionX), y: round6(junctionY) },
+        { x: round6(cx), y: round6(junctionY) },
+        { x: round6(cx), y: round6(childTop) }
       ];
       elements.push({
         edgeId: PED_RISER_ID_BASE + childId,
@@ -3150,7 +3212,7 @@ function computePedigreeLayout(input, opts = {}) {
   }
   const generations = [];
   for (let row = 0; row < rowCount; row++) {
-    generations.push({ roman: romanNumeral(row + 1), y: round5(glyphCyOfRow(row)) });
+    generations.push({ roman: romanNumeral(row + 1), y: round6(glyphCyOfRow(row)) });
   }
   const ZYGOSITY_ORDER = ["mz", "dz", "unknown"];
   const twinZygositiesUsed = ZYGOSITY_ORDER.filter((z) => twinZygositiesUsedSet.has(z));
@@ -3174,15 +3236,15 @@ var EDGE_INK5 = "#71717a";
 var GLYPH_ATTRS2 = `fill="transparent" stroke="${GLYPH_STROKE3}" stroke-width="2"`;
 var CONSANG_GAP = 3;
 var ZYGOSITIES = ["mz", "dz", "unknown"];
-var round6 = (n) => Math.round(n * 100) / 100;
+var round7 = (n) => Math.round(n * 100) / 100;
 function glyphOutline(shape, cx, cy, half) {
   if (shape === "square") {
-    return `<rect x="${round6(cx - half)}" y="${round6(cy - half)}" width="${half * 2}" height="${half * 2}" ${GLYPH_ATTRS2}/>`;
+    return `<rect x="${round7(cx - half)}" y="${round7(cy - half)}" width="${half * 2}" height="${half * 2}" ${GLYPH_ATTRS2}/>`;
   }
   if (shape === "circle") {
     return `<circle cx="${cx}" cy="${cy}" r="${half}" ${GLYPH_ATTRS2}/>`;
   }
-  return `<polygon points="${cx},${round6(cy - half)} ${round6(cx + half)},${cy} ${cx},${round6(cy + half)} ${round6(cx - half)},${cy}" ${GLYPH_ATTRS2}/>`;
+  return `<polygon points="${cx},${round7(cy - half)} ${round7(cx + half)},${cy} ${cx},${round7(cy + half)} ${round7(cx - half)},${cy}" ${GLYPH_ATTRS2}/>`;
 }
 function glyphVerticalExtentAt(shape, cy, half, dx) {
   const ax = Math.min(Math.abs(dx), half);
@@ -3208,8 +3270,8 @@ function fillPartitions(n, half, inkByCondition) {
     for (let s = 0; s <= SAMPLES; s++) {
       const x = left + sliceW * s / SAMPLES;
       const [yt, yb] = glyphVerticalExtentAt(n.shape, cy, half, x - cx);
-      top.push(`${round6(x)},${round6(yt)}`);
-      bottom.push(`${round6(x)},${round6(yb)}`);
+      top.push(`${round7(x)},${round7(yt)}`);
+      bottom.push(`${round7(x)},${round7(yb)}`);
     }
     const pts = [...top, ...bottom.reverse()].join(" ");
     const ink = inkByCondition.get(id) ?? GLYPH_STROKE3;
@@ -3223,24 +3285,24 @@ function carrierDot(n) {
 function deceasedSlash(n, half) {
   if (!n.deceased) return "";
   const ext = half + 4;
-  return `<line x1="${round6(n.cx - ext)}" y1="${round6(n.cy - ext)}" x2="${round6(n.cx + ext)}" y2="${round6(n.cy + ext)}" stroke="${GLYPH_STROKE3}" stroke-width="2"/>`;
+  return `<line x1="${round7(n.cx - ext)}" y1="${round7(n.cy - ext)}" x2="${round7(n.cx + ext)}" y2="${round7(n.cy + ext)}" stroke="${GLYPH_STROKE3}" stroke-width="2"/>`;
 }
 function probandArrow(n, half) {
   if (n.role === null) return "";
-  const tipX = round6(n.cx - half);
-  const tipY = round6(n.cy + half);
-  const tailX = round6(tipX - 16);
-  const tailY = round6(tipY + 16);
+  const tipX = round7(n.cx - half);
+  const tipY = round7(n.cy + half);
+  const tailX = round7(tipX - 16);
+  const tailY = round7(tipY + 16);
   const filled = n.role === "proband";
   const fill = filled ? GLYPH_STROKE3 : "transparent";
   const shaft = `<line x1="${tailX}" y1="${tailY}" x2="${tipX}" y2="${tipY}" stroke="${GLYPH_STROKE3}" stroke-width="2"/>`;
-  const head = `<polygon points="${tipX},${tipY} ${round6(tipX - 8)},${round6(tipY + 2)} ${round6(tipX - 2)},${round6(tipY + 8)}" fill="${fill}" stroke="${GLYPH_STROKE3}" stroke-width="1.5"/>`;
+  const head = `<polygon points="${tipX},${tipY} ${round7(tipX - 8)},${round7(tipY + 2)} ${round7(tipX - 2)},${round7(tipY + 8)}" fill="${fill}" stroke="${GLYPH_STROKE3}" stroke-width="1.5"/>`;
   return shaft + head;
 }
 function stillbirthMark(n, half) {
   if (!n.stillbirth) return "";
-  const y = round6(n.cy + half + PED_ADDRESS_FONT);
-  return `<text x="${round6(n.cx - half - 2)}" y="${y}" text-anchor="end" font-family="${FONT_FAMILY}" font-size="${PED_ADDRESS_FONT}" font-weight="bold" fill="${LABEL_FILL4}">SB</text>`;
+  const y = round7(n.cy + half + PED_ADDRESS_FONT);
+  return `<text x="${round7(n.cx - half - 2)}" y="${y}" text-anchor="end" font-family="${FONT_FAMILY}" font-size="${PED_ADDRESS_FONT}" font-weight="bold" fill="${LABEL_FILL4}">SB</text>`;
 }
 function nodeSvg2(n, inkByCondition) {
   const half = n.size / 2;
@@ -3254,13 +3316,13 @@ function nodeSvg2(n, inkByCondition) {
     probandArrow(n, half),
     stillbirthMark(n, half)
   ];
-  const addressY = round6(n.labelTop + PED_ADDRESS_FONT);
+  const addressY = round7(n.labelTop + PED_ADDRESS_FONT);
   pieces.push(
     `<text x="${n.cx}" y="${addressY}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${PED_ADDRESS_FONT}" fill="${LABEL_FILL4}">${xmlEscape(n.addressLabel)}</text>`
   );
   if (n.labelLines.length > 0) {
-    const firstBaseline = round6(n.labelTop + PED_LABEL_LINE_H + 10);
-    const tspans = n.labelLines.map((line, i) => `<tspan x="${n.cx}" y="${round6(firstBaseline + i * PED_LABEL_LINE_H)}">${xmlEscape(line)}</tspan>`).join("");
+    const firstBaseline = round7(n.labelTop + PED_LABEL_LINE_H + 10);
+    const tspans = n.labelLines.map((line, i) => `<tspan x="${n.cx}" y="${round7(firstBaseline + i * PED_LABEL_LINE_H)}">${xmlEscape(line)}</tspan>`).join("");
     pieces.push(
       `<text text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${PED_LABEL_FONT}" fill="${LABEL_FILL4}">${tspans}</text>`
     );
@@ -3275,7 +3337,7 @@ function elementSvg3(el) {
   const title = `<title>${xmlEscape(el.title)}</title>`;
   const stroke = `stroke="${EDGE_INK5}" stroke-width="1.5" stroke-opacity="0.75"`;
   const draw = (offsetY) => {
-    const shifted = pts.map((p) => ({ x: p.x, y: round6(p.y + offsetY) }));
+    const shifted = pts.map((p) => ({ x: p.x, y: round7(p.y + offsetY) }));
     if (shifted.length === 2) {
       return `<line x1="${shifted[0].x}" y1="${shifted[0].y}" x2="${shifted[1].x}" y2="${shifted[1].y}" ${stroke}/>`;
     }
@@ -3286,51 +3348,51 @@ function elementSvg3(el) {
 }
 function unknownTwinMarks(layout) {
   return layout.unknownTwinJunctions.map(
-    (p) => `<text x="${round6(p.x + 6)}" y="${round6(p.y + 4)}" font-family="${FONT_FAMILY}" font-size="12" font-weight="bold" fill="${LABEL_FILL4}">?</text>`
+    (p) => `<text x="${round7(p.x + 6)}" y="${round7(p.y + 4)}" font-family="${FONT_FAMILY}" font-size="12" font-weight="bold" fill="${LABEL_FILL4}">?</text>`
   ).join("");
 }
 var MINI_ATTRS2 = `fill="transparent" stroke="${GLYPH_STROKE3}" stroke-width="1.5"`;
 function miniShapeSwatch(shape, x, y) {
-  const cx = round6(x + LEGEND_SWATCH_W / 2);
-  if (shape === "square") return `<rect x="${round6(cx - 6)}" y="${round6(y - 6)}" width="12" height="12" ${MINI_ATTRS2}/>`;
+  const cx = round7(x + LEGEND_SWATCH_W / 2);
+  if (shape === "square") return `<rect x="${round7(cx - 6)}" y="${round7(y - 6)}" width="12" height="12" ${MINI_ATTRS2}/>`;
   if (shape === "circle") return `<circle cx="${cx}" cy="${y}" r="6" ${MINI_ATTRS2}/>`;
-  return `<polygon points="${cx},${round6(y - 7)} ${round6(cx + 7)},${y} ${cx},${round6(y + 7)} ${round6(cx - 7)},${y}" ${MINI_ATTRS2}/>`;
+  return `<polygon points="${cx},${round7(y - 7)} ${round7(cx + 7)},${y} ${cx},${round7(y + 7)} ${round7(cx - 7)},${y}" ${MINI_ATTRS2}/>`;
 }
 function miniSwatchCircle(filled, ink, x, y) {
-  const cx = round6(x + LEGEND_SWATCH_W / 2);
+  const cx = round7(x + LEGEND_SWATCH_W / 2);
   return `<circle cx="${cx}" cy="${y}" r="6" fill="${filled ? ink : "transparent"}" stroke="${GLYPH_STROKE3}" stroke-width="1.5"/>`;
 }
 function miniCarrierSwatch(x, y) {
-  const cx = round6(x + LEGEND_SWATCH_W / 2);
+  const cx = round7(x + LEGEND_SWATCH_W / 2);
   return `<circle cx="${cx}" cy="${y}" r="6" ${MINI_ATTRS2}/><circle cx="${cx}" cy="${y}" r="2" fill="${GLYPH_STROKE3}" stroke="none"/>`;
 }
 function miniDeceasedSwatch(x, y) {
-  const cx = round6(x + LEGEND_SWATCH_W / 2);
-  return `<circle cx="${cx}" cy="${y}" r="6" ${MINI_ATTRS2}/><line x1="${round6(cx - 7)}" y1="${round6(y - 7)}" x2="${round6(cx + 7)}" y2="${round6(y + 7)}" stroke="${GLYPH_STROKE3}" stroke-width="1.5"/>`;
+  const cx = round7(x + LEGEND_SWATCH_W / 2);
+  return `<circle cx="${cx}" cy="${y}" r="6" ${MINI_ATTRS2}/><line x1="${round7(cx - 7)}" y1="${round7(y - 7)}" x2="${round7(cx + 7)}" y2="${round7(y + 7)}" stroke="${GLYPH_STROKE3}" stroke-width="1.5"/>`;
 }
 function miniArrowSwatch(filled, x, y) {
-  const cx = round6(x + LEGEND_SWATCH_W / 2);
-  const tipX = round6(cx - 2);
-  const tipY = round6(y + 2);
-  return `<line x1="${round6(tipX - 8)}" y1="${round6(tipY + 8)}" x2="${tipX}" y2="${tipY}" stroke="${GLYPH_STROKE3}" stroke-width="1.5"/><polygon points="${tipX},${tipY} ${round6(tipX - 5)},${round6(tipY + 1)} ${round6(tipX - 1)},${round6(tipY + 5)}" fill="${filled ? GLYPH_STROKE3 : "transparent"}" stroke="${GLYPH_STROKE3}" stroke-width="1"/>`;
+  const cx = round7(x + LEGEND_SWATCH_W / 2);
+  const tipX = round7(cx - 2);
+  const tipY = round7(y + 2);
+  return `<line x1="${round7(tipX - 8)}" y1="${round7(tipY + 8)}" x2="${tipX}" y2="${tipY}" stroke="${GLYPH_STROKE3}" stroke-width="1.5"/><polygon points="${tipX},${tipY} ${round7(tipX - 5)},${round7(tipY + 1)} ${round7(tipX - 1)},${round7(tipY + 5)}" fill="${filled ? GLYPH_STROKE3 : "transparent"}" stroke="${GLYPH_STROKE3}" stroke-width="1"/>`;
 }
 function miniConsanguineousSwatch(x, y) {
-  const x1 = round6(x + 2);
-  const x2 = round6(x + LEGEND_SWATCH_W - 2);
-  return `<line x1="${x1}" y1="${round6(y - 1.5)}" x2="${x2}" y2="${round6(y - 1.5)}" stroke="${EDGE_INK5}" stroke-width="1.5"/><line x1="${x1}" y1="${round6(y + 1.5)}" x2="${x2}" y2="${round6(y + 1.5)}" stroke="${EDGE_INK5}" stroke-width="1.5"/>`;
+  const x1 = round7(x + 2);
+  const x2 = round7(x + LEGEND_SWATCH_W - 2);
+  return `<line x1="${x1}" y1="${round7(y - 1.5)}" x2="${x2}" y2="${round7(y - 1.5)}" stroke="${EDGE_INK5}" stroke-width="1.5"/><line x1="${x1}" y1="${round7(y + 1.5)}" x2="${x2}" y2="${round7(y + 1.5)}" stroke="${EDGE_INK5}" stroke-width="1.5"/>`;
 }
 function miniTwinSwatch(zygosity, x, y) {
-  const cx = round6(x + LEGEND_SWATCH_W / 2);
-  const apexY = round6(y - 6);
-  const baseY = round6(y + 6);
-  const left = round6(cx - 6);
-  const right = round6(cx + 6);
+  const cx = round7(x + LEGEND_SWATCH_W / 2);
+  const apexY = round7(y - 6);
+  const baseY = round7(y + 6);
+  const left = round7(cx - 6);
+  const right = round7(cx + 6);
   const stub = `<line x1="${cx}" y1="${apexY}" x2="${cx}" y2="${y}" stroke="${EDGE_INK5}" stroke-width="1.5"/><line x1="${left}" y1="${y}" x2="${right}" y2="${y}" stroke="${EDGE_INK5}" stroke-width="1.5"/><line x1="${left}" y1="${y}" x2="${left}" y2="${baseY}" stroke="${EDGE_INK5}" stroke-width="1.5"/><line x1="${right}" y1="${y}" x2="${right}" y2="${baseY}" stroke="${EDGE_INK5}" stroke-width="1.5"/>`;
   if (zygosity === "mz") {
-    return stub + `<line x1="${left}" y1="${round6(y + 3)}" x2="${right}" y2="${round6(y + 3)}" stroke="${EDGE_INK5}" stroke-width="1.5"/>`;
+    return stub + `<line x1="${left}" y1="${round7(y + 3)}" x2="${right}" y2="${round7(y + 3)}" stroke="${EDGE_INK5}" stroke-width="1.5"/>`;
   }
   if (zygosity === "unknown") {
-    return stub + `<text x="${round6(cx + 8)}" y="${round6(y + 3)}" font-family="${FONT_FAMILY}" font-size="9" fill="${LABEL_FILL4}">?</text>`;
+    return stub + `<text x="${round7(cx + 8)}" y="${round7(y + 3)}" font-family="${FONT_FAMILY}" font-size="9" fill="${LABEL_FILL4}">?</text>`;
   }
   return stub;
 }
@@ -3343,7 +3405,7 @@ function pedigreeLayoutSvg(layout, opts = {}) {
   for (const n of layout.nodes) parts.push(nodeSvg2(n, inkByCondition));
   for (const g of layout.generations) {
     parts.push(
-      `<text x="${round6(16)}" y="${round6(g.y + PED_LABEL_FONT * 0.32)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${PED_LABEL_FONT}" font-weight="bold" fill="${LABEL_FILL4}">${xmlEscape(g.roman)}</text>`
+      `<text x="${round7(16)}" y="${round7(g.y + PED_LABEL_FONT * 0.32)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${PED_LABEL_FONT}" font-weight="bold" fill="${LABEL_FILL4}">${xmlEscape(g.roman)}</text>`
     );
   }
   let width = layout.width;
@@ -3593,7 +3655,7 @@ var PHYLO_BRANCH_ID_BASE = 2e6;
 var PHYLO_EXTENSION_ID_BASE = 3e6;
 var PHYLO_ROOTSTUB_ID_BASE = 4e6;
 var PHYLO_SCALEBAR_ID = 5e6;
-var round7 = (n) => Math.round(n * 100) / 100;
+var round8 = (n) => Math.round(n * 100) / 100;
 function niceScaleStep(maxLen) {
   if (!(maxLen > 0)) return 0;
   const target = maxLen / 4;
@@ -3719,8 +3781,8 @@ function computePhyloLayout(input, opts = {}) {
     edgeId: PHYLO_ROOTSTUB_ID_BASE + root.node.id,
     kind: "root-stub",
     points: [
-      { x: round7(Math.max(PADDING6 / 2, rootDrawX - ROOT_STUB)), y: round7(root.cy) },
-      { x: round7(rootDrawX), y: round7(root.cy) }
+      { x: round8(Math.max(PADDING6 / 2, rootDrawX - ROOT_STUB)), y: round8(root.cy) },
+      { x: round8(rootDrawX), y: round8(root.cy) }
     ],
     dotted: false,
     length: null,
@@ -3735,11 +3797,11 @@ function computePhyloLayout(input, opts = {}) {
     nodes.push({
       nodeId: w.node.id,
       isTip: tip,
-      cx: round7(drawX),
-      cy: round7(w.cy),
+      cx: round8(drawX),
+      cy: round8(w.cy),
       support,
       labelLines: labelLine,
-      labelLeft: round7(drawX + PHYLO_TIP_R + PHYLO_LABEL_GAP),
+      labelLeft: round8(drawX + PHYLO_TIP_R + PHYLO_LABEL_GAP),
       depth: w.depth,
       title: nodeTitle(w.node, tip, isRoot, w.inLength, titleLabels)
     });
@@ -3748,8 +3810,8 @@ function computePhyloLayout(input, opts = {}) {
         edgeId: PHYLO_EXTENSION_ID_BASE + w.node.id,
         kind: "extension",
         points: [
-          { x: round7(w.cx), y: round7(w.cy) },
-          { x: round7(alignX), y: round7(w.cy) }
+          { x: round8(w.cx), y: round8(w.cy) },
+          { x: round8(alignX), y: round8(w.cy) }
         ],
         dotted: true,
         length: null,
@@ -3765,8 +3827,8 @@ function computePhyloLayout(input, opts = {}) {
         edgeId: PHYLO_CLADEBAR_ID_BASE + w.node.id,
         kind: "clade-bar",
         points: [
-          { x: round7(w.cx), y: round7(barTop) },
-          { x: round7(w.cx), y: round7(barBottom) }
+          { x: round8(w.cx), y: round8(barTop) },
+          { x: round8(w.cx), y: round8(barBottom) }
         ],
         dotted: false,
         length: null,
@@ -3778,8 +3840,8 @@ function computePhyloLayout(input, opts = {}) {
         edgeId: PHYLO_BRANCH_ID_BASE + c.node.id,
         kind: "branch",
         points: [
-          { x: round7(w.cx), y: round7(c.cy) },
-          { x: round7(c.cx), y: round7(c.cy) }
+          { x: round8(w.cx), y: round8(c.cy) },
+          { x: round8(c.cx), y: round8(c.cy) }
         ],
         dotted: false,
         length: c.inLength,
@@ -3796,17 +3858,17 @@ function computePhyloLayout(input, opts = {}) {
     const barY = treeBottom + SCALEBAR_ZONE / 2;
     scaleBar = {
       length: stepLen,
-      x: round7(barX),
-      y: round7(barY),
-      pxLength: round7(scaleBarPx),
+      x: round8(barX),
+      y: round8(barY),
+      pxLength: round8(scaleBarPx),
       valueLabel: trimNumber(stepLen)
     };
     elements.push({
       edgeId: PHYLO_SCALEBAR_ID,
       kind: "scale-bar",
       points: [
-        { x: round7(barX), y: round7(barY) },
-        { x: round7(barX + scaleBarPx), y: round7(barY) }
+        { x: round8(barX), y: round8(barY) },
+        { x: round8(barX + scaleBarPx), y: round8(barY) }
       ],
       dotted: false,
       length: stepLen,
@@ -3820,18 +3882,18 @@ function computePhyloLayout(input, opts = {}) {
 var GLYPH_STROKE4 = "#52525b";
 var LABEL_FILL5 = "#3f3f46";
 var EDGE_INK6 = "#71717a";
-var round8 = (n) => Math.round(n * 100) / 100;
+var round9 = (n) => Math.round(n * 100) / 100;
 function nodeSvg3(n, showSupport) {
   const pieces = [`<title>${xmlEscape(n.title)}</title>`];
   pieces.push(`<circle cx="${n.cx}" cy="${n.cy}" r="2.5" fill="${GLYPH_STROKE4}"/>`);
   if (n.labelLines.length > 0) {
     pieces.push(
-      `<text x="${n.labelLeft}" y="${round8(n.cy + PHYLO_LABEL_FONT * 0.32)}" font-family="${FONT_FAMILY}" font-size="${PHYLO_LABEL_FONT}" fill="${LABEL_FILL5}">${xmlEscape(n.labelLines[0])}</text>`
+      `<text x="${n.labelLeft}" y="${round9(n.cy + PHYLO_LABEL_FONT * 0.32)}" font-family="${FONT_FAMILY}" font-size="${PHYLO_LABEL_FONT}" fill="${LABEL_FILL5}">${xmlEscape(n.labelLines[0])}</text>`
     );
   }
   if (showSupport && !n.isTip && n.support !== null) {
     pieces.push(
-      `<text x="${round8(n.cx - 4)}" y="${round8(n.cy - 3)}" text-anchor="end" font-family="${FONT_FAMILY}" font-size="${PHYLO_SUPPORT_FONT}" fill="${LABEL_FILL5}">${xmlEscape(String(n.support))}</text>`
+      `<text x="${round9(n.cx - 4)}" y="${round9(n.cy - 3)}" text-anchor="end" font-family="${FONT_FAMILY}" font-size="${PHYLO_SUPPORT_FONT}" fill="${LABEL_FILL5}">${xmlEscape(String(n.support))}</text>`
     );
   }
   return `<g data-node-id="n${n.nodeId}">${pieces.join("")}</g>`;
@@ -3846,18 +3908,18 @@ function elementSvg4(el) {
 function scaleBarLabelSvg(layout) {
   const bar = layout.scaleBar;
   if (bar === null) return "";
-  const tick = (x) => `<line x1="${x}" y1="${round8(bar.y - 3)}" x2="${x}" y2="${round8(bar.y + 3)}" stroke="${EDGE_INK6}" stroke-width="1.5" stroke-opacity="0.75"/>`;
-  return tick(bar.x) + tick(round8(bar.x + bar.pxLength)) + `<text x="${round8(bar.x + bar.pxLength / 2)}" y="${round8(bar.y - 6)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${PHYLO_SUPPORT_FONT}" fill="${LABEL_FILL5}">${xmlEscape(bar.valueLabel)}</text>`;
+  const tick = (x) => `<line x1="${x}" y1="${round9(bar.y - 3)}" x2="${x}" y2="${round9(bar.y + 3)}" stroke="${EDGE_INK6}" stroke-width="1.5" stroke-opacity="0.75"/>`;
+  return tick(bar.x) + tick(round9(bar.x + bar.pxLength)) + `<text x="${round9(bar.x + bar.pxLength / 2)}" y="${round9(bar.y - 6)}" text-anchor="middle" font-family="${FONT_FAMILY}" font-size="${PHYLO_SUPPORT_FONT}" fill="${LABEL_FILL5}">${xmlEscape(bar.valueLabel)}</text>`;
 }
 function supportSwatch(x, y) {
-  const cx = round8(x + LEGEND_SWATCH_W / 2);
-  return `<circle cx="${cx}" cy="${y}" r="2.5" fill="${GLYPH_STROKE4}"/><text x="${round8(cx + 5)}" y="${round8(y + PHYLO_SUPPORT_FONT * 0.32)}" font-family="${FONT_FAMILY}" font-size="${PHYLO_SUPPORT_FONT}" fill="${LABEL_FILL5}">95</text>`;
+  const cx = round9(x + LEGEND_SWATCH_W / 2);
+  return `<circle cx="${cx}" cy="${y}" r="2.5" fill="${GLYPH_STROKE4}"/><text x="${round9(cx + 5)}" y="${round9(y + PHYLO_SUPPORT_FONT * 0.32)}" font-family="${FONT_FAMILY}" font-size="${PHYLO_SUPPORT_FONT}" fill="${LABEL_FILL5}">95</text>`;
 }
 function scaleSwatch(x, y) {
-  return `<line x1="${round8(x)}" y1="${y}" x2="${round8(x + LEGEND_SWATCH_W)}" y2="${y}" stroke="${EDGE_INK6}" stroke-width="1.5" stroke-opacity="0.75"/>`;
+  return `<line x1="${round9(x)}" y1="${y}" x2="${round9(x + LEGEND_SWATCH_W)}" y2="${y}" stroke="${EDGE_INK6}" stroke-width="1.5" stroke-opacity="0.75"/>`;
 }
 function alignedTipSwatch(x, y) {
-  return `<line x1="${round8(x)}" y1="${y}" x2="${round8(x + LEGEND_SWATCH_W)}" y2="${y}" stroke="${EDGE_INK6}" stroke-width="1.5" stroke-opacity="0.5" stroke-dasharray="2,3"/>`;
+  return `<line x1="${round9(x)}" y1="${y}" x2="${round9(x + LEGEND_SWATCH_W)}" y2="${y}" stroke="${EDGE_INK6}" stroke-width="1.5" stroke-opacity="0.5" stroke-dasharray="2,3"/>`;
 }
 function phyloLayoutSvg(layout, opts = {}) {
   const labels = opts.labels ?? PHYLO_SVG_LABELS_EN;
@@ -4105,9 +4167,9 @@ var ORG_BUS_ID_BASE = 2e6;
 var ORG_DROP_ID_BASE = 3e6;
 var ORG_ASSIST_ID_BASE = 4e6;
 var ORG_DOTTED_ID_BASE = 5e6;
-var round9 = (n) => Math.round(n * 100) / 100;
-var drawnLeftEdge = (cx, boxW) => round9(round9(cx) - round9(boxW) / 2);
-var drawnRightEdge = (cx, boxW) => drawnLeftEdge(cx, boxW) + round9(boxW);
+var round10 = (n) => Math.round(n * 100) / 100;
+var drawnLeftEdge = (cx, boxW) => round10(round10(cx) - round10(boxW) / 2);
+var drawnRightEdge = (cx, boxW) => drawnLeftEdge(cx, boxW) + round10(boxW);
 function packSubtree(node, gaps) {
   const { ownHalfL, ownHalfR, children } = node;
   if (children.length === 0) {
@@ -4275,10 +4337,10 @@ function computeOrgChartLayout(input, opts = {}) {
   const pushNode = (inst) => {
     nodes.push({
       positionId: inst.position.id,
-      cx: round9(inst.cx),
-      top: round9(rowTop[inst.depth]),
-      boxW: round9(inst.m.boxW),
-      boxH: round9(inst.m.boxH),
+      cx: round10(inst.cx),
+      top: round10(rowTop[inst.depth]),
+      boxW: round10(inst.m.boxW),
+      boxH: round10(inst.m.boxH),
       style: inst.style,
       nameLines: inst.m.nameLines,
       titleLines: inst.m.titleLines,
@@ -4286,7 +4348,8 @@ function computeOrgChartLayout(input, opts = {}) {
       vacantMarker: inst.m.vacantMarker,
       isAssistant: inst.assistReport !== null,
       depth: inst.depth,
-      title: inst.title
+      title: inst.title,
+      annotated: inst.position.annotated ?? false
     });
   };
   const emit = (inst) => {
@@ -4300,10 +4363,10 @@ function computeOrgChartLayout(input, opts = {}) {
       const assistMidY = assistTop + a.m.boxH / 2;
       nodes.push({
         positionId: a.position.id,
-        cx: round9(a.cx),
-        top: round9(assistTop),
-        boxW: round9(a.m.boxW),
-        boxH: round9(a.m.boxH),
+        cx: round10(a.cx),
+        top: round10(assistTop),
+        boxW: round10(a.m.boxW),
+        boxH: round10(a.m.boxH),
         style: a.style,
         nameLines: a.m.nameLines,
         titleLines: a.m.titleLines,
@@ -4311,17 +4374,19 @@ function computeOrgChartLayout(input, opts = {}) {
         vacantMarker: a.m.vacantMarker,
         isAssistant: true,
         depth: a.depth,
-        title: a.title
+        title: a.title,
+        annotated: a.position.annotated ?? false
       });
       elements.push({
         edgeId: ORG_ASSIST_ID_BASE + report.reportId,
         kind: "assist",
         points: [
-          { x: round9(inst.cx), y: round9(assistMidY) },
-          { x: drawnRightEdge(a.cx, a.m.boxW), y: round9(assistMidY) }
+          { x: round10(inst.cx), y: round10(assistMidY) },
+          { x: drawnRightEdge(a.cx, a.m.boxW), y: round10(assistMidY) }
         ],
         dashed: false,
-        title: reportTitle("assistant", report.label)
+        title: reportTitle("assistant", report.label),
+        annotated: report.annotated ?? false
       });
       bandY += a.m.boxH + ORG_ASSIST_BAND_DROP;
     }
@@ -4333,11 +4398,12 @@ function computeOrgChartLayout(input, opts = {}) {
       edgeId: ORG_STEM_ID_BASE + inst.position.id,
       kind: "stem",
       points: [
-        { x: round9(inst.cx), y: round9(boxBottom) },
-        { x: round9(inst.cx), y: round9(by) }
+        { x: round10(inst.cx), y: round10(boxBottom) },
+        { x: round10(inst.cx), y: round10(by) }
       ],
       dashed: false,
-      title: reportTitle("line", null)
+      title: reportTitle("line", null),
+      annotated: false
     });
     const childCxs = inst.lineChildren.map((c) => c.cx);
     if (inst.lineChildren.length > 1) {
@@ -4345,23 +4411,28 @@ function computeOrgChartLayout(input, opts = {}) {
         edgeId: ORG_BUS_ID_BASE + inst.position.id,
         kind: "bus",
         points: [
-          { x: round9(Math.min(...childCxs)), y: round9(by) },
-          { x: round9(Math.max(...childCxs)), y: round9(by) }
+          { x: round10(Math.min(...childCxs)), y: round10(by) },
+          { x: round10(Math.max(...childCxs)), y: round10(by) }
         ],
         dashed: false,
-        title: reportTitle("line", null)
+        title: reportTitle("line", null),
+        annotated: false
       });
     }
+    const lineReports = lineChildIds.get(inst.position.id) ?? [];
+    const lineReportByChildId = new Map(lineReports.map((r) => [r.reportId, r]));
     for (const c of inst.lineChildren) {
+      const lineReport = lineReportByChildId.get(c.position.id);
       elements.push({
         edgeId: ORG_DROP_ID_BASE + c.position.id,
         kind: "drop",
         points: [
-          { x: round9(c.cx), y: round9(by) },
-          { x: round9(c.cx), y: round9(rowTop[c.depth]) }
+          { x: round10(c.cx), y: round10(by) },
+          { x: round10(c.cx), y: round10(rowTop[c.depth]) }
         ],
         dashed: false,
-        title: reportTitle("line", null)
+        title: reportTitle("line", null),
+        annotated: lineReport?.annotated ?? false
       });
     }
     for (const c of inst.lineChildren) emit(c);
@@ -4431,13 +4502,13 @@ function computeOrgChartLayout(input, opts = {}) {
       return {
         r,
         i,
-        repMidY: round9(nextExitY(r.reportId, rep.midY, rep.boxH)),
-        mgrMidY: round9(nextExitY(r.managerId, mgr.midY, mgr.boxH)),
-        repBoxEdge: round9(rep.boxEdge),
-        mgrBoxEdge: round9(mgr.boxEdge),
-        repChY: round9(channelTop + 2 * i * ORG_MATRIX_LANE_PITCH),
-        mgrChY: round9(channelTop + (2 * i + 1) * ORG_MATRIX_LANE_PITCH),
-        laneX: round9(canvasRight + ORG_MATRIX_GUTTER_GAP + laneOf.get(r.id) * ORG_MATRIX_LANE_PITCH),
+        repMidY: round10(nextExitY(r.reportId, rep.midY, rep.boxH)),
+        mgrMidY: round10(nextExitY(r.managerId, mgr.midY, mgr.boxH)),
+        repBoxEdge: round10(rep.boxEdge),
+        mgrBoxEdge: round10(mgr.boxEdge),
+        repChY: round10(channelTop + 2 * i * ORG_MATRIX_LANE_PITCH),
+        mgrChY: round10(channelTop + (2 * i + 1) * ORG_MATRIX_LANE_PITCH),
+        laneX: round10(canvasRight + ORG_MATRIX_GUTTER_GAP + laneOf.get(r.id) * ORG_MATRIX_LANE_PITCH),
         repEscX: 0,
         mgrEscX: 0
       };
@@ -4475,14 +4546,14 @@ function computeOrgChartLayout(input, opts = {}) {
         else if (v.side === -1 && bRight < v.escCol - VERT_EPS) band = Math.min(band, v.escCol - bRight);
       }
       let lane = 0;
-      let candidate = round9(v.escCol);
+      let candidate = round10(v.escCol);
       while (placed.some((p) => Math.abs(p.x - candidate) < VERT_EPS && yOverlap(p.lo, p.hi, v.lo, v.hi))) {
         lane += 1;
-        candidate = round9(v.escCol + v.side * lane * ORG_MATRIX_ESCAPE_STEP);
+        candidate = round10(v.escCol + v.side * lane * ORG_MATRIX_ESCAPE_STEP);
       }
       if (lane > 0 && lane * ORG_MATRIX_ESCAPE_STEP >= band - VERT_EPS) {
         throw new Error(
-          `org-chart: escape-column-overflow \u2014 escape vertical nudged ${lane * ORG_MATRIX_ESCAPE_STEP}px from its base column exceeds the ${round9(band)}px box-free band`
+          `org-chart: escape-column-overflow \u2014 escape vertical nudged ${lane * ORG_MATRIX_ESCAPE_STEP}px from its base column exceeds the ${round10(band)}px box-free band`
         );
       }
       placed.push({ x: candidate, lo: v.lo, hi: v.hi });
@@ -4511,7 +4582,8 @@ function computeOrgChartLayout(input, opts = {}) {
           // → into the manager box's edge
         ]),
         dashed: true,
-        title: reportTitle("dotted", g.r.label)
+        title: reportTitle("dotted", g.r.label),
+        annotated: g.r.annotated ?? false
       });
     }
   }
@@ -4554,25 +4626,25 @@ var EDGE_INK7 = "#71717a";
 var GLYPH_ATTRS3 = `fill="transparent" stroke="${GLYPH_STROKE5}" stroke-width="2"`;
 var VACANT_DASH = `stroke-dasharray="6,4"`;
 var DOTTED = EDGE_STROKE.distant;
-var round10 = (n) => Math.round(n * 100) / 100;
+var round11 = (n) => Math.round(n * 100) / 100;
 var ORG_BOX_PAD_Y2 = 9;
 function boxSvg(n) {
-  const left = round10(n.cx - n.boxW / 2);
+  const left = round11(n.cx - n.boxW / 2);
   const pieces = [`<title>${xmlEscape(n.title)}</title>`];
   if (n.style === "dashed") {
     pieces.push(
       `<rect x="${left}" y="${n.top}" width="${n.boxW}" height="${n.boxH}" rx="2" ${GLYPH_ATTRS3} ${VACANT_DASH}/>`
     );
-    const ix = round10(left + 3);
-    const iy = round10(n.top + 3);
-    const iw = round10(n.boxW - 6);
-    const ih = round10(n.boxH - 6);
+    const ix = round11(left + 3);
+    const iy = round11(n.top + 3);
+    const iw = round11(n.boxW - 6);
+    const ih = round11(n.boxH - 6);
     pieces.push(`<rect x="${ix}" y="${iy}" width="${iw}" height="${ih}" rx="2" ${GLYPH_ATTRS3} ${VACANT_DASH}/>`);
   } else {
     pieces.push(`<rect x="${left}" y="${n.top}" width="${n.boxW}" height="${n.boxH}" rx="2" ${GLYPH_ATTRS3}/>`);
   }
   let lineIndex = 0;
-  const firstBaseline = (i) => round10(n.top + ORG_BOX_PAD_Y2 + ORG_LABEL_LINE_H / 2 + i * ORG_LABEL_LINE_H + ORG_LABEL_FONT * 0.32);
+  const firstBaseline = (i) => round11(n.top + ORG_BOX_PAD_Y2 + ORG_LABEL_LINE_H / 2 + i * ORG_LABEL_LINE_H + ORG_LABEL_FONT * 0.32);
   const textBlock = (lines, font) => {
     if (lines.length === 0) return "";
     const tspans = lines.map((line, i) => `<tspan x="${n.cx}" y="${firstBaseline(lineIndex + i)}">${xmlEscape(line)}</tspan>`).join("");
@@ -4583,43 +4655,45 @@ function boxSvg(n) {
   pieces.push(textBlock(n.titleLines, ORG_TITLE_FONT));
   pieces.push(textBlock(n.subtitleLines, ORG_TITLE_FONT));
   if (n.vacantMarker !== null) pieces.push(textBlock([n.vacantMarker], ORG_TITLE_FONT));
+  if (n.annotated) pieces.push(annotationDot(round11(n.cx + n.boxW / 2) - 4, n.top + 4));
   return `<g data-node-id="p${n.positionId}">${pieces.filter((p) => p !== "").join("")}</g>`;
 }
 function elementSvg5(el) {
   const head = `<g data-edge-id="${el.edgeId}"><title>${xmlEscape(el.title)}</title>`;
+  const tick = el.annotated ? annotationTick(el.points) : "";
   if (el.dashed) {
     const dash = DOTTED.dash === null ? "" : ` stroke-dasharray="${DOTTED.dash[0]},${DOTTED.dash[1]}"`;
-    return head + `<path d="${pathData(el.points)}" fill="none" stroke="${EDGE_INK7}" stroke-width="${DOTTED.width}" stroke-opacity="${DOTTED.opacity}"${dash}/></g>`;
+    return head + `<path d="${pathData(el.points)}" fill="none" stroke="${EDGE_INK7}" stroke-width="${DOTTED.width}" stroke-opacity="${DOTTED.opacity}"${dash}/>${tick}</g>`;
   }
   if (el.points.length === 2) {
     const a = el.points[0];
     const b = el.points[1];
-    return head + `<line x1="${a.x}" y1="${a.y}" x2="${b.x}" y2="${b.y}" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/></g>`;
+    return head + `<line x1="${a.x}" y1="${a.y}" x2="${b.x}" y2="${b.y}" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/>${tick}</g>`;
   }
-  return head + `<path d="${pathData(el.points)}" fill="none" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/></g>`;
+  return head + `<path d="${pathData(el.points)}" fill="none" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/>${tick}</g>`;
 }
 var MINI_ATTRS3 = `fill="transparent" stroke="${GLYPH_STROKE5}" stroke-width="1.5"`;
 function lineSwatch(x, y) {
-  const x1 = round10(x + 2);
-  const x2 = round10(x + LEGEND_SWATCH_W - 2);
+  const x1 = round11(x + 2);
+  const x2 = round11(x + LEGEND_SWATCH_W - 2);
   return `<line x1="${x1}" y1="${y}" x2="${x2}" y2="${y}" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/>`;
 }
 function assistantSwatch(x, y) {
-  const stemX = round10(x + LEGEND_SWATCH_W - 4);
-  const boxX = round10(x + 1);
-  return `<line x1="${stemX}" y1="${round10(y - 4)}" x2="${stemX}" y2="${y}" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/><line x1="${stemX}" y1="${y}" x2="${round10(boxX + 8)}" y2="${y}" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/><rect x="${boxX}" y="${round10(y - 3.5)}" width="8" height="7" rx="1" ${MINI_ATTRS3}/>`;
+  const stemX = round11(x + LEGEND_SWATCH_W - 4);
+  const boxX = round11(x + 1);
+  return `<line x1="${stemX}" y1="${round11(y - 4)}" x2="${stemX}" y2="${y}" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/><line x1="${stemX}" y1="${y}" x2="${round11(boxX + 8)}" y2="${y}" stroke="${EDGE_INK7}" stroke-width="1.5" stroke-opacity="0.75"/><rect x="${boxX}" y="${round11(y - 3.5)}" width="8" height="7" rx="1" ${MINI_ATTRS3}/>`;
 }
 function dottedSwatch(x, y) {
-  const x1 = round10(x + 2);
-  const x2 = round10(x + LEGEND_SWATCH_W - 2);
+  const x1 = round11(x + 2);
+  const x2 = round11(x + LEGEND_SWATCH_W - 2);
   const dash = DOTTED.dash === null ? "" : ` stroke-dasharray="${DOTTED.dash[0]},${DOTTED.dash[1]}"`;
   return `<line x1="${x1}" y1="${y}" x2="${x2}" y2="${y}" stroke="${EDGE_INK7}" stroke-width="${DOTTED.width}" stroke-opacity="${DOTTED.opacity}"${dash}/>`;
 }
 function vacantSwatch(x, y) {
-  const cx = round10(x + LEGEND_SWATCH_W / 2);
-  const bx = round10(cx - 8);
-  const by = round10(y - 5);
-  return `<rect x="${bx}" y="${by}" width="16" height="10" rx="1" ${MINI_ATTRS3} stroke-dasharray="3,2"/><rect x="${round10(bx + 2)}" y="${round10(by + 2)}" width="12" height="6" rx="1" ${MINI_ATTRS3} stroke-dasharray="3,2"/>`;
+  const cx = round11(x + LEGEND_SWATCH_W / 2);
+  const bx = round11(cx - 8);
+  const by = round11(y - 5);
+  return `<rect x="${bx}" y="${by}" width="16" height="10" rx="1" ${MINI_ATTRS3} stroke-dasharray="3,2"/><rect x="${round11(bx + 2)}" y="${round11(by + 2)}" width="12" height="6" rx="1" ${MINI_ATTRS3} stroke-dasharray="3,2"/>`;
 }
 function orgChartLayoutSvg(layout, opts = {}) {
   const labels = opts.labels ?? ORG_CHART_SVG_LABELS_EN;
@@ -4638,6 +4712,9 @@ function orgChartLayoutSvg(layout, opts = {}) {
     if (hasAssistant) entries.push({ swatch: assistantSwatch, label: labels.legend.assistant });
     if (hasDotted) entries.push({ swatch: dottedSwatch, label: labels.legend.dotted });
     if (hasVacant) entries.push({ swatch: vacantSwatch, label: labels.legend.vacant });
+    if (opts.annotationLabel !== void 0 && (layout.nodes.some((n) => n.annotated) || layout.elements.some((e) => e.annotated))) {
+      entries.push({ swatch: annotationSwatch, label: opts.annotationLabel });
+    }
     const block = legendBlock(entries, layout.height);
     if (block.svg !== "") {
       parts.push(block.svg);
@@ -4658,11 +4735,13 @@ function orgChartSvg(input, opts = {}) {
   });
   const svg = orgChartLayoutSvg(layout, {
     ...opts.legend === false ? { legend: false } : {},
-    ...opts.svgLabels !== void 0 ? { labels: opts.svgLabels } : {}
+    ...opts.svgLabels !== void 0 ? { labels: opts.svgLabels } : {},
+    ...opts.annotationLabel !== void 0 ? { annotationLabel: opts.annotationLabel } : {}
   });
   return { svg, layout };
 }
 
+exports.ANNOTATION_INK = ANNOTATION_INK;
 exports.CHAR_W = CHAR_W;
 exports.CODE_FONT = CODE_FONT;
 exports.ECOMAP_LABELS_EN = ECOMAP_LABELS_EN;
@@ -4743,6 +4822,9 @@ exports.QUALITY_LEXICON_EN = QUALITY_LEXICON_EN;
 exports.UNION_NOTATION = UNION_NOTATION;
 exports.UNION_REL_ID_BASE = UNION_REL_ID_BASE;
 exports.UNION_STATUSES = UNION_STATUSES;
+exports.annotationDot = annotationDot;
+exports.annotationSwatch = annotationSwatch;
+exports.annotationTick = annotationTick;
 exports.clampLabel = clampLabel;
 exports.classifyRelationshipType = classifyRelationshipType;
 exports.computeFaultTreeLayout = computeFaultTreeLayout;