@diagrammo/dgmo 0.77.0 → 0.79.0

package/dist/{chunk-OO2L2LWV.js → chunk-Y2KFQX5K.js}

@@ -4,25 +4,32 @@ import {
 import {
   computeNodeSizing,
   layoutPert
-} from "./chunk-GOW5VO6M.js";
+} from "./chunk-KHRZCKKG.js";
 import {
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
+  CARD_RADIUS,
   COLLAPSE_BAR_HEIGHT,
   CONTAINER_HEADER_HEIGHT,
   CONTAINER_LABEL_FONT_SIZE,
   CONTAINER_RADIUS,
+  EDGE_DASH,
   EDGE_STROKE_WIDTH,
+  HAIRLINE_DASH,
+  LABEL_FONT_SIZE,
+  META_FONT_SIZE,
   NODE_STROKE_WIDTH
-} from "./chunk-FJ57274M.js";
-import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+} from "./chunk-IIEI7VK5.js";
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-2F7AG7LA.js";
 import {
   serializeSvg
-} from "./chunk-RU2HHHYA.js";
+} from "./chunk-LD2JSKU3.js";
 import {
   CAPTION_BOX_PADDING_X,
   CAPTION_BOX_PADDING_Y,
@@ -32,27 +39,27 @@ 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-253E5ISJ.js";
 import {
   getLegendExtent
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parsePert
-} from "./chunk-RWFMOVHG.js";
+} from "./chunk-AI7TZQ2R.js";
 import {
   addCalendarDays,
   formatDuration,
@@ -61,23 +68,24 @@ import {
   formatSprintCell
 } from "./chunk-3TYUXC7D.js";
 import {
+  UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
+  resolveGroupTagColor,
   resolveTagColor
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   contrastText,
+  groupFill,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/pert/renderer.ts
 import * as d3Selection from "d3-selection";
 import * as d3Shape from "d3-shape";
+var PAST_PERCENTILE_DASH = "4 2";
 var DIAGRAM_PADDING = 20;
-var NODE_FONT_SIZE = 13;
-var NODE_CELL_FONT_SIZE = 11;
-var NODE_RADIUS = 6;
 function analysisBlockChrome(palette, isDark) {
   const surfaceBg = themeBaseBg(palette, isDark);
   return {
@@ -87,8 +95,6 @@ function analysisBlockChrome(palette, isDark) {
 }
 var NODE_TOP_ROW_HEIGHT = 26;
 var NODE_BOTTOM_ROW_HEIGHT = 26;
-var ARROWHEAD_W = 10;
-var ARROWHEAD_H = 7;
 var DURATION_FADE_OPACITY = 0.55;
 var PIN_ICON_W = 13;
 var PIN_ICON_H = 13;
@@ -208,15 +214,15 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
   const sLegendBottomGap = ctx.aesthetic(LEGEND_BOTTOM_GAP);
   const sLegendPillHeight = ctx.structural(LEGEND_PILL_HEIGHT);
   const sLegendBlockHeight = showTagLegend ? sLegendTopGap + sLegendPillHeight + sLegendBottomGap : 0;
-  const sNodeRadius = ctx.structural(NODE_RADIUS);
+  const sNodeRadius = ctx.structural(CARD_RADIUS);
   const sNodeStrokeWidth = ctx.structural(NODE_STROKE_WIDTH);
-  const sNodeFontSize = ctx.text(NODE_FONT_SIZE);
-  const sNodeCellFontSize = ctx.text(NODE_CELL_FONT_SIZE);
+  const sNodeFontSize = ctx.text(LABEL_FONT_SIZE);
+  const sNodeCellFontSize = ctx.text(META_FONT_SIZE);
   const sNodeTopRowHeight = ctx.structural(NODE_TOP_ROW_HEIGHT);
   const sNodeBottomRowHeight = ctx.structural(NODE_BOTTOM_ROW_HEIGHT);
   const sEdgeStrokeWidth = ctx.structural(EDGE_STROKE_WIDTH);
-  const sArrowheadW = ctx.structural(ARROWHEAD_W);
-  const sArrowheadH = ctx.structural(ARROWHEAD_H);
+  const sArrowheadW = ctx.structural(ARROWHEAD_WIDTH);
+  const sArrowheadH = ctx.structural(ARROWHEAD_HEIGHT);
   const sContainerRadius = ctx.structural(CONTAINER_RADIUS);
   const sContainerLabelFontSize = ctx.text(CONTAINER_LABEL_FONT_SIZE);
   const sContainerHeaderHeight = ctx.structural(CONTAINER_HEADER_HEIGHT);
@@ -263,7 +269,7 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
   }
   if (effectiveSubtitle) {
     const subtitleY = effectiveTitle ? sTitleY + ctx.aesthetic(26) : sTitleY;
-    svg.append("text").attr("class", "pert-subtitle").attr("x", svgW / 2).attr("y", subtitleY).attr("text-anchor", "middle").attr("fill", palette.textMuted).attr("font-size", sSubtitleFontSize).attr("font-weight", 400).text(effectiveSubtitle);
+    svg.append("text").attr("class", "pert-subtitle").attr("x", svgW / 2).attr("y", subtitleY).attr("text-anchor", "middle").attr("fill", palette.textMuted).attr("font-size", sSubtitleFontSize).attr("font-weight", "normal").text(effectiveSubtitle);
   }
   const offsetX = Math.max(sDiagramPad, (svgW - layout.width) / 2);
   const offsetY = sDiagramPad + sTitleHeight + (header.inline ? 0 : sLegendBlockHeight);
@@ -282,20 +288,30 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
   }
   const root = svg.append("g").attr("transform", `translate(${offsetX}, ${offsetY})`);
   const sizing = computeNodeSizing(resolved);
-  renderGroups(root, resolved, layout, palette, isDark, collapsedSet, sizing, {
-    nodeRadius: sNodeRadius,
-    nodeStrokeWidth: sNodeStrokeWidth,
-    containerRadius: sContainerRadius,
-    containerLabelFontSize: sContainerLabelFontSize,
-    containerHeaderHeight: sContainerHeaderHeight,
-    collapseBarHeight: sCollapseBarHeight,
-    nodeTopRowHeight: sNodeTopRowHeight,
-    nodeBottomRowHeight: sNodeBottomRowHeight,
-    nodeFontSize: sNodeFontSize,
-    nodeCellFontSize: sNodeCellFontSize,
-    pinIconW: sPinIconW,
-    pinIconH: sPinIconH
-  });
+  renderGroups(
+    root,
+    resolved,
+    layout,
+    palette,
+    isDark,
+    collapsedSet,
+    sizing,
+    {
+      nodeRadius: sNodeRadius,
+      nodeStrokeWidth: sNodeStrokeWidth,
+      containerRadius: sContainerRadius,
+      containerLabelFontSize: sContainerLabelFontSize,
+      containerHeaderHeight: sContainerHeaderHeight,
+      collapseBarHeight: sCollapseBarHeight,
+      nodeTopRowHeight: sNodeTopRowHeight,
+      nodeBottomRowHeight: sNodeBottomRowHeight,
+      nodeFontSize: sNodeFontSize,
+      nodeCellFontSize: sNodeCellFontSize,
+      pinIconW: sPinIconW,
+      pinIconH: sPinIconH
+    },
+    tagLegendActive
+  );
   renderEdges(root, resolved, layout, palette, collapsedSet, {
     edgeStrokeWidth: sEdgeStrokeWidth,
     edgeLabelFontSize: ctx.text(10)
@@ -660,7 +676,7 @@ function renderPertAnalysisBlock(container, resolved, palette, isDark, options)
   const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", totalHeight).attr("viewBox", `0 0 ${width} ${totalHeight}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY).style("overflow", "visible");
   paintAnalysisLayer(svg, resolved, palette, isDark, state, 0, 0, width);
 }
-function buildArrowheads(defs, palette, arrowW = ARROWHEAD_W, arrowH = ARROWHEAD_H) {
+function buildArrowheads(defs, palette, arrowW = ARROWHEAD_WIDTH, arrowH = ARROWHEAD_HEIGHT) {
   const mk = (id, fill) => {
     defs.append("marker").attr("id", id).attr("viewBox", `0 0 ${arrowW} ${arrowH}`).attr("refX", arrowW).attr("refY", arrowH / 2).attr("markerWidth", arrowW).attr("markerHeight", arrowH).attr("orient", "auto").append("polygon").attr("points", `0,0 ${arrowW},${arrowH / 2} 0,${arrowH}`).attr("fill", fill);
   };
@@ -671,13 +687,13 @@ function buildArrowheads(defs, palette, arrowW = ARROWHEAD_W, arrowH = ARROWHEAD
   mk("pert-arrow-green", palette.colors.green);
   mk("pert-arrow-blue", palette.colors.blue);
 }
-function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, sizing, sc = {}) {
+function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, sizing, sc = {}, activeTagGroup = null) {
   if (layout.groups.length === 0) return;
   const layer = root.append("g").attr("class", "pert-groups");
   const unit = resolved.options.timeUnit;
   const fillMode = resolved.options.fillMode;
-  const containerFill = mix(palette.surface, palette.bg, 40);
-  const containerStroke = palette.textMuted;
+  const neutralContainerFill = mix(palette.surface, palette.bg, 40);
+  const neutralContainerStroke = palette.textMuted;
   const mcOn = resolved.monteCarloResult !== null;
   const groupHasCritical = (groupId) => resolved.activities.some(
     (a) => a.activity.groupId === groupId && a.isCriticalPath
@@ -690,6 +706,13 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
     const isCollapsed = collapsedSet.has(grp.id);
     const memberBand = groupBand(grp.id, resolvedGroup?.criticality ?? null);
     const memberCritical = groupHasCritical(grp.id);
+    const grpTagColor = resolveGroupTagColor(
+      resolvedGroup?.group.tags,
+      resolved.tagGroups,
+      activeTagGroup
+    );
+    const containerFill = grpTagColor ? groupFill(palette, isDark, grpTagColor) : neutralContainerFill;
+    const containerStroke = grpTagColor ?? neutralContainerStroke;
     const g = layer.append("g").attr(
       "class",
       isCollapsed ? "pert-group pert-group-collapsed" : "pert-group"
@@ -736,7 +759,7 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
         palette.textOnFillLight,
         palette.textOnFillDark
       );
-      const sNR = sc.nodeRadius ?? NODE_RADIUS;
+      const sNR = sc.nodeRadius ?? CARD_RADIUS;
       const sCBH = sc.collapseBarHeight ?? COLLAPSE_BAR_HEIGHT;
       drawTextbookCard(g, {
         width: grp.width,
@@ -775,7 +798,7 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
     const sCLFS = sc.containerLabelFontSize ?? CONTAINER_LABEL_FONT_SIZE;
     const sCHH = sc.containerHeaderHeight ?? CONTAINER_HEADER_HEIGHT;
     const sNSW = sc.nodeStrokeWidth ?? NODE_STROKE_WIDTH;
-    g.append("rect").attr("x", grp.x).attr("y", grp.y).attr("width", grp.width).attr("height", grp.height).attr("rx", sCR).attr("ry", sCR).attr("fill", containerFill).attr("stroke", containerStroke).attr("stroke-opacity", 0.35).attr("stroke-width", sNSW);
+    g.append("rect").attr("x", grp.x).attr("y", grp.y).attr("width", grp.width).attr("height", grp.height).attr("rx", sCR).attr("ry", sCR).attr("fill", containerFill).attr("stroke", containerStroke).attr("stroke-opacity", grpTagColor ? 1 : 0.35).attr("stroke-width", sNSW);
     g.append("text").attr("x", grp.x + grp.width / 2).attr("y", grp.y + sCHH / 2 + sCLFS / 2 - 2).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("fill", palette.text).attr("font-size", sCLFS).attr("font-weight", "bold").text(label);
   }
 }
@@ -884,7 +907,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
     if (r.activity.groupId && collapsedSet.has(r.activity.groupId)) continue;
     const isCritical = r.isCriticalPath;
     const isTbd = tbdSet.has(node.id);
-    const dashArray = isTbd ? "4,3" : "none";
+    const dashArray = isTbd ? EDGE_DASH : "none";
     const isTopMu = topMuIds.has(node.id);
     const isBottomMu = bottomMuIds.has(node.id);
     let band;
@@ -924,7 +947,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
       resolved.tagGroups,
       activeTagGroup
     );
-    const hasTagColor = tagColor !== void 0 && tagColor !== "#999999";
+    const hasTagColor = tagColor !== void 0 && tagColor !== UNTAGGED_TAG_COLOR;
     const tagBandFill = hasTagColor ? shapeFill(palette, tagColor, isDark, { mode: fillMode }) : void 0;
     const tagLabelColor = hasTagColor ? contrastText(
       tagBandFill,
@@ -1009,12 +1032,12 @@ function computeDurationEmphasis(activities) {
 }
 function drawTextbookCard(g, a) {
   const { width: w, height: h, x, y } = a;
-  const sNR = a.sNodeRadius ?? NODE_RADIUS;
+  const sNR = a.sNodeRadius ?? CARD_RADIUS;
   const sNSW = a.sNodeStrokeWidth ?? NODE_STROKE_WIDTH;
   const sTRH = a.sNodeTopRowHeight ?? NODE_TOP_ROW_HEIGHT;
   const sBRH = a.sNodeBottomRowHeight ?? NODE_BOTTOM_ROW_HEIGHT;
-  const sNFS = a.sNodeFontSize ?? NODE_FONT_SIZE;
-  const sNCFS = a.sNodeCellFontSize ?? NODE_CELL_FONT_SIZE;
+  const sNFS = a.sNodeFontSize ?? LABEL_FONT_SIZE;
+  const sNCFS = a.sNodeCellFontSize ?? META_FONT_SIZE;
   const sPIW = a.sPinIconW ?? PIN_ICON_W;
   const sPIH = a.sPinIconH ?? PIN_ICON_H;
   const outerColW = a.outerColW;
@@ -1108,11 +1131,11 @@ function drawTextbookCard(g, a) {
 }
 function drawMilestonePill(g, a) {
   const { width: w, height: h, x, y } = a;
-  const sNR = a.sNodeRadius ?? NODE_RADIUS;
+  const sNR = a.sNodeRadius ?? CARD_RADIUS;
   const sNSW = a.sNodeStrokeWidth ?? NODE_STROKE_WIDTH;
   const topRowH = a.sNodeTopRowHeight ?? NODE_TOP_ROW_HEIGHT;
   const botRowH = a.sNodeBottomRowHeight ?? NODE_BOTTOM_ROW_HEIGHT;
-  const sNCFS = a.sNodeCellFontSize ?? NODE_CELL_FONT_SIZE;
+  const sNCFS = a.sNodeCellFontSize ?? META_FONT_SIZE;
   const sPIW = a.sPinIconW ?? PIN_ICON_W;
   const sPIH = a.sPinIconH ?? PIN_ICON_H;
   const topY = y + topRowH;
@@ -1258,8 +1281,8 @@ function renderFieldLegendBlock(svg, args) {
   const gridBottom = y + height;
   const rowH = (gridBottom - gridTop) / 2;
   const block = svg.append("g").attr("class", "pert-field-legend").attr("data-pert-field-legend", "");
-  block.append("rect").attr("class", "pert-field-legend-rect").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("rx", NODE_RADIUS).attr("ry", NODE_RADIUS).attr("fill", "none").attr("stroke", baseColor).attr("stroke-opacity", 0.4).attr("stroke-width", 1);
-  block.append("text").attr("class", "pert-field-legend-header").attr("x", x + width / 2).attr("y", headerY).attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", CAPTION_FONT_SIZE).attr("font-weight", "700").text("Field labels");
+  block.append("rect").attr("class", "pert-field-legend-rect").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("rx", CARD_RADIUS).attr("ry", CARD_RADIUS).attr("fill", "none").attr("stroke", baseColor).attr("stroke-opacity", 0.4).attr("stroke-width", 1);
+  block.append("text").attr("class", "pert-field-legend-header").attr("x", x + width / 2).attr("y", headerY).attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", CAPTION_FONT_SIZE).attr("font-weight", "bold").text("Field labels");
   const grid = (x1, y1, x2, y2) => {
     block.append("line").attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2).attr("stroke", baseColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
   };
@@ -1285,7 +1308,7 @@ function renderFieldLegendBlock(svg, args) {
     const stackTop = cellTop + Math.max((rowH - stackHeight) / 2, 0);
     const labelY = stackTop + FIELD_LEGEND_LABEL_FONT_SIZE;
     const firstDescY = labelY + FIELD_LEGEND_LABEL_DESC_GAP + FIELD_LEGEND_DESC_FONT_SIZE;
-    cellG.append("text").attr("class", "pert-field-legend-label").attr("x", cx).attr("y", labelY).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", FIELD_LEGEND_LABEL_FONT_SIZE).attr("font-weight", 600).attr("fill", labelColor).text(cell.label);
+    cellG.append("text").attr("class", "pert-field-legend-label").attr("x", cx).attr("y", labelY).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", FIELD_LEGEND_LABEL_FONT_SIZE).attr("font-weight", "bold").attr("fill", labelColor).text(cell.label);
     const descText = cellG.append("text").attr("class", "pert-field-legend-desc").attr("x", cx).attr("y", firstDescY).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", FIELD_LEGEND_DESC_FONT_SIZE).attr("fill", labelColor).attr("opacity", 0.85);
     descLines.forEach((line2, idx) => {
       const tspan = descText.append("tspan").attr("x", cx).text(line2);
@@ -1343,8 +1366,8 @@ function renderTornadoBlock(svg, rows, args) {
     palette.textOnFillDark
   );
   const block = svg.append("g").attr("class", "pert-tornado-block").attr("data-pert-tornado", "");
-  block.append("rect").attr("class", "pert-tornado-rect").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("rx", NODE_RADIUS).attr("ry", NODE_RADIUS).attr("fill", fill).attr("stroke", chromeStroke).attr("stroke-width", NODE_STROKE_WIDTH);
-  block.append("text").attr("class", "pert-tornado-header").attr("x", x + width / 2).attr("y", y + CAPTION_BOX_PADDING_Y + CAPTION_FONT_SIZE).attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", CAPTION_FONT_SIZE).attr("font-weight", "700").text("Activity Risk");
+  block.append("rect").attr("class", "pert-tornado-rect").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("rx", CARD_RADIUS).attr("ry", CARD_RADIUS).attr("fill", fill).attr("stroke", chromeStroke).attr("stroke-width", NODE_STROKE_WIDTH);
+  block.append("text").attr("class", "pert-tornado-header").attr("x", x + width / 2).attr("y", y + CAPTION_BOX_PADDING_Y + CAPTION_FONT_SIZE).attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", CAPTION_FONT_SIZE).attr("font-weight", "bold").text("Activity Risk");
   const fmt = (v) => {
     const r = Math.round(v * 100) / 100;
     return r.toFixed(2).replace(/\.?0+$/, "");
@@ -1497,7 +1520,7 @@ function renderScurveBlock(svg, data, args) {
     palette.textOnFillDark
   );
   const block = svg.append("g").attr("class", "pert-scurve-block").attr("data-pert-scurve", "");
-  block.append("rect").attr("class", "pert-scurve-rect").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("rx", NODE_RADIUS).attr("ry", NODE_RADIUS).attr("fill", fill).attr("stroke", chromeStroke).attr("stroke-width", NODE_STROKE_WIDTH);
+  block.append("rect").attr("class", "pert-scurve-rect").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("rx", CARD_RADIUS).attr("ry", CARD_RADIUS).attr("fill", fill).attr("stroke", chromeStroke).attr("stroke-width", NODE_STROKE_WIDTH);
   const SCURVE_DEADLINE_LABEL_HEIGHT = 16;
   const hasDeadline = data.deadlineDays !== null;
   const plotLeft = x + SCURVE_PLOT_PADDING_X;
@@ -1527,7 +1550,7 @@ function renderScurveBlock(svg, data, args) {
   block.append("text").attr("class", "pert-scurve-y-axis-title").attr(
     "transform",
     `translate(${yAxisLabelCx}, ${yAxisLabelCy}) rotate(-90)`
-  ).attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", SCURVE_TICK_FONT_SIZE - 1).attr("font-weight", "600").attr("opacity", 0.85).text(data.yAxisLabel);
+  ).attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", SCURVE_TICK_FONT_SIZE - 1).attr("font-weight", "bold").attr("opacity", 0.85).text(data.yAxisLabel);
   if (data.p84Days > data.p16Days) {
     const bandLeftRaw = xScale(data.p16Days);
     const bandRightRaw = xScale(data.p84Days);
@@ -1545,7 +1568,7 @@ function renderScurveBlock(svg, data, args) {
       let anchor = "middle";
       if (dx <= plotLeft + edgePad) anchor = "start";
       else if (dx >= plotRight - edgePad) anchor = "end";
-      block.append("text").attr("class", "pert-scurve-deadline-label").attr("x", dx).attr("y", plotTop - 4).attr("text-anchor", anchor).attr("fill", deadlineColor).attr("font-size", SCURVE_TICK_FONT_SIZE).attr("font-weight", "700").text(`Deadline \xB7 ${formatScurveDate(data.deadlineDate)}`);
+      block.append("text").attr("class", "pert-scurve-deadline-label").attr("x", dx).attr("y", plotTop - 4).attr("text-anchor", anchor).attr("fill", deadlineColor).attr("font-size", SCURVE_TICK_FONT_SIZE).attr("font-weight", "bold").text(`Deadline \xB7 ${formatScurveDate(data.deadlineDate)}`);
       block.append("line").attr("class", "pert-scurve-deadline-line").attr("x1", dx).attr("x2", dx).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", deadlineColor).attr("stroke-width", 1.5).attr("opacity", 0.9);
     }
   }
@@ -1619,11 +1642,11 @@ function renderScurveBlock(svg, data, args) {
     }
     const labelFill = mix(color, palette.text, 25);
     const dotGroup = block.append("g").attr("class", "pert-scurve-percentile").attr("data-percentile", d.label);
-    dotGroup.append("line").attr("class", "pert-scurve-percentile-tick").attr("x1", cx).attr("x2", cx).attr("y1", cy).attr("y2", plotBottom).attr("stroke", color).attr("stroke-width", 1).attr("stroke-dasharray", d.isPast ? "4,2" : "3 3").attr("opacity", 0.7);
+    dotGroup.append("line").attr("class", "pert-scurve-percentile-tick").attr("x1", cx).attr("x2", cx).attr("y1", cy).attr("y2", plotBottom).attr("stroke", color).attr("stroke-width", 1).attr("stroke-dasharray", d.isPast ? PAST_PERCENTILE_DASH : HAIRLINE_DASH).attr("opacity", 0.7);
     dotGroup.append("circle").attr("class", "pert-scurve-percentile-dot").attr("cx", cx).attr("cy", cy).attr("r", SCURVE_PERCENTILE_RADIUS).attr("fill", color).attr("stroke", fill).attr("stroke-width", 1.5).attr("data-percentile", d.label);
     dotGroup.append("circle").attr("class", "pert-scurve-percentile-hit").attr("cx", cx).attr("cy", cy).attr("r", 14).attr("fill", "transparent").attr("pointer-events", "all");
-    dotGroup.append("text").attr("class", "pert-scurve-percentile-label").attr("x", labelX).attr("y", cy + SCURVE_TICK_FONT_SIZE / 3).attr("text-anchor", labelAnchor).attr("fill", labelFill).attr("font-size", SCURVE_TICK_FONT_SIZE).attr("font-weight", "700").attr("paint-order", "stroke fill").attr("stroke", fill).attr("stroke-width", 3).attr("stroke-linejoin", "round").attr("stroke-opacity", 0.95).text(inlineText);
-    dotGroup.append("text").attr("class", "pert-scurve-percentile-verbose").attr("x", labelX).attr("y", cy + SCURVE_TICK_FONT_SIZE / 3).attr("text-anchor", labelAnchor).attr("fill", labelFill).attr("font-size", SCURVE_TICK_FONT_SIZE).attr("font-weight", "700").attr("paint-order", "stroke fill").attr("stroke", fill).attr("stroke-width", 3).attr("stroke-linejoin", "round").attr("stroke-opacity", 0.95).text(verboseText);
+    dotGroup.append("text").attr("class", "pert-scurve-percentile-label").attr("x", labelX).attr("y", cy + SCURVE_TICK_FONT_SIZE / 3).attr("text-anchor", labelAnchor).attr("fill", labelFill).attr("font-size", SCURVE_TICK_FONT_SIZE).attr("font-weight", "bold").attr("paint-order", "stroke fill").attr("stroke", fill).attr("stroke-width", 3).attr("stroke-linejoin", "round").attr("stroke-opacity", 0.95).text(inlineText);
+    dotGroup.append("text").attr("class", "pert-scurve-percentile-verbose").attr("x", labelX).attr("y", cy + SCURVE_TICK_FONT_SIZE / 3).attr("text-anchor", labelAnchor).attr("fill", labelFill).attr("font-size", SCURVE_TICK_FONT_SIZE).attr("font-weight", "bold").attr("paint-order", "stroke fill").attr("stroke", fill).attr("stroke-width", 3).attr("stroke-linejoin", "round").attr("stroke-opacity", 0.95).text(verboseText);
   }
   const N_X_TICKS = isAnchored ? 5 : 6;
   const LABEL_W_EST = isAnchored ? 48 : 36;
@@ -1708,4 +1731,4 @@ export {
   measurePertAnalysisBlock,
   renderPertAnalysisBlock
 };
-//# sourceMappingURL=chunk-OO2L2LWV.js.map
+//# sourceMappingURL=chunk-Y2KFQX5K.js.map

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

@@ -3,52 +3,55 @@ import {
   layoutJourneyMap,
   scoreToColor,
   scoreToCurveY
-} from "./chunk-F4V67JXG.js";
+} from "./chunk-6JIMYPXR.js";
 import {
   wrapNoteBody
-} from "./chunk-MU3CJPJF.js";
+} from "./chunk-W6DBWWPC.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-253E5ISJ.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseJourneyMap
-} from "./chunk-2QRIMMIH.js";
+} from "./chunk-6EMJRAEY.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.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-Y3OLUMJH.js.map