@diagrammo/dgmo 0.77.0 → 0.78.0

package/dist/{chunk-SI3PYDL4.js → chunk-BJB4YDJP.js}

@@ -1,41 +1,41 @@
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   contrastText,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -806,14 +806,14 @@ function renderBracket(container, parsed, palette, isDark, exportDims) {
       "fill",
       fillMode === "outline" ? themeBaseBg(palette, isDark) : mix(c, palette.bg, isDark ? 20 : 14)
     ).attr("stroke", fillMode === "outline" ? c : mix(c, palette.bg, 55)).attr("stroke-width", 1);
-    root.append("text").attr("x", (s.x0 + s.x1) / 2).attr("y", 18).attr("text-anchor", "middle").attr("font-size", 13).attr("font-weight", 800).attr("letter-spacing", 0.3).attr("fill", c).text(clip(s.label, s.x1 - s.x0, 13, true));
+    root.append("text").attr("x", (s.x0 + s.x1) / 2).attr("y", 18).attr("text-anchor", "middle").attr("font-size", 13).attr("font-weight", "bold").attr("letter-spacing", 0.3).attr("fill", c).text(clip(s.label, s.x1 - s.x0, 13, true));
   }
   for (const col of layout.columns) {
     const c = col.color ? resolveColor(col.color, palette) ?? col.color : basePaint.muted;
     const covered = layout.sideLabels.some(
       (s) => col.x >= s.x0 && col.x <= s.x1
     );
-    root.append("text").attr("x", col.x).attr("y", covered ? roundY : 22).attr("text-anchor", "middle").attr("font-size", covered ? 14 : 15).attr("font-weight", covered ? 700 : 800).attr("fill", c).attr("letter-spacing", 0.4).text(clip(col.label, BOX_W + 20, covered ? 14 : 15, true));
+    root.append("text").attr("x", col.x).attr("y", covered ? roundY : 22).attr("text-anchor", "middle").attr("font-size", covered ? 14 : 15).attr("font-weight", "bold").attr("fill", c).attr("letter-spacing", 0.4).text(clip(col.label, BOX_W + 20, covered ? 14 : 15, true));
   }
   for (const m of layout.matches) {
     drawConnector(root, m, m.topFrom, m.y - HALF_SPAN2, basePaint);
@@ -905,26 +905,26 @@ function drawBox(g, cx, cy, name, info, sidePaint, palette, isDark, m, activeKey
   let sw = 1.25;
   let dash = null;
   let textColor = paint.ink;
-  let weight = 600;
+  let weight = "bold";
   if (info.isChampion) {
     fill = paint.tint;
     stroke = paint.accent;
     sw = 3;
-    weight = 800;
+    weight = "bold";
   } else if (isTBD) {
     fill = paint.track;
     dash = "4 4";
     textColor = paint.muted;
-    weight = 500;
+    weight = "normal";
   } else if (info.isWinner) {
     fill = paint.tint;
     stroke = paint.accent;
     sw = 2;
-    weight = 700;
+    weight = "bold";
   } else if (info.isLoser) {
     stroke = paint.hair;
     textColor = paint.muted;
-    weight = 500;
+    weight = "normal";
   } else if (info.pending) {
     stroke = mix(paint.accent, paint.hair, 50);
   }
@@ -939,7 +939,7 @@ function drawBox(g, cx, cy, name, info, sidePaint, palette, isDark, m, activeKey
   if (dash) rect.attr("stroke-dasharray", dash);
   let leftPad = 11;
   if (info.seed !== null) {
-    cell.append("text").attr("x", x + 9).attr("y", cy + 4).attr("text-anchor", "start").attr("font-size", 10).attr("font-weight", 700).attr("fill", gutterColor).text(info.seed);
+    cell.append("text").attr("x", x + 9).attr("y", cy + 4).attr("text-anchor", "start").attr("font-size", 10).attr("font-weight", "bold").attr("fill", gutterColor).text(info.seed);
     leftPad = 9 + Math.max(12, measureText(String(info.seed), 10, { bold: true })) + 6;
   }
   let rightPad = 11;
@@ -953,11 +953,11 @@ function drawBox(g, cx, cy, name, info, sidePaint, palette, isDark, m, activeKey
       isTBD ? "TBD" : name,
       BOX_W - leftPad - rightPad,
       12.5,
-      weight >= 600
+      weight === "bold"
     )
   );
   if (info.score) {
-    cell.append("text").attr("x", x + BOX_W - 11).attr("y", cy + 4).attr("text-anchor", "end").attr("font-size", 12).attr("font-weight", info.isWinner ? 700 : 500).attr("fill", info.isWinner ? textColor : gutterColor).text(info.score);
+    cell.append("text").attr("x", x + BOX_W - 11).attr("y", cy + 4).attr("text-anchor", "end").attr("font-size", 12).attr("font-weight", info.isWinner ? "bold" : "normal").attr("fill", info.isWinner ? textColor : gutterColor).text(info.score);
   }
 }
 function drawHome(cell, hx, cy, color) {
@@ -967,7 +967,7 @@ function drawHome(cell, hx, cy, color) {
   cell.append("path").attr("d", d).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2).attr("stroke-linejoin", "round");
 }
 function drawUpset(g, m, paint) {
-  g.append("text").attr("x", m.x + BOX_W / 2).attr("y", m.y - HALF_SPAN2 - BOX_H / 2 - 4).attr("text-anchor", "end").attr("font-size", 9).attr("font-weight", 800).attr("letter-spacing", 0.6).attr("fill", paint.accent).text("UPSET");
+  g.append("text").attr("x", m.x + BOX_W / 2).attr("y", m.y - HALF_SPAN2 - BOX_H / 2 - 4).attr("text-anchor", "end").attr("font-size", 9).attr("font-weight", "bold").attr("letter-spacing", 0.6).attr("fill", paint.accent).text("UPSET");
 }
 function drawCommentary(g, m, palette) {
   const x = m.x - BOX_W / 2 + 2;
@@ -1001,4 +1001,4 @@ export {
   renderBracket,
   renderBracketForExport
 };
-//# sourceMappingURL=chunk-SI3PYDL4.js.map
+//# sourceMappingURL=chunk-BJB4YDJP.js.map

package/dist/{chunk-FR5EVD2X.js → chunk-BPM52K3Z.js}

@@ -95,22 +95,28 @@ function unitRect(c, r) {
   return { c, r, w: SKETCH_SEP, h: SKETCH_SEP };
 }
 var childBoxAt = /* @__PURE__ */ new Map();
+function firstFreeOnRing(base, occupied, d) {
+  for (let quadrant = 0; quadrant < 4; quadrant++) {
+    for (let dr = -d; dr <= d; dr++) {
+      const r = base.r + dr;
+      const spread = d - Math.abs(dr);
+      for (const c of spread === 0 ? [base.c] : [base.c - spread, base.c + spread]) {
+        const cost = (r < base.r ? 2 : 0) + (c < base.c ? 1 : 0);
+        if (cost !== quadrant) continue;
+        if (!occupied.hits({ ...base, c, r })) return { c, r };
+      }
+    }
+  }
+  return null;
+}
 function nearestFreeRect(base, occupied) {
   if (!occupied.hits(base)) return { c: base.c, r: base.r };
-  for (let d = 1; d <= 200; d++) {
-    const candidates = [];
-    for (let dc = -d; dc <= d; dc++) {
-      const dr = d - Math.abs(dc);
-      candidates.push({ c: base.c + dc, r: base.r + dr });
-      if (dr !== 0) candidates.push({ c: base.c + dc, r: base.r - dr });
-    }
-    candidates.sort((a, b) => {
-      const costA = (a.r < base.r ? 2 : 0) + (a.c < base.c ? 1 : 0);
-      const costB = (b.r < base.r ? 2 : 0) + (b.c < base.c ? 1 : 0);
-      return costA - costB || a.r - b.r || a.c - b.c;
-    });
-    for (const cand of candidates) {
-      if (!occupied.hits({ ...base, c: cand.c, r: cand.r })) return cand;
+  const key = `${base.c},${base.r},${base.w},${base.h}`;
+  for (let d = occupied.ringStart.get(key) ?? 1; d <= 200; d++) {
+    const found = firstFreeOnRing(base, occupied, d);
+    if (found) {
+      occupied.ringStart.set(key, d);
+      return found;
     }
   }
   return { c: base.c, r: base.r };
@@ -136,6 +142,17 @@ var Occupancy = class {
   oversized = [];
   /** Every rect, in insertion order — the extent and flow-origin maths want it. */
   rects = [];
+  /**
+   * The ring a search from a given base last had to reach, keyed by that base.
+   *
+   * Slots are only ever taken here, never given back, so a ring that was full
+   * once is full for the rest of the layout. The next unit authored at the
+   * same slot can therefore start where the last one finished instead of
+   * re-walking every ring inside it — which is what made a stack of shapes on
+   * one coordinate cost more than linear even with the collision index in
+   * place (#484). Skipping proven-full rings cannot change where a unit lands.
+   */
+  ringStart = /* @__PURE__ */ new Map();
   add(rect) {
     this.rects.push(rect);
     const range = cellRange(rect);
@@ -173,22 +190,12 @@ var Occupancy = class {
 };
 function nearestFree(base, occupied) {
   if (!occupied.hits(base)) return { c: base.c, r: base.r };
-  for (let d = 1; d <= 200; d++) {
-    const candidates = [];
-    for (let dc = -d; dc <= d; dc++) {
-      const dr = d - Math.abs(dc);
-      candidates.push({ c: base.c + dc, r: base.r + dr });
-      if (dr !== 0) candidates.push({ c: base.c + dc, r: base.r - dr });
-    }
-    candidates.sort((a, b) => {
-      const costA = (a.r < base.r ? 2 : 0) + (a.c < base.c ? 1 : 0);
-      const costB = (b.r < base.r ? 2 : 0) + (b.c < base.c ? 1 : 0);
-      return costA - costB || a.r - b.r || a.c - b.c;
-    });
-    for (const cand of candidates) {
-      if (!occupied.hits({ ...base, c: cand.c, r: cand.r })) {
-        return cand;
-      }
+  const key = `${base.c},${base.r},${base.w},${base.h}`;
+  for (let d = occupied.ringStart.get(key) ?? 1; d <= 200; d++) {
+    const found = firstFreeOnRing(base, occupied, d);
+    if (found) {
+      occupied.ringStart.set(key, d);
+      return found;
     }
   }
   return { c: base.c, r: base.r };
@@ -706,4 +713,4 @@ export {
   SKETCH_AUTO_LAYOUT_DEFAULTS,
   layoutSketch
 };
-//# sourceMappingURL=chunk-FR5EVD2X.js.map
+//# sourceMappingURL=chunk-BPM52K3Z.js.map

package/dist/{chunk-TI4YUUW6.js → chunk-BSREARWG.js}

@@ -3,31 +3,34 @@ import {
   layoutJourneyMap,
   scoreToColor,
   scoreToCurveY
-} from "./chunk-F4V67JXG.js";
+} from "./chunk-CTERZC4K.js";
 import {
   wrapNoteBody
-} from "./chunk-MU3CJPJF.js";
+} from "./chunk-LGI735AJ.js";
 import {
   NOTE_BULLET_INDENT
 } from "./chunk-5DH3KYFH.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
-import {
-  CARD_RADIUS
-} from "./chunk-FJ57274M.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  CARD_RADIUS,
+  CONTAINER_RADIUS,
+  GRID_DASH,
+  NODE_STROKE_WIDTH
+} from "./chunk-IIEI7VK5.js";
 import {
   serializeSvg
-} from "./chunk-RU2HHHYA.js";
+} from "./chunk-LD2JSKU3.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   truncateText,
@@ -35,11 +38,11 @@ import {
 } from "./chunk-MTGGOCND.js";
 import {
   parseJourneyMap
-} from "./chunk-2QRIMMIH.js";
+} from "./chunk-N56W4R66.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   fillModeFromOptions
 } from "./chunk-M5OOAP65.js";
@@ -48,7 +51,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/journey-map/renderer.ts
 import * as d3 from "d3-selection";
@@ -58,10 +61,8 @@ var PADDING = DIAGRAM_PADDING;
 var CARD_PADDING_X = 10;
 var CARD_PADDING_Y = 6;
 var CARD_HEADER_HEIGHT = 24;
-var CARD_STROKE_WIDTH = 1.5;
 var CARD_META_LINE_HEIGHT = 14;
 var CARD_GAP_INTERNAL = 8;
-var COLUMN_RADIUS = 8;
 var COLUMN_HEADER_HEIGHT = 36;
 var COLUMN_PADDING = 12;
 var FONT_SIZE_TITLE = 18;
@@ -173,8 +174,8 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
       1.2,
       fillMode
     );
-    personaG.append("rect").attr("x", panelX).attr("y", panelY).attr("width", panelWidth).attr("height", panelHeight).attr("rx", CARD_RADIUS).attr("fill", "none").attr("stroke", personaColor).attr("stroke-width", CARD_STROKE_WIDTH);
-    personaG.append("text").attr("x", textX).attr("y", panelY + CARD_PADDING_Y + FONT_SIZE_STEP).attr("font-size", FONT_SIZE_STEP).attr("font-weight", "500").attr("fill", onPersonaText).text(
+    personaG.append("rect").attr("x", panelX).attr("y", panelY).attr("width", panelWidth).attr("height", panelHeight).attr("rx", CARD_RADIUS).attr("fill", "none").attr("stroke", personaColor).attr("stroke-width", NODE_STROKE_WIDTH);
+    personaG.append("text").attr("x", textX).attr("y", panelY + CARD_PADDING_Y + FONT_SIZE_STEP).attr("font-size", FONT_SIZE_STEP).attr("font-weight", "normal").attr("fill", onPersonaText).text(
       truncateText(parsed.persona.name, FONT_SIZE_STEP, textAreaWidth)
     );
     for (let li = 0; li < descLines.length; li++) {
@@ -270,7 +271,7 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
   const curveG = svg.append("g").attr("class", "journey-curve-area");
   for (let score = 1; score <= 5; score++) {
     const y = scoreToCurveY(score, layout.curveAreaBottom);
-    curveG.append("line").attr("x1", PADDING).attr("x2", layout.totalWidth - PADDING).attr("y1", y).attr("y2", y).attr("stroke", palette.textMuted).attr("stroke-opacity", GRID_LINE_OPACITY).attr("stroke-dasharray", "4,4");
+    curveG.append("line").attr("x1", PADDING).attr("x2", layout.totalWidth - PADDING).attr("y1", y).attr("y2", y).attr("stroke", palette.textMuted).attr("stroke-opacity", GRID_LINE_OPACITY).attr("stroke-dasharray", GRID_DASH);
   }
   if (layout.curvePoints.length >= 2) {
     const first = layout.curvePoints[0];
@@ -376,9 +377,9 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
       const isCollapsed = collapsedPhases.has(pl.phase.name);
       const phaseG = phasesG.append("g").attr("class", "journey-phase").attr("data-line-number", pl.phase.lineNumber);
       const colBg = isDark ? mix(palette.surface, palette.bg, 50) : mix(palette.surface, palette.bg, 30);
-      phaseG.append("rect").attr("x", pl.x).attr("y", pl.y).attr("width", pl.width).attr("height", pl.height).attr("rx", COLUMN_RADIUS).attr("fill", colBg);
-      phaseG.append("rect").attr("x", pl.x).attr("y", pl.y).attr("width", pl.width).attr("height", COLUMN_HEADER_HEIGHT).attr("rx", COLUMN_RADIUS).attr("fill", pl.headerColor);
-      phaseG.append("rect").attr("x", pl.x).attr("y", pl.y + COLUMN_HEADER_HEIGHT - COLUMN_RADIUS).attr("width", pl.width).attr("height", COLUMN_RADIUS).attr("fill", pl.headerColor);
+      phaseG.append("rect").attr("x", pl.x).attr("y", pl.y).attr("width", pl.width).attr("height", pl.height).attr("rx", CONTAINER_RADIUS).attr("fill", colBg);
+      phaseG.append("rect").attr("x", pl.x).attr("y", pl.y).attr("width", pl.width).attr("height", COLUMN_HEADER_HEIGHT).attr("rx", CONTAINER_RADIUS).attr("fill", pl.headerColor);
+      phaseG.append("rect").attr("x", pl.x).attr("y", pl.y + COLUMN_HEADER_HEIGHT - CONTAINER_RADIUS).attr("width", pl.width).attr("height", CONTAINER_RADIUS).attr("fill", pl.headerColor);
       const onHeaderText = contrastText(
         pl.headerColor,
         palette.textOnFillLight,
@@ -435,7 +436,7 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
             { mode: fillMode }
           );
           const rowStroke = stepColor ?? palette.textMuted;
-          itemG.append("rect").attr("x", listX).attr("y", itemY).attr("width", cardW).attr("height", COLLAPSED_CARD_H).attr("rx", CARD_RADIUS).attr("fill", rowFill).attr("stroke", rowStroke).attr("stroke-width", CARD_STROKE_WIDTH);
+          itemG.append("rect").attr("x", listX).attr("y", itemY).attr("width", cardW).attr("height", COLLAPSED_CARD_H).attr("rx", CARD_RADIUS).attr("fill", rowFill).attr("stroke", rowStroke).attr("stroke-width", NODE_STROKE_WIDTH);
           const faceCx = listX + CARD_PADDING_X + COLLAPSED_FACE_R;
           const faceCy = itemY + COLLAPSED_CARD_H / 2;
           if (step.score !== void 0) {
@@ -567,8 +568,8 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
       const scoreColor = scoreToColor(score, palette);
       const tintedBg = fillMode === "outline" ? themeBaseBg(palette, isDark) : mix(scoreColor, palette.surface, 20);
       const g = overlayG.append("g").attr("class", "journey-thought-hover");
-      g.append("rect").attr("x", bx).attr("y", by).attr("width", bw).attr("height", bh).attr("rx", CARD_RADIUS).attr("fill", tintedBg).attr("stroke", scoreColor).attr("stroke-width", CARD_STROKE_WIDTH);
-      g.append("line").attr("x1", fcx).attr("y1", by + bh).attr("x2", fcx).attr("y2", fcy - FACE_HOVER_R - 1).attr("stroke", scoreColor).attr("stroke-width", CARD_STROKE_WIDTH);
+      g.append("rect").attr("x", bx).attr("y", by).attr("width", bw).attr("height", bh).attr("rx", CARD_RADIUS).attr("fill", tintedBg).attr("stroke", scoreColor).attr("stroke-width", NODE_STROKE_WIDTH);
+      g.append("line").attr("x1", fcx).attr("y1", by + bh).attr("x2", fcx).attr("y2", fcy - FACE_HOVER_R - 1).attr("stroke", scoreColor).attr("stroke-width", NODE_STROKE_WIDTH);
       const centerX = bx + bw / 2;
       for (let i = 0; i < lines.length; i++) {
         g.append("text").attr("x", centerX).attr("y", by + THOUGHT_PAD_Y + (i + 1) * THOUGHT_LINE_H - 2).attr("text-anchor", "middle").attr("font-size", THOUGHT_FONT).attr("font-style", "italic").attr("fill", palette.textMuted).text(lines[i]);
@@ -688,11 +689,11 @@ function renderStepCard(parent, sl, palette, isDark, activeGroup, tagGroups, onN
     palette.textOnFillLight,
     palette.textOnFillDark
   );
-  stepG.append("rect").attr("x", cx).attr("y", cy).attr("width", sl.width).attr("height", sl.height).attr("rx", CARD_RADIUS).attr("fill", cardFill).attr("stroke", cardStroke).attr("stroke-width", CARD_STROKE_WIDTH);
+  stepG.append("rect").attr("x", cx).attr("y", cy).attr("width", sl.width).attr("height", sl.height).attr("rx", CARD_RADIUS).attr("fill", cardFill).attr("stroke", cardStroke).attr("stroke-width", NODE_STROKE_WIDTH);
   const titleMaxW = sl.width - CARD_PADDING_X * 2;
   const titleLines = wrapTextToWidth(sl.step.title, FONT_SIZE_STEP, titleMaxW);
   for (let i = 0; i < titleLines.length; i++) {
-    stepG.append("text").attr("x", cx + CARD_PADDING_X).attr("y", cy + CARD_PADDING_Y + FONT_SIZE_STEP + i * TITLE_LINE_HEIGHT).attr("font-size", FONT_SIZE_STEP).attr("font-weight", "500").attr("fill", onCardText).text(titleLines[i]);
+    stepG.append("text").attr("x", cx + CARD_PADDING_X).attr("y", cy + CARD_PADDING_Y + FONT_SIZE_STEP + i * TITLE_LINE_HEIGHT).attr("font-size", FONT_SIZE_STEP).attr("font-weight", "normal").attr("fill", onCardText).text(titleLines[i]);
   }
   const titleBlockH = CARD_PADDING_Y + titleLines.length * TITLE_LINE_HEIGHT + CARD_PADDING_Y;
   const cardAnnotations = sl.step.annotations;
@@ -747,7 +748,7 @@ function renderStepCard(parent, sl, palette, isDark, activeGroup, tagGroups, onN
     const stripFill = shapeFill(palette, stripColor, isDark, {
       mode: fillMode
     });
-    stepG.append("rect").attr("x", cx).attr("y", stripY).attr("width", sl.width).attr("height", TAG_STRIP_HEIGHT).attr("rx", CARD_RADIUS).attr("fill", stripFill).attr("stroke", stripColor).attr("stroke-width", CARD_STROKE_WIDTH);
+    stepG.append("rect").attr("x", cx).attr("y", stripY).attr("width", sl.width).attr("height", TAG_STRIP_HEIGHT).attr("rx", CARD_RADIUS).attr("fill", stripFill).attr("stroke", stripColor).attr("stroke-width", NODE_STROKE_WIDTH);
     const stripTextColor = contrastText(
       stripFill,
       palette.textOnFillLight,
@@ -809,7 +810,7 @@ function addEmotionLabel(faceG, pt, palette) {
     EMOTION_LABEL_MAX_WIDTH
   );
   const y = pt.y + FACE_RADIUS + 5 + EMOTION_LABEL_FONT_SIZE;
-  faceG.append("text").attr("class", "journey-emotion-label").attr("x", pt.x).attr("y", y).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", EMOTION_LABEL_FONT_SIZE).attr("font-weight", 500).attr("fill", palette.text).attr("stroke", palette.bg).attr("stroke-width", 3).attr("stroke-linejoin", "round").attr("stroke-opacity", 0.8).attr("paint-order", "stroke").attr("pointer-events", "none").text(text);
+  faceG.append("text").attr("class", "journey-emotion-label").attr("x", pt.x).attr("y", y).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", EMOTION_LABEL_FONT_SIZE).attr("font-weight", "normal").attr("fill", palette.text).attr("stroke", palette.bg).attr("stroke-width", 3).attr("stroke-linejoin", "round").attr("stroke-opacity", 0.8).attr("paint-order", "stroke").attr("pointer-events", "none").text(text);
 }
 function annotationColor(type, palette) {
   switch (type) {
@@ -877,4 +878,4 @@ export {
   renderJourneyMap,
   renderJourneyMapForExport
 };
-//# sourceMappingURL=chunk-TI4YUUW6.js.map
+//# sourceMappingURL=chunk-BSREARWG.js.map

package/dist/{chunk-F4V67JXG.js → chunk-CTERZC4K.js}

@@ -8,7 +8,7 @@ import {
 import {
   mix,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/journey-map/layout.ts
 var PADDING = 24;
@@ -290,4 +290,4 @@ export {
   scoreToCurveY,
   layoutJourneyMap
 };
-//# sourceMappingURL=chunk-F4V67JXG.js.map
+//# sourceMappingURL=chunk-CTERZC4K.js.map

package/dist/{chunk-WHWUVDYK.js → chunk-CYLSQO4L.js}

@@ -12,24 +12,24 @@ import {
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   compactNumber,
   computeLegendLayout
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   measureLegendText
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   contrastRatio,
   mix,
   politicalTints,
   relativeLuminance,
   valueRampColor
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -3406,4 +3406,4 @@ export {
   albersSkewFallback,
   layoutMap
 };
-//# sourceMappingURL=chunk-WHWUVDYK.js.map
+//# sourceMappingURL=chunk-CYLSQO4L.js.map

package/dist/{chunk-J76YDS4V.js → chunk-DCPD5SHV.js}

@@ -1,10 +1,10 @@
 import {
   buildMapProjection
-} from "./chunk-WHWUVDYK.js";
+} from "./chunk-CYLSQO4L.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 
 // src/map/dimensions.ts
 import { geoPath } from "d3-geo";
@@ -51,4 +51,4 @@ export {
   mapContentAspect,
   mapExportDimensions
 };
-//# sourceMappingURL=chunk-J76YDS4V.js.map
+//# sourceMappingURL=chunk-DCPD5SHV.js.map

package/dist/{chunk-H7BYMIVK.js → chunk-ENDB5YSV.js}

@@ -1,55 +1,63 @@
+import {
+  appendArrowheadMarkers,
+  appendReverseArrowheadMarkers
+} from "./chunk-XBJJP2HN.js";
 import {
   renderCollapseBar,
   renderNodeCard
-} from "./chunk-5GM6BZO7.js";
+} from "./chunk-4AWLEWSD.js";
 import {
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
   CARD_RADIUS,
   COLLAPSE_BAR_HEIGHT,
   CONTAINER_LABEL_FONT_SIZE,
   CONTAINER_RADIUS,
+  EDGE_DASH,
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   HEADER_HEIGHT,
   LABEL_FONT_SIZE,
   META_FONT_SIZE,
   NODE_STROKE_WIDTH
-} from "./chunk-FJ57274M.js";
-import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+} from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   wrapTextToWidth
 } from "./chunk-MTGGOCND.js";
 import {
+  UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/sketch/renderer.ts
 import * as d3 from "d3-selection";
@@ -316,7 +324,25 @@ var SKETCH_VISUALS = {
   // their own name was (2026-08-27, #518).
   titleY: TITLE_Y,
   titleFontSize: TITLE_FONT_SIZE,
-  titleFontWeight: Number(TITLE_FONT_WEIGHT),
+  // 🔴 `bold` AS A NUMBER, and never `Number('bold')` — which is `NaN`, which is
+  // what this shipped. Every other consumer of `TITLE_FONT_WEIGHT` writes it
+  // straight into an SVG attribute, where the string is valid; this one is read
+  // as a VALUE by the desktop canvas, which puts it on an SVG attribute AND on
+  // an input's inline style, so it has to be a weight rather than a word.
+  //
+  // The result was `font-weight="NaN"` on every sketch title — silently
+  // rendered at the default weight, so a sketch's name was the one title in the
+  // product that was not bold, and nothing failed. Found 2026-08-29 by an app
+  // test asserting the drawn weight, which had been red on it.
+  //
+  // The comparison rather than a bare `700` so that changing the shared
+  // constant is a type error here instead of another silent coercion.
+  //
+  // ⚠️ Widened back to `number`. Without the assertion the literal `700` leaks
+  // into the published type surface — `check:api` caught it on the push — and a
+  // consumer would then be typed against this exact weight rather than against
+  // "a weight", which is the opposite of what a shared constant is for.
+  titleFontWeight: TITLE_FONT_WEIGHT === "bold" ? 700 : 400,
   // 🔴 SHARED, not overridden. These read 2 and 2 against the conventions'
   // 1.5, under a comment claiming "a bolder, less-washed look" — and the
   // boldness was the complaint: a sketch beside a boxes-and-lines or an org
@@ -331,9 +357,9 @@ var SKETCH_VISUALS = {
   // single difference between the two pictures (#518). `markerUnits` defaults
   // to `strokeWidth`, so 5×4 here renders 7.5×6 — the same triangle
   // boxes-and-lines draws.
-  arrowheadW: 5,
-  arrowheadH: 4,
-  dash: "6 3",
+  arrowheadW: ARROWHEAD_WIDTH,
+  arrowheadH: ARROWHEAD_HEIGHT,
+  dash: EDGE_DASH,
   /** A card's name. Shared, and it fits DOWN to `nodeLabelFontSizeMin` before
    *  it wraps — it used to be allowed up to 30 on a card with no rows, which is
    *  more than twice what any other chart type prints. */
@@ -355,7 +381,17 @@ var SKETCH_VISUALS = {
   // boxes-and-lines' 14 — and infra's — are the undocumented deviations here;
   // the fix is those two coming to 13, not a third chart type leaving.
   bandLabelFontSize: CONTAINER_LABEL_FONT_SIZE,
-  bandLabelFontWeight: 600,
+  // 🔴 A WEIGHT, never the word — the same defect `titleFontWeight` carries
+  //  the note for, one property along. `'bold'` is valid on the SVG attribute
+  //  this renderer writes it to, and invalid everywhere a consumer needs a
+  //  number: the app's live canvas puts a container band's weight on an
+  //  `<input>`'s inline style and into a `fontWeight: number` slot, so it had
+  //  to translate the word back to 700 itself and typecheck went red on main
+  //  when it did not (#537, 2026-08-29). 700 is what `'bold'` already drew —
+  //  this changes the type, not the picture. `as number` for the same reason
+  //  `titleFontWeight` carries it: the literal would otherwise leak into the
+  //  published type surface and `check:api` fails on it.
+  bandLabelFontWeight: 700,
   bandLabelOpacity: 1,
   /** 11 — what boxes-and-lines prints. It was 12, the only edge label in the
    *  product at that size. */
@@ -567,22 +603,26 @@ function renderSketch(container, parsed, layout, palette, isDark, options = {})
   const edgeColorFor = (metadata) => {
     if (activeKey !== null && metadata[activeKey] !== void 0) {
       const c = resolveTagColor(metadata, tagGroups, activeName);
-      if (c && c !== "#999999") return c;
+      if (c && c !== UNTAGGED_TAG_COLOR) return c;
     }
     return palette.textMuted;
   };
   const flowColor = (edge) => edgeColorFor(edge.metadata);
   const edgeColors = new Set(layout.edges.map((e) => flowColor(e)));
-  for (const color of edgeColors) {
-    const hex = color.replace("#", "");
-    defs.append("marker").attr("id", `sk-arrow-${hex}`).attr("viewBox", `0 0 ${ARROWHEAD_W} ${ARROWHEAD_H}`).attr("refX", ARROWHEAD_W).attr("refY", ARROWHEAD_H / 2).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr("points", `0,0 ${ARROWHEAD_W},${ARROWHEAD_H / 2} 0,${ARROWHEAD_H}`).attr("fill", color);
-    defs.append("marker").attr("id", `sk-arrow-rev-${hex}`).attr("viewBox", `0 0 ${ARROWHEAD_W} ${ARROWHEAD_H}`).attr("refX", 0).attr("refY", ARROWHEAD_H / 2).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr(
-      "points",
-      `${ARROWHEAD_W},0 0,${ARROWHEAD_H / 2} ${ARROWHEAD_W},${ARROWHEAD_H}`
-    ).attr("fill", color);
+  if (edgeColors.size > 0) {
+    const markerOpts = {
+      idPrefix: "sk",
+      width: ARROWHEAD_W,
+      height: ARROWHEAD_H,
+      // Every marker is per-colour here; the base id is never referenced.
+      baseFill: [...edgeColors][0],
+      colors: edgeColors
+    };
+    appendArrowheadMarkers(defs, markerOpts);
+    appendReverseArrowheadMarkers(defs, markerOpts);
   }
   if (showTitle) {
-    svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", TITLE_Y2).attr("text-anchor", header.titleAnchor).attr("font-size", sTitleFontSize).attr("font-weight", 700).attr("fill", palette.text).text(parsed.title);
+    svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", TITLE_Y2).attr("text-anchor", header.titleAnchor).attr("font-size", sTitleFontSize).attr("font-weight", "bold").attr("fill", palette.text).text(parsed.title);
   }
   if (legendGroups.length > 0) {
     const legendG = svg.append("g").attr(
@@ -1321,4 +1361,4 @@ export {
   sketchEdgeGeometry,
   renderSketchForExport
 };
-//# sourceMappingURL=chunk-H7BYMIVK.js.map
+//# sourceMappingURL=chunk-ENDB5YSV.js.map