@diagrammo/dgmo 0.76.0 → 0.78.0

package/dist/{chunk-HGFKDSKZ.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-QT5UMFPE.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-4SXHMFFP.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.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-HGFKDSKZ.js.map
+//# sourceMappingURL=chunk-BJB4YDJP.js.map

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

@@ -9,7 +9,7 @@ import {
 var SKETCH_PHI = (1 + Math.sqrt(5)) / 2;
 var SKETCH_GEOMETRY = {
   /** px per grid cell (the dot-grid pitch) */
-  cellPx: 26,
+  cellPx: 16,
   /** universal footprint width, in grid cells */
   footprintCellsW: 8,
   /**
@@ -19,9 +19,9 @@ var SKETCH_GEOMETRY = {
   gapCellsX: 4,
   gapCellsY: 4,
   /** box reserved top band, px (spec decision 12) */
-  bandPx: 44,
+  bandPx: 28,
   /** box frame padding around the children bbox, px */
-  boxPadPx: 26,
+  boxPadPx: 16,
   /** edge-ring (connect hook) width as a fraction of footprint height */
   ringFrac: 0.22
 };
@@ -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-BZQCAZZZ.js.map
+//# sourceMappingURL=chunk-BPM52K3Z.js.map

package/dist/{chunk-HFCKU73Y.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-QT5UMFPE.js";
+} from "./chunk-67I3HFSF.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.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-HFCKU73Y.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-FMZEU7MF.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-4SXHMFFP.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-FMZEU7MF.js.map
+//# sourceMappingURL=chunk-CYLSQO4L.js.map

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

@@ -1,10 +1,10 @@
 import {
   buildMapProjection
-} from "./chunk-FMZEU7MF.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-JLJ7SP4X.js.map
+//# sourceMappingURL=chunk-DCPD5SHV.js.map